This is a page dedicated to the motion work I've done over the years.
All of the work featured below have minimal explanation and serve as a demonstration of skill. For detailed processes, please refer to the case studies available on the home page.
Full prototypes
Microsoft Live Shopping: Browsing through live streams and having a clear view of the product offers available along with a smart timed introduction of products
Google Maps Live View: This is a prototype utilizing the camera and also gyroscope data, the idea is to suggest different activities depending on which direction you choose to start walking towards, along with spontaneous recommendations.
Microsoft Start Shopping: Walkthrough of a product detail page featuring multiple merchants including price insights such as a higher/lower price, further.
Carter's cart and checkout: Stressing on having minimal distraction on the product cards and a simplified checkout flow contained within the drawer.
Carter's redesigned search: Simplified search and search results page with a minimal filters to help guide more attention towards product images and help onboard a third party for suggestions.
Carter's redesigned home: Final home design that is enabled through motion with appear on scroll, starting from a broader offers at the top ending with editorials at the bottom
Carter's Favorites to Purchase flow: A quick example of a lottie animation of a broken heart + sunburst that I created was implemented in the app
Micro-interactions
Microsoft Cashback: Fun little animation to show when activating cash back making use of the program's blue tag logo
Microsoft Cashback: Utilizing an overlay animation, along with text and confetti-ish icons to help really sell the boost
Microsoft Cashback: Card dropping animation, color change to indicate success along with the confetti to drop to accentuate the message
Carter's order completion: A rocket taking off indicating success in the state yet utilizing the theme of child-like illustrations to go with the theme of the Carter's app.
Microsoft Live Shopping: This card was an entry point on the Edge browser new tab page, the idea was to look at some products at offer when hovering over.
Microsoft Edge New Tab page: Another entry point in a crowded page utilizing subtle motion to indicate the trending nature of the product
Windows Shopping concept: Drag and drop products to a universal cart on Windows task bar to either save or go through a Microsoft Wallet purchase flow.