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
#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
