Figma Design Challenge: 10 Minutes vs 30 Minutes vs...

In this I will try to create a landing page for a design agency in 10 minutes, 30 minutes and a few hours. All to see what the difference in the designs will be. Design with Figma: psxid.figma.com/kh2feohwvmqd
-
Become a Member (Access to Completed Project Files):
/ @caleredwards
Sign up for Webflow:
webflow.grsm.io/caleredwards
Sign up for ProtoPie:
www.protopie.io/plans?ref=caler
Try out Relume:
library.relume.io/?via=caler
My Desk Setup for Design & KZbin:
kit.co/caleredwards/my-setup
-
Visit my website:
caleredwards.com
Find me on Instagram:
Instagram: / caleredwards
-
Disclaimer: This video and description may contain affiliate links. By using any of my affiliate links, I receive a very small commission at no extra cost to you. Thank you for supporting the channel!
Music: Epidemic Sound
Figma Design Challenge: 10 Minutes vs 30 Minutes vs...
#Figma #designchallenge #uidesign #webdesign #uiux #design

[@CalerEdwards]

Want more design challenge videos?

[@hasanalbanna1965]

Yes please

[@kishangautam7506]

Definitely

[@laibahamid84]

Please please

[@alipinedacreates]

This challenge is really FUN. My favorite is definitely the unlimited time. Love seeing your thought process when designing a website. Thank you for sharing Caler! 😊

[@CalerEdwards]

Awesome! Thank you!

[@Krisokafor]

It was fun to watch. Thanks for sharing.

[@CalerEdwards]

Glad to hear it 😀

[@chukkaemmanuel]

i think a lemon color for the cta buttons would have made it stand out better but great work. i definitely learnt something I've been trying to learn for a while now in less than 10 mins. great job caler

[@CalerEdwards]

That would look great with the dark theme for sure and thank you :D

[@andreiconx]

It's great to see you actively posting once again. It would be great if youl could make the deigns available so that we check what fonts etc are you using :-)

[@CalerEdwards]

It's great to be back :D and i'll look into doing that

[@joshuajumbo1586]

Awesome

[@CalerEdwards]

thanks :D

[@bryce-jones]

love this video idea! can you share how you setup your grids in figma?

[@CalerEdwards]

Still testing that grid but once Im happy with it I’ll probably make a video on it 😀. For now the base of it is 12 col grid with a 4 col vertical grid.

[@bryce-jones]

@@CalerEdwards thank you!! and yes, please do! a video on your best practices when setting up a figma file for a web project would be really helpful 🙏🏻

[@fernwehtwl]

Why do you choose to design so close to the edge ? I’m curious to know why you chose to design so close to the margin is it better to leave more space on the margin ?

[@georgefawzi6340]

great design

[@CalerEdwards]

Thanks a lot

[@fallabeaufaebelle]

Thanks for sharing! About how many hours did the last one take?

[@CalerEdwards]

I’d say about 3 or 4 hours

[@Cupcake8p]

I love the style of the design and how clean it is, but I have a question about the responsivness of it. When designing the hero section with the large text, image and arrow button, did you have a responsive layout in mind? How would you describe the behaviour of those elements on a smaller screen because it's almost impossible to implement this kind of design and have it align perfectly on many different screen sizes. Would the text break differently or shrink in size? What about the image? Just a curious designer 😁

[@CalerEdwards]

Thanks! For the responsiveness I would have the text & button scale with the browser width on desktop then break it to a vertical stack with the button bellow the heading and paragraph when on tablet or mobile. Maybe even adding some text to the button instead of just having an arrow which may not be great for UX on tablet and mobile. Thats probably how I would approach the responsiveness for this design, hope that helps or answered your questions :D

[@Cupcake8p]

Okay, thanks for explaining :)

[@jarmel3745]

I mean... either way design looks awesome, but I would love to see a video where you are tackling unknown brief in 10/30 min and see the results. P.S. if u are a beginner watching this video, don't get discouraged he had most things already thought out.

[@CalerEdwards]

Might make another video doing that for another challenge great idea!

[@observer3359]

Make a course I will buy it