UX Design Challenges
Daily UI
Welcome to my Daily Design Challenge journey! Here, together with the DailyUI community I am taking on various interesting projects, through which I’m improving my skill set, and growing as a designer :)
It’s a work in progress, so more little projects will pop up soon!
#002 Challenge
The Challenge #002 was to design a Credit Card Checkout screen. I extended this by including some of the shopping processes that typically accompany card payment. My initial thought was to design it for a mobile view, as people often shop on their phones. I also created some Lo-Fi frames to place all core elements and develop my general ideas in further Hi-Fi and Prototyping stages. Enjoy!
Low Fidelity Wireframes
High Fidelity Wireframes
Prototype
#003 Challenge
The Challenge #003 was to design a landing page for a product of my choice. I decided to create a page for a foreign language speaking academy, with the goal of encouraging parents to sign up their kids and give them the confidence to express themselves.
In my design, I tried to express all the associations we have with childhood—a fun, carefree, and educational period of life. I also created an additional screen with more detailed information, which can be accessed by clicking the "See More" button.
I had a lot of fun creating it and delving into my own childhood memories. I hope you can experience that too!
Landing Page
Learn More Screen
#021 Challenge
The challenge for this project was to design a home monitoring app. My goal was to create a dashboard that was not only appealing and fun to use but also highly functional.
I used a color palette that evokes a comfortable, homey feeling, and I hope it resonates with you. The app includes core features like live camera feeds and the ability to control all rooms and their devices, as well as add new ones. My main focus was on simplicity, ensuring the design is intuitive and easy to navigate.
Mobile & Tablet View
#088 Challenge
For Challenge #088, the goal was to design a sign-up page, modal, form, or app screen. I decided to take it a step further by not only creating a simple Login/Register page but also making it responsive across various devices using Figma Variables and Modes. Here are the results, which I completed within a 2.5-hour timeframe. It was a lot of fun!
Variables and Modes Quick Overview
Final Design for Different Responsiveness
After setting up all the variables and modes, and then adjusting the frames' minimum and maximum sizes along with the responsive auto layout settings, you can switch between screens for different devices with just a single click in Figma's Modes toggle
