Bubbl.

Direction artistique

Back
Daily UI Challenge

category

Illustration/UI Design

TeAM MEMBERS

Vivian V. (UX Designer)

Engaging in daily UI design exercises to enhance my skills by reimagining a single interface each day.

Project Overview

In the early stages of becoming a designer, I felt as though my design skills weren’t at the level I wanted it to be. To improve my skills and explore my creativity, I decided to start the Daily UI challenge. In 2020 I started with 30 pieces and by the end of month I managed to accomplish my goal. As I am continuously growing and working as a designer, it’s nice to see the improvements I’ve made since this project. This challenge keeps me empowered to keep learning.

Fast forward to 2024, I’ve decided to take a few pieces and use what I’ve learned over the years to improve my designs.

Takeaways

Revisiting old designs can be a humbling experience. While some stylistic choices might induce a chuckle or make me feel embarrassed, it's ultimately a testament to the growth I've achieved.  It's a reminder of how far I've come, and that's something to be proud of.

Here are some before and after designs I've made in 2024!
I have revamped the checkout experience, introducing modernized form fields to simplify the information input process.
I have incorporated additional details and options into the signup procedure while maintaining the existing branding and introducing innovative features.
I've addressed the impractical size of the navigation bar. The log-in and profile icon should not appear at the same time, and the hamburger menu has been relocated to a more intuitive position. The new changes aim to offer users quicker access to information.
I made minor adjustments to this design, fixing button spacing and ensuring proper screen fit. The background colour was changed to enhance button contrast.
Implemented a paper-like effect on the icon and organized the colour scheme and layout to look more structured.
Incorporated essential Call to Action buttons like "follow" and "message." Reduced white space to bring images into sharper focus.
I corrected the orientation of toggles, ensuring they are flipped correctly. I redesigned the arrow icons for improved aesthetics and implemented consistent spacing between categories.
The initial design appeared too simplistic for a desktop error page. In the updated version, I've introduced copy that aligns with the theme and included a link to redirect users back to the homepage.
Maintained the existing design while expanding the touch target on the buttons for improved usability.
I originally designed it inspired by a clothing store, but since they've undergone a rebranding, I've made adjustments to align with their new brand identity.


Here are the previous works from 2020!

© 2024 Vivian Vo
VIVIAN VO