The UI/UX of Hero Sections (Challenge)

Рет қаралды 8,798

Ай бұрын

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!

Пікірлер: 36

@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 9 күн бұрын

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 27 күн бұрын

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

@shekhargupta_dev 26 күн бұрын

@@LouFTMKZ 😅 may be yes

@waltermelo1033 21 күн бұрын

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!

@abdulchowdhury2635 26 күн бұрын

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

@user-mt2bc3uk7x Ай бұрын

Your work is very great. i like it.

@SheriffKoder9 Ай бұрын

A video about hero sections needs a hero video intro 👍

@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.

@HubertFrey 27 күн бұрын

NO PET, MORE HAIR! Every bald man statement

@ErikvanKruiselbergen Ай бұрын

Challenge accepted and shared ;)

@amir_hjr Ай бұрын

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

@user-sv2pk2xp1j Ай бұрын

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

@SHqyqAz-ko9fr Ай бұрын

How can I download this file of challenge

@rahulkumaragrawal3822 Ай бұрын

Challenge accepted

@Morvarid66 Ай бұрын

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

@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! 💪

@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

@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!