app UI walkthrough
web walkthrough and UI motion
Working with the team at Herman-Scheer, I developed a unique motion system that works to elevate the brand and highlight different elements that can be used across deliverables.
Taking inspiration from the smile vector brandmark, this became the main defining element of this direction. The simplest idea of a line creates a whole system of motion that is unique and interactive to each individual. I consistently refer to the line to tell a story and be used as a tool to connect all of the elements of this direction.
The gradient is one of the most important tools in the motion identity that can be easily adjusted and manipulated to convey emotion and transform the user experience.
wordmark to brandmark animation
custom gradient animation
app load-in animation
Happier
Brand Motion Guide
Credits:
Client Happier
Agency Herman-Scheer
Motion Mandie Stanton
CD John Scheer
Designer Meria Ogawa
Copywriter Allen Park