Mock-up of the Projects (home) view for FiveSix, demonstrating how it looks like against various viewport sizes. I used this visual on the FiveSix landing page to help communicate how projects are kept in sync across devices where a chor...
Some interaction design work on the project/tracks view, and the player view for FiveSix (music playback app for dance choreographers).
Left: Navigate amongst the projects (songs) you've made choreography pieces to.
Right: Player view ...
Brand Exploration 4/4:
To support more compact scenarios, I created a variant of the wordmark that is stacked vertically. The concept of the slider had to be maintained but in a way that communicated to the continuation of it on another...
Brand Exploration 3/4:
Initially, I created the logos and app icons for FiveSix with a small palette that composed of different shades of graphite and a singular coral. While this sufficed for initial design direction in the application...
Brand Exploration 2/4:
The app icon summarizes the main component of interaction within the FiveSix experience: the slider that allows choreographers to define the start/end of their playback, and the scrubber that reveals when the trac...
Brand Exploration, 1/4:
The design behind wordmark was inspired by the custom range slider component that choreographers would use in FiveSix to dynamically set the start/end cues for a segment to play their music back from.
Initially ...
Walkthrough of FiveSix's app structure, with the initial screen being the choreographer's music projects, featuring the album art of the track. Tapping on a project opens the player view, which surfaces all the playback controls and segm...
Designed and developed a responsive marketing landing page for FiveSix that introduces the product, its playback control capabilities, and targets sign-up for beta access.
See it in action - https://fivesix.app