Daily UI 100 Days Challenge

Credit card checkout

💬 Prompt 

Design a credit card checkout form or page. Don't forget the important elements such as the numbers, dates, security numbers, etc.

🎯My approach 

I decided to create a mobile version of an online clothing store, presenting the credit card checkout page as instructed. I wanted to integrate all the key elements, such as product details, shipping costs and of course the credit card form —all combined on a single page for a streamlined user journey.

🎨Design focus

• Keeping a minimalistic structure and visual consistency. 
• Visible payment controls/no hidden features, which means that the user has complete control over the product details and the payment options during the purchase.
• Seamless credit card integration with clear instructions and display of the total cost upfront to build trust in the users online transaction.

Low Fidelity Wireframe -> High Fidelity Wireframe

Check out the mockup in Figma here!

Daily UI 100 Days Challenge

Create a sign up form

💬 Prompt 

Create a sign up page, modal, form, or app screen related to signing up for something. It could be for a volunteer event, contest registration, a giveaway, or anything you can image.

🎯My approach 

I decided to create a sign up form for a fictitious group of hikers gearing up to go on their weekly hike on "Misty Peaks Mountain". The form is for anyone who wants to join the hike. It has all the info you need, incorporated in a clean, inspiring design.

🎨Design focus

• Single-column layout, requesting only neccessary information.
• Visceral Design: Focusing on making an impact with the first impression. Does it make you want to join the hike?
• Using color and images that fit the theme of the event.

Low Fidelity Wireframe:

High Fidelity Wireframe:

The result:

Check out the mockup in Figma here!

👋 Exciting update – I'm officially attempting the Daily UI 100 Days Challenge, where they send you a new design challenge each day for 100 days.

Starting on this challenge is not just about completing the design tasks; it's about exploring, growing and refining my design skills each day.

I also have to be realistic during this project and assume that I might not complete 100 days in a row, but I will do my best to eventually make it to 100 regardless. 💻✨

Wish me luck!