FiveSix: Wordmark Animation

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 all projects start with the whole track, and choreographers drag the start/end cues to indicate the area that they are focusing and creating from.

This animation demonstrates how the slider reveals with the whole track initially. Then, the start/end cues move to their intended spots that symbolically resemble the segment, which is also their place within the wordmark.