DEV Community

Cover image for Daily UI Design Challenge: Day 3 – Elevate Your UI Design Skills
Johnny Santamaria
Johnny Santamaria

Posted on

Daily UI Design Challenge: Day 3 – Elevate Your UI Design Skills

From:
Daily UI

--

Embarking on the Daily UI 100-Day Design Challenge is an exciting way to sharpen UI/UX design skills and build an impressive portfolio. Now on Day 3, the focus intensifies on creating a hero page that captivates users and improves their experience.

A hero page, or hero section, is the prominent, visually impactful area at the top of a webpage that serves as the user's first point of interaction. Its purpose is to grab attention, convey the main message or value proposition of the website, and encourage users to explore further.

--

The Design:

Daily UI day 3 design

Figma file can be viewable here

Fonts: Merriweather/Roboto

Colors: #FDFBD4/#CEC656/#00000

Title: Hello User (username shows up if logged in)

Dynamic CTA: Free text/books - Collecting? We find a way to get it!

Note: The word "text" scrolls through book genres, adding visual interest.

Buttons: Shop | About | Card | Contact | Pointers to new books

--

Why I had this design choice:

  1. Does not overwhelm user
  2. Makes use of whitespace, evens it out
  3. bold text with simple typography, making it easy to translate
  4. Simple and memorable color pallete
  5. Action oriented

Conclusion

The hero page design blends simplicity, functionality, and aesthetic appeal. By focusing on user-centric elements and clean, modern design principles, it sets a strong foundation for enhanced user experience and interaction.

Do your career a big favor. Join DEV. (The website you're on right now)

It takes one minute, it's free, and is worth it for your career.

Get started

Community matters

Top comments (0)

Heroku

This site is powered by Heroku

Heroku was created by developers, for developers. Get started today and find out why Heroku has been the platform of choice for brands like DEV for over a decade.

Sign Up

👋 Kindness is contagious

Explore a sea of insights with this enlightening post, highly esteemed within the nurturing DEV Community. Coders of all stripes are invited to participate and contribute to our shared knowledge.

Expressing gratitude with a simple "thank you" can make a big impact. Leave your thanks in the comments!

On DEV, exchanging ideas smooths our way and strengthens our community bonds. Found this useful? A quick note of thanks to the author can mean a lot.

Okay