Sharing your moments, live

WHEN: 2012 - 2014
ROLE: SOLE DESIGNER
PLATFORM: iOS

Livit is a live social video streaming app that allows your friends and followers to watch whatever it is you're doing in the present.

I was brought on to the Livit team after it had already been out in the wild for a few months. The guys at Livit approached me to help them with rebranding the app to have a more approachable and fun aesthetic and to also think through new features. The overal user experience of the app needed some updating as well.

 I was able to create a consistent style throughout the app based on this little character we created called Livvy (a monkey). The UX has been greatly improved by cleaning up some user flow flaws and creating a more clear and consistent UI.

floating-phone
Screen Shot 2015-07-09 at 10.59.15 PM

The feed & viewing experience

The main feed was meant for catching up on streams ("Livs") that you may have missed. Each stream thumbnail would indicate who the streamer was, how many views, and how many claps a particular stream garnered.

livit_feed
HOME STREAM NO LIVE

Feed with no live vids

HOME FEED COPY

Feed with live vid happening

HOME STREAM REFRESH

Pull to refresh

Streaming a previously uploaded video from the feed

Watching a live video from the global map view

Discovery

The global tab was meant mainly for discovery. Showing Livs that are currently being streamed throughout the world. It consists of three main tabs - MAP view, LIST view, and a STARS view (influencers).

livit_map

Tapping through the multiple global viewing options - Stars / List / Map

Groups

The next feature we created was Groups. You could add your friends and followers, create a group name, chat, and start private Livs within your group.

livit_groups
groups creation flow

Creating a group and starting a conversation

Handing it off

Handoff was a feature created to allow users to share their stream with a viewer. Imagine being at a concert and you're right up front at the stage. You have a friend, or a viewer, who has a perspective from the way back of the entire production. You can share your stream with that person so that the other viewers can swap between both views.

Livit_Handoff_Wireframe Initial

Early wireframes of the Handoff flow

Livit_Handoff_Wireframe Initial5

Higher fidelity of the Handoff flow

HANDOFF-PROTO_STREAMER_small

I whipped up a quick interaction flow to communicate the experience better to my engineer working on this feature.

Handoff Screens

Landscape viewing

If a streamer decided to shoot landscape, we needed to reformat the UI to fit that format. A tough task to do given that the viewport height has shrunk greatly.

livit_landscape

The challenge was allowing the same functionality as the vertical viewing orientation, still keeping the UI in relatively the same place, and also not complicating the overall viewing experience.

Going "10-foot"

The obvious next move was to bring Livit to the television. We began working on an AppleTV version of Livit. I had to do some research on the standard best practices for tvOS and create the best solution and experience for Livit on the television set.

mock
Screen Shot 2015-07-09 at 11.00.24 PM

Want to know more about this project?

Contact

hello@stephencalvillodesign.com

Currently in

San Francisco

Copyright · Stephen Calvillo Design 2018