Daily design explorations and personal projects to grow and refine my UI and interaction skills
April - August 2021
UI and Interaction Designer
I created a collection of projects inspired by XD Daily Creative Challenges and an exploration of UX/UI design trends to grow my design knowledge and get inspired.
I grew my technical skills through this disciplined, self-initiated work, and also pushed my conceptual thinking forward by researching and experimenting with new tools and ideas.
Parallax Scroll / Augmented Reality / Neuomorphism / Micro Interactions / 3D Flip / Glassmorphism / Slide - Out Menu / Interactive Map / Reading app / Emoji Sticker Animation
Problem: Many portfolio sites can be static, used merely as a medium to host one’s work.
Solution: Experiment with the site itself to not only showcase work, but also create impressive and engaging experiences for their viewers that could land them more work. Delight the users with parallax scroll, animated visuals, rotating elements, changes in object/text scale, and scroll reveal elements to create depth with fun, unexpected animations.
Problem: Decentralized information and home controls can waste a lot of time as a user jumps from one app to another.
Solution: Experiment with the neuomorphism trend to create a display that centralizes the most helpful, relevant information/controls that a user might need to start the day.
Problem: Furnishing an apartment can be risky and difficult without seeing the items in your space before purchasing.
Solution: Design and prototype an augmented reality experience using 3D Transforms that gives users more confidence in their decor decisions and purchases.
Problem: Static tab bars are a missed opportunity to engage users.
Solution: Design an experience that uses micro interactions and subtle animations to delight the users and elicit joy.
Problem: Supplied wants to create a special experience for its users to celebrate its annual end of year sale, which boasts significantly higher discounts than normal.
Solution: Design an engaging, delightful experience that promotes its sale and gets customers excited to capitalize on savings.
Problem: Getting a credit card can feel intimidating and uninteresting.
Solution: Create an animation to introduce the card as more appealing and approachable than competitors.
Problem: Being overwhelmed with data slows productivity and can lead to mistakes.
Solution: Design and prototype a slide-out menu to help a user quickly and clearly jump between sets of data. Use Component States and micro interactions to help highlight a user's location within the experience.
Problem: People want to know how far along they are in their books, while also easily accessing subsequent pages.
Solution: Design an E-reader experience that tracks users’ reading progress using the 3D Transforms tool to create a page-flip animation. Use auto animate to simulate reading a book in actuality.
Problem: Humans have an innate desire to connect with one another and share their experiences and need a platform that allows them to do that.
Solution: Design a stories experience using 3D Transforms to navigate between images while users discover their friends' content.
Problem: A group of friends has plans to meet for lunch, but their reservation only has a 15-minute grace period. Three of the seven friends will arrive on time, while the others frantically text their group chat about their ETAs and locations, which are hard to simultaneously track.
Solution: Design and prototype an interactive map using Scroll Groups to identify friends' locations in real time.
Problem: Video chat experiences can often lack engagement beyond seeing people's faces.
Solution: Design and prototype a video chat experience where users can add stickers and emojis on screen using auto animate to bring these micro-interactions to life.