Juan J. Ramirez

Robo-Advisor Main-Screen -> Deposit Screen Transition

  • Save

A small transition animation for fun. 😎 😎 😎

In this hypothetical app (a robo-advisor or investment app), the composition/deposit screen is rendered with multiple elements coming from opposite directions.
The deposit screen is a minimalist view that allows users to choose a previously defined funding source and enter the desired deposit amount.

Before you ask, there's no CTA in this view, because in theory, the CTA would only show up after the user types a number (that interaction is not shown in this example).

Color Palette: https://color.adobe.com/create/color-wheel/?base=2&rule=Shades&selected=1&name=My%20Color%20Theme&mode=rgb&rgbvalues=0.30785745734888015,0.37599109453134555,0.75,0.20523830489925343,0.2506607296875637,0.5,0.41047660979850686,0.5013214593751274,1,0.10261915244962672,0.12533036484378185,0.25,0.3694289488186562,0.45118931343761465,0.9&swatchOrder=0,1,2,3,4

keyboard shortcuts: L or F like