Password Requirements
How many times you created a password and get warned by the website that your password should "at least contain one number"? By visualizing password requirements and whether they have been met in real time, password creation becomes more transparent and less frustrating.
animated with Keynote
Delivery Status
Lots of times people don't know exactly what's going on with their food delivery. By visualizing the food delivery process, and giving them the guaranteed delivery time, the experience can be more transparent and assuring.
animated with framer.js
UI: THE TWO-DIMENSIONAL ARCHITECTURE
Daily UI and motion design exploration both for fun and practice, tools used include Framer.js, Keynote, Adobe After Effects.
Weather and Wear
Do people know what the degree number really means? By visualizing temperature with wearing recommendations, users can get a better idea of what to wear according to the temperature.
animated with framer.js
