DEV Community

Cover image for The Daily UI 100-Day Design Challenge: A Journey to Enhance Your UI Skills
Johnny Santamaria
Johnny Santamaria

Posted on

2

The Daily UI 100-Day Design Challenge: A Journey to Enhance Your UI Skills

From:
Daily UI

The Daily UI challenge offers an exciting opportunity for designers to sharpen their user interface (UI) design skills with daily prompts over 100 days. It encourages creativity, exploration, and improvement in UI design by focusing on different elements and tasks each day. Whether you're a beginner looking to build a strong portfolio or a seasoned designer aiming to explore new approaches, this challenge is the perfect way to stay consistent and engage with the design community.

--

Day 1: Sign Up Page

The first prompt in this challenge invites you to design a sign-up page, modal, form, or app screen for any type of sign-up process. This could be for anything from a volunteer event to a contest registration, giveaway, or any other type of sign-up process. It's all about making the user experience smooth, engaging, and visually appealing. Whether you create a simple email subscription form or a more intricate event registration interface, this prompt allows you to explore form layouts, input fields, call-to-action buttons, and user flow.

The design:

Daily UI Day 1 Design

Headline: Sign up

Description: Username/Password/Confirm Password

Color Palette: #00000/#CEC656/#FDFBD4

Why I had this design choice:

  1. Small color palette
  2. High Contrast
  3. Action-oriented
  4. Many options
  5. Large font
  6. Secure

Conclusion:

The design of the sign-up page demonstrates a thoughtful approach to user-centric principles. By employing a small color palette, the interface maintains a clean and cohesive look, minimizing visual distractions. The use of high contrast enhances readability and accessibility, ensuring that users of all abilities can navigate the page effortlessly. Its action-oriented layout directs users' focus toward completing the sign-up process, reinforced by intuitive call-to-action buttons and clear input fields.

Offering many registration options, such as signing up via email or social accounts, caters to diverse user preferences and improves usability. The large font size contributes to readability and creates a sense of modernity, helping users quickly understand the content. Overall, the design achieves a balance between aesthetic appeal and functional clarity, providing a seamless and engaging user experience.

Top comments (0)

Coherence image

Authenticated AI Chat, Just 15 Lines of Code

Multi-modal streaming chat (including charts) with your existing backend data. Choose from 10+ models from all leading providers. Total control and visibility.

Learn more

👋 Kindness is contagious

Explore this insightful write-up, celebrated by our thriving DEV Community. Developers everywhere are invited to contribute and elevate our shared expertise.

A simple "thank you" can brighten someone’s day—leave your appreciation in the comments!

On DEV, knowledge-sharing fuels our progress and strengthens our community ties. Found this useful? A quick thank you to the author makes all the difference.

Okay