Clients: MTV, HBO, Pepsi, NASCAR, Fox Sports, P&G and more
Role: UX, UI, Animation, Interaction Design
Spredfast specializes in on-screen visualizations of social content for live TV. On-screen hosts previously had to rely on other people to make sure their content was displayed correctly on screen. First, a Digital Producer had to moderate a stream of content and select the posts they found most engaging. The content was then queued for display. Then, another moderator decided how long the content should be displayed. Finally, the content was pushed to a screen or screens when deemed appropriate.
Our clients wanted a simpler flow to get social content on the screen. We were asked to create an app for the iPad that would allow the on-screen personality to easily choose social content and send it straight to the big screen, whether that is behind the host or in a lower-third graphic display. They wanted the interface to be dead simple because of the high-stakes nature of live television. We also had to deliver this on a tight deadline in order to accommodate a media event that was 2 months away.
I started with wireframes in which I tested multiple UX flows. After testing them out on an iPad we chose a flow that minimized potential errors when selecting content for the big screen. We moved from there to a working prototype that satisfied all of the requirements. Once we had it working properly, I finished up the process by designing high-fidelity comps in Sketch and sharing them with my dev team using Zepelin, a tool that allows developers to preview fonts, icons, hex codes from a Sketch file using a very simple interface. I also designed a few onboarding GIFs to demonstrate how the product should work.
To find out more about how it works, check out this article about the app in The Drum
1. Created a web app optimized for the iPad that includes the ability to curate and redisplay social content to any screen.
2. Designed for live television and used by multiple media clients
3. Utilized multiple disciplines and took a product from initial idea to creation in 6 weeks.
Check out the press release for the product here
Demo of the product being used here