The UI/UX of Hero Sections (Challenge)

bit.ly/3ReMZD0 👈 Learn UI/UX Today (Code: UI2024 for 25% off)
bit.ly/3yIAglK 👈 Watch the full UI/UX playlist.
-- Today, we're continuing on with the #30daysuiux series by designing a hero section. First, I'll show you how it's done, and then I'll put you to the test with your own hero section challenge!
Tomorrow, I'll review some of your entries and see how everyone stacks up!
The Figma Community File (Open this to access the design):
www.figma.com/community/file/...
SUBMISSION Instructions:
1. Open the Figma community file above.
2. Watch the entire video.
3. Open the "Lesson 2 - Hero Sections Challenge" page and complete the design based on the requirements outlined at 28:10
4. In Figma, click "Share" and click "Copy link".
5. Visit x.com and paste the link into a new comment, and share it with the hashtag #30daysuiux -- Also, mention me / follow me if you wish: x.com/designcoursecom
That's it! One entry per person.
Let's get started!
#uiux #uidesign
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
Learn UI/UX: designcourse.com
My personal FB account: logodesigner
Coursetro FB: coursetro
Coursetro's Twitter: / designcoursecom
Join my Discord! / discord
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Designcourse.com.
Come to my discord server or add me on social media and say Hi!

[@DesignCourse]

This is a challenge! Submission instructions are in the description. Hurry up and submit yours within the next several hours for a chance at a review in tomorrow's video!

[@ob5804]

Gary, hi. In this course, will we create a full landing page or another type of site or not? Will there be an explanation on how to reveal the chosen theme for the design? I mean what the blocks should be and their arrangement. Or should I choose a topic, a subtopic and search for similar sites and see what's there?

[@unsa101]

Please continue this challenge until the footer of the landing page

[@user-jt3ou2ob2o]

I'm really glad i found this channel, amazing work, keep it going!

[@shekhargupta_dev]

06:30 at this point I see "No Pet, More Hair!" 😅

[@sanelisomafuleka4526]

Bold pet owners 😂

[@arthurbadin4388]

Yeah. I thought the same. I liked how the second variant looked the most, but wonder what the usability implications are.

[@LouFTMKZ]

So the concept of "grouping elements" does not apply to your brain? 👀

[@shekhargupta_dev]

@@LouFTMKZ 😅 may be yes

[@waltermelo1033]

now I can not unsee it. even on this part 10:51 looks like "The Fox Lazy Quick Jumps Dogs Brown Over 17"

[@MuratKarakus-to4tr]

omg this is pure gold!

[@writersnoise]

I was thinking if a shadow on the second section would be nice, will make the dog seem like peeking behind the second section or a up and down scroll move on the dog . Lovely design by the way.

[@user-mt2bc3uk7x]

Your work is very great. i like it.

[@abdulchowdhury2635]

Keep up the feedback video about all sections. It helps a lot...

[@amir_hjr]

Should I skip the hero section first and design it after other page sections design finished?

[@ErikvanKruiselbergen]

Challenge accepted and shared ;)

[@user-sv2pk2xp1j]

just submitted hoping to get a review and learn something.😇

[@SHqyqAz-ko9fr]

How can I download this file of challenge

[@SheriffKoder9]

A video about hero sections needs a hero video intro 👍

[@HubertFrey]

NO PET, MORE HAIR! Every bald man statement

[@Morvarid66]

Thanks a billion,please talk more about grouping, I don’t get it clearly.

[@carlosmed_]

Can we have an alternative way to submit aside from X. Would love to participate but not really a fan of X 😅

[@DesignCourse]

Join the discord server (in description) and post in #30dayuiux channel

[@frictiongraphics116]

Is it compulsory that we have to fix ourselves to the fonts, typo styles and colors you have provided. Or we are free to play with it?

[@frictiongraphics116]

Can we also just do a quick prototype of the hero section. Just to experiment with it,... for submission??

[@DesignCourse]

You're free to do whatever you want, as long as you're confident in the end result and aren't just trolling! ;)

[@DesignCourse]

@@frictiongraphics116 You can, but I probably won't feature any type of prototyping interactions/animations in my review video.

[@frictiongraphics116]

@@DesignCourse thankyou! 💪

[@rahulkumaragrawal3822]

Challenge accepted

[@unsa101]

Is it ok to submit on LinkedIn?

[@DesignCourse]

No, either X or in my discord server (linked in description). channel name is #30dayuiux

[@Zero-oq1jk]

I don't know adidas band.

[@DesignCourse]

All. Day. I. Dream. About. Sushi (ADIDAS). That's the acronym of that amazing band.

[@Zero-oq1jk]

@@DesignCourse Aiem. Waiting. For. A COVERS NOW! (: You have own scene wohoo!! You can do everything.. and it werks! As I found you thanks to Hello World, Feat. 0.1

[@Zero-oq1jk]

@@DesignCourse Jiro!