I helped MPC Creative create a mobile app prototype (Sketch & Flinto for Mac) to demonstrate the UX for TalkTalk's FX Star app.
The app allows X Factor fans to create and share their own personalised music videos. It also offers them a chance to to appear on TV during The X Factor commercial breaks.
‘Mix Off’ and ‘Bop Heads’ (the two previous versions of the app) were a great successes. The 2016 iteration had to push the concept into new territory to excite users and encourage them to use it.
The objective of 2016’s app was to improve the user experience. This involved the inclusion of facial recognition for up to four people, 3D masks/themes and a selection of new music tracks.
My responsibilities as Lead UX Designer included:
- App/User flow design
- Mobile App Wireframes
- Responsive Microsite Wireframes
- Mobile App Prototype
App Download Links
You can download the TalkTalk FX Star Mobile App using the links below.
I mapped out the key journeys that the user would take through the app. This enabled me to better understand the scope of the app, both in terms of functionality and the way in which a user would navigate it.
This also provided me with an outline of which screens needed to be designed and included in the prototype.
I then developed wireframes for the key screens (and states). These would later be used in the prototype and inform the visual design and development.
App Prototype (Flinto For Mac)
I then imported the wireframes into Flinto For Mac where I linked them together.
The prototype enabled us to test, validate and iterate the design to ensure the app flow was intuitive as possible.
Once I'd linked together the key screens, I concentrated on refining some of the key interactions within the app, using the Flinto for Mac Transition Designer.
Final App Video Walk-through
Responsive Microsite Wireframes
A companion microsite was developed to provide a destination for users to find out more about the app and download it. I developed a set of simple wireframes to detail key parts of the microsite user experience.
Responsive Microsite Designs
This year’s iteration of the app has already pushed the boundaries both creatively and technically. With The X Factor 2016 only just launched, it remains to be seen how users will react to the new app. But if the two previous year’s are anything to go by, it should be a great success.
You can download the app from https://fxstar.talktalk.co.uk
UX/UI Before & After
Share This Project
If you enjoyed this project, then let others know about it by sharing it.Tweet