Onboarding UX Mockup
We’ve incorporated the typography and finalized the design elements of the UI for each screen. Included is an example mockup of some of the micro-interactions applied as each scene is swiped. Below are effects we’ve come up with as ideas for possible interactions on each screen that are not displayed in this iteration.
Screens 2-5: The Simplish icon orb above the illustrations pulsating on each screen to direct the eye to the change in mood throughout the scenes.
Screen 3: Scale pulsing effect on small colored orbs surrounding the icons.
Screens 1 and 6: Scrolling background waterfall of icons to show the overflowing tasks.