As a Product Designer with a growth mindset, I joined Dribbble to stretch my design muscles. For me, design is not merely about how it feels and looks. It is about how it functions for users. With that in mind, I always strive to create experiences that are well-thought-out, smooth, intuitive and have an appealing look-and-feel.
Reading Japanese manga has been one of my biggest hobbies. This is a passion project where I designed a web-based manga reading platform for manga lovers.
In this process, I sketched out the key pages and UI components. Although the UX research portion is quite light, I still put in efforts to think through the architecture, flow and overall functionality of the website.
In the past, I often used white or light background colors to create a clean look-and-feel, in this project, I challenged myself to use a color palette that I was not very familiar with.
I was inspired by my recent shopping experience with Bose® Official Site. I analyzed why the shopping cart UI confused me and redesigned this particular segment of the experience.
On the current My Cart page of the website, the Bose® SoundProtection™ menu, which appears as a sound product is added, will be gone forever after the user removes it. As a result, if the user changes his/her mind and wants to add it back, there is be no other way but to add the sound product once again.
In my redesign, I wanted to give users enough flexibility by making the menu collapsible. When the user adds a protection plan, it would turn into a purchase item. Upon cancellation, it will turn into a menu again.
For my debut shot on Dribbble, I decided to redesign the login screen and add animation to create a delightful moment.
In my redesign, I revamped the screen layout to accommodate options for "Sign Up" and "Forget password?" When working on the visual aspect, I used the Dribbble Pink (#ea4c8) with basketball texture to strengthen the visual brand identity.
My UX study group and I tasked ourselves to design UIs for mobile P2P payment experience. These are some of the screens I created for our design exercise.
Reflecting upon my experiences of using payment apps (e.g. Chase QuickPay® with Zelle, Venmo, Facebook Pay), I noticed that most of these apps do not support one-to-many transactions. Therefore, I came up with this idea to allow the user to pay or request money from multiple users or a group of people created by the user.
Inspired by 5 Practical Exercises to Learn UI Design, I created style tiles first, including realistic font choices and text elements, appropriate color palette, and logo.
This is my rebound shot to the weather app UIs created by other designers in a Dribbble playoff.
Designing a weather app UI was much more challenging than I thought because many pieces of weather-related information, as well as the basic functionalities, need to be taken into account. To determine what information users care about most, I interviewed daily users of iOS Weather app.
I identified a common scenario in the interviews. As users head out or go to bed, they tend to check the Weather apps. They are most interested in information regarding whether it is going to rain today/tomorrow and temperatures. Therefore, I made sure my design would give the target population the information they are seeking.