9 SECRETS to BEAUTIFUL Landing Page Design (Pt. 1: The Setup)

  Рет қаралды 36,024

Tim Gabe

Tim Gabe

Күн бұрын

Пікірлер: 149
@vlasiucion7002
@vlasiucion7002 2 жыл бұрын
It doesn't matter how many classes I took, your content is just simple, clear and answered me a lot of questions that so called mentors did not... Thank you a lot! It's and amazing content!
@TimGabe
@TimGabe 2 жыл бұрын
wow… comments like these, Vlasiuc!! besides making my day they really make me excited to continue producing content, so thank YOU! 🤩🙏🥳
@janayapost3600
@janayapost3600 8 ай бұрын
Agreed!!!
@andrescastillo07
@andrescastillo07 2 жыл бұрын
This is so amazing Tim! I'm impressed by how important, informative and amazing is all the information you're sharing with us. I feel like I'm back at College receiving a masterclass from one of the best teachers out there! (I'm a 33 years old Senior Visual Designer with a mostly print design background, so I'm just starting my journey with Figma and UI/UX). So I'm really happy that I found you because your channel is one of the best I have found to learn about all of this. Thank you again!!
@TimGabe
@TimGabe 2 жыл бұрын
Andrés, your comments make my day! that’s so very nice of you to say, thank you my friend ☺️🙌 I’m happy that you find the information useful and I’ll do my best to continue providing you value
@kumarraja1580
@kumarraja1580 Жыл бұрын
After 9 years of my Design Journey...I never understand Design System Be like this ...Greatest Tutorial for Ever.
@TimGabe
@TimGabe Жыл бұрын
happy that it was helpful, kumar!!
@mdmahfujurrahman1021
@mdmahfujurrahman1021 9 ай бұрын
I watch a lot of figma tutorial some of them are in depth. But tim's videos are to the point. It like pin point focus. Exactly what I need to work. No time waste.
@aminansar5294
@aminansar5294 2 жыл бұрын
Thanks for the tips bro, these were very valuable. Was surprised to see the low number of subscribers on this channel, you deserve a lot more
@TimGabe
@TimGabe 2 жыл бұрын
thank you so much for the encouraging words, my friend 🤩 I’ll continue to put out content, hopefully the channel grows with it 👌👌 take care!!
@aminansar5294
@aminansar5294 2 жыл бұрын
@@TimGabe Cool, can't wait for the next parts to come!
@joannahaj1012
@joannahaj1012 2 ай бұрын
This is gold🔥!! Thank you. You have touched upon many points that usually don't get discussed, and you gave exceptional tips!
@renatagibson445
@renatagibson445 2 жыл бұрын
hey! I just wanted to say thanks for your insights. I'm a graphic designer (with 12+ years experience) transitioning to UX/UI design but your tips were still suuuper helpful (and applicable to both design fields). can't wait for the next videos. :)
@TimGabe
@TimGabe 2 жыл бұрын
wooow Renata… hearing this from someone with that amount of experience in the design field is just… wow. thank you, I really appreciate it so much. happy to have you as a subscriber and I hope that you’ll enjoy future videos as well!! ☺️🤩👌
@4Mulator
@4Mulator 6 ай бұрын
This has been the most helpful tutorial out of the hundreds I've watched. Thank you Tim! Is there a part 2?
@theblowupdollsmusic
@theblowupdollsmusic 2 жыл бұрын
This is probably the best tutorial I've ever seen on how to actually create a process to get quality design stuff done.
@TimGabe
@TimGabe 2 жыл бұрын
that really makes me happy to read, Matt. thank you so much my friend 🙏☺️
@leannerobinson2139
@leannerobinson2139 Жыл бұрын
Your videos are so informative and you provide great examples - I especially love the Frankenstein wireframe reference! I come from a web design background and your examples have been so helpful in understanding the UI process.
@TimGabe
@TimGabe Жыл бұрын
thanks for sharing this, Leanne. always appreciate this kind of feedback!! 😃
@iamahmad007
@iamahmad007 11 ай бұрын
Your content is a blessing for designers. Expecially for those who are beginners. Keep making such great and useful videos! ❤
@niiiiiiiina
@niiiiiiiina Жыл бұрын
Tim, a big thank you. Really. Your videos really help me stay motivated on this journey to becoming a better designer. You're the best! 💝
@TimGabe
@TimGabe Жыл бұрын
that's so nice to hear, thank you!! 💜
@puseletsomaraba1313
@puseletsomaraba1313 Жыл бұрын
Thank you for the principals of creative design, learned a technique I’ve been struggling with, to put all the ideas together in one canvas.
@TimGabe
@TimGabe Жыл бұрын
appreciate all your comments, friend!
@austinmoras7800
@austinmoras7800 2 жыл бұрын
Hey really can't wait for part 2!! Amazing content mann!!
@TimGabe
@TimGabe 2 жыл бұрын
so happy to hear it, Austin 🤩 thanks so much for the super kind words 🥳
@hihoigoghtttt
@hihoigoghtttt Жыл бұрын
this is gonna help me thank you! goo more in-depth with the figma vids from start to finish make it a series if you haven't already
@TimGabe
@TimGabe Жыл бұрын
appreciate the feedback 😃
@turing4436
@turing4436 Жыл бұрын
Hi Tim, thank you so much for these figma web tutorials, they are really helpful, and love the way you speak! Easy to understand even though I'm not a native speaker :) so nice, lucky to find you XD
@TimGabe
@TimGabe Жыл бұрын
that’s amazing to hear as I want to cater to as many people as possible 😃 happy to have you as a viewer!
@janayapost3600
@janayapost3600 8 ай бұрын
I love this!!! Thank you for this insight! Very helpful. In the back of my head I gathered ideas but when I left my project for a couple of days and came back I almost always forgot ideas I created from those inspirations. This however is organized and a great layout I can come back to and actually be able to use in the future by making adjustments and creating it my own way. :))) THANK YOUUU!
@danilomalana1415
@danilomalana1415 2 жыл бұрын
I'm from the Philippines and Hoping for more great and inspirational videos here on your channel. Keep it up!
@TimGabe
@TimGabe 2 жыл бұрын
incredibly grateful for comments like this, Danilo 🙏 your support is so appreciated!! 🥳
@martinpenkov2492
@martinpenkov2492 Жыл бұрын
It's really useful for me, I feel confident when I design phone apps, but if I design a web app I'm not so confident. Thank you Tim.
@TimGabe
@TimGabe Жыл бұрын
happy if i can help you gain some confidence in web development, martin!
@creativitywithkookie
@creativitywithkookie Жыл бұрын
I just love how you are explaining cozz there are sometimes that i save the img of the design which i like and then forget about it that why am i saved it 🤐 so by following your method it will take time but the outcome will be awesomeeee (I'm a new subscriber 🤭)
@TimGabe
@TimGabe Жыл бұрын
thank you for such a long and nice comment 🙏😃
@ridwanhoquesrihan8862
@ridwanhoquesrihan8862 2 жыл бұрын
The value of the content man !!🤯 subscribed and liked 👍
@TimGabe
@TimGabe 2 жыл бұрын
Ridwan, that’s such a nice comment! thank you, I’m glad to have you as a subscriber 🥳🤩
@vcodev108
@vcodev108 2 жыл бұрын
Thanks for making this series, Can't wait for the next vid!!!!
@TimGabe
@TimGabe 2 жыл бұрын
I'm so glad to have people like yourself here expressing your thoughts on the content, so a big thanks right back at you my friend 🤩
@jaivikg
@jaivikg 7 ай бұрын
Great Tim! I also took these websites for the inspiration and also take the inspiration from the competitors websites. Thanks buddy for the such valuable content.
@stephenaaronosborn
@stephenaaronosborn Жыл бұрын
Man, your videos are so solid. Are you editing these yourself?!
@TimGabe
@TimGabe Жыл бұрын
thank you Stephen!! yes, I'm editing myself 😃🙏
@stephenaaronosborn
@stephenaaronosborn Жыл бұрын
@@TimGabe call me Aaron! Great work! I'm impresed.
@MrAKDas-ts4gu
@MrAKDas-ts4gu 2 жыл бұрын
Eagerly waiting for the 2nd part. Loved your content.
@TimGabe
@TimGabe 2 жыл бұрын
thank you so much, Akash! 🤩 really appreciate you taking the time to comment! part 2 is on the roadmap 🙏🥳
@MrAKDas-ts4gu
@MrAKDas-ts4gu 2 жыл бұрын
@@TimGabe Thank you soo much. Have a nice day 🍻
@TimGabe
@TimGabe 2 жыл бұрын
@@MrAKDas-ts4gu you too, Akash 🥳
@osamah4532
@osamah4532 2 жыл бұрын
Inspiration recourses: - dribbble.com/ - www.awwwards.com/ - www.lapa.ninja/ - www.behance.net/ fonts recourses: - fonts.google.com/ - www.myfonts.com/ - www.typewolf.com/
@TimGabe
@TimGabe 2 жыл бұрын
thanks a lot for sharing, Osamah! 🙏😃
@osamah4532
@osamah4532 2 жыл бұрын
@@TimGabe 😊you are most welcome
@arslanmalik.a
@arslanmalik.a 10 ай бұрын
I use the same technique, i search a lot for design language like visit websites, themes, templates etc and when i am done searching i leave all the chrome tabs open and sometimes there's alot of tabs like more than 20😅. But i learned so much from your video 1 is your Frankenstein move stitching ss of different websites that is one hell of a solid move. From now on I'll practice the Frankenstein mode. Thank you ❤❤
@Malikzamincheeta
@Malikzamincheeta 2 жыл бұрын
Anxiously waiting for the next parts ❤️
@TimGabe
@TimGabe 2 жыл бұрын
so grateful that you find the content good!! 🤩 it’s in the works! 💖
@GrifanoRide
@GrifanoRide 10 ай бұрын
Great video, short and informative. I like your approach to collecting inspiration, I totally forgot how this is important to get started 🙂
@aimanbe.5412
@aimanbe.5412 2 жыл бұрын
cant wait for the next one!
@TimGabe
@TimGabe 2 жыл бұрын
thanks a lot for the comment Aiman; it's in the works, my friend! 🥳 but first, a video based on one of your requests! 🤭🤩
@ardianshala_
@ardianshala_ Жыл бұрын
I mean.. the Frankenstein Wireframing is jaw-dropping, thank you sir for sharing this 🙏
@TimGabe
@TimGabe Жыл бұрын
so cool to hear that you like it, Ardian!! 🤩
@AbdulKhaleque
@AbdulKhaleque 2 жыл бұрын
your video edit & explanations are awesome!
@TimGabe
@TimGabe 2 жыл бұрын
thank you so much for the kind comment, friend 🙏🥳
@Ioannnify
@Ioannnify Жыл бұрын
Love this info Tim, thanks so much for sharing. I love your channel ! 🤩
@rakshaslog3058
@rakshaslog3058 Жыл бұрын
Tim thanks your videos helps a lot you are truly a great mentor ❤
@TimGabe
@TimGabe Жыл бұрын
that's awesome to hear, thank you for the love 💜
@rakshaslog3058
@rakshaslog3058 Жыл бұрын
@@TimGabe would I be able to connect with you on LinkedIn?
@jokastudios
@jokastudios 2 жыл бұрын
Great Video Tim🚀, in the next videos could you talk about how to get work in the UI Designer field?
@xhongaronga
@xhongaronga 2 жыл бұрын
This would be super interesting ☝🏼
@TimGabe
@TimGabe 2 жыл бұрын
Joka, my man!! thank you so much 🥰 I’ll definitely add that to my list of topics for videos! 😃
@TimGabe
@TimGabe 2 жыл бұрын
two asks for the same thing!! 😍 thanks for the input, brother!!
@jokastudios
@jokastudios 2 жыл бұрын
@@TimGabe Thanks, let's hope your channel continues to grow. Its contents are excellent. I wish you much success 🚀🚀
@TimGabe
@TimGabe 2 жыл бұрын
thank you Joka, you're too kind!! I wish you all the best on your journey as well 🥳
@natalionet
@natalionet 2 жыл бұрын
Thank you for the video, you gave me a new sight about creating my Mood board / Design structure
@TimGabe
@TimGabe 2 жыл бұрын
I’m so glad that you learned something ☺️ and a lot thanks for commenting, makes me so pumped to continue making content!!
@natalionet
@natalionet 2 жыл бұрын
​@@TimGabe You know what I would like to see next? :) How you take this Frankenstein structure and turn it into your own, making all these references turn into one coherent design. I collect designs/ideas that I like but don't always know how to adapt and make it work with my content - I hope it makes sense haha
@TimGabe
@TimGabe 2 жыл бұрын
@@natalionet makes total sense, and that’s exactly what will be covered in the next part 🤩
@yaltharullist9181
@yaltharullist9181 2 жыл бұрын
your videos are awesome, thank you for creating them and sharing your expertise!
@TimGabe
@TimGabe 2 жыл бұрын
thank you Yaltha!! I’m happy to help 🤩
@ruthchernous6087
@ruthchernous6087 Жыл бұрын
This video is awesome. Thanks so much for sharing
@TimGabe
@TimGabe Жыл бұрын
thank you for the kind words!
@ritwikmudliar4874
@ritwikmudliar4874 2 жыл бұрын
Amazing content , would love to see more videos like this .
@TimGabe
@TimGabe 2 жыл бұрын
thank you so much, Ritwik!! 🤩 you have pt. 2 and pt. 3 here: kzbin.info/www/bejne/mZ62c5Wkp6t6hsk kzbin.info/www/bejne/rHPYqoVuqqtmbpI
@gohar666
@gohar666 Жыл бұрын
Loved the idea of Frankenstein wireframing)))
@TimGabe
@TimGabe Жыл бұрын
frankenstein wireframing is my favourite!!
@VinodNanaiah
@VinodNanaiah Жыл бұрын
Not just this...I really value all your videos Tim, thanks a lot for puting them together!
@TimGabe
@TimGabe Жыл бұрын
that's amazing to hear Vinod! thanks a lot for the support!
@PruthviHammigi
@PruthviHammigi Жыл бұрын
Love this video!
@TimGabe
@TimGabe Жыл бұрын
thanks a lot!!
@seans9203
@seans9203 8 ай бұрын
Good stuff Tim - Thanks :O)
@jaelgabriel
@jaelgabriel Жыл бұрын
Really helpful content as always. Thank you for doing this. Cheers!
@TimGabe
@TimGabe Жыл бұрын
happy to be of help, thanks for the comment!!
@glenndeplumber3170
@glenndeplumber3170 Жыл бұрын
Love it, glenn from San Diego
@TimGabe
@TimGabe Жыл бұрын
awesome to hear, glenn! thanks for commenting 😃
@glenndeplumber3170
@glenndeplumber3170 Жыл бұрын
One you got your snap shoot and put them on the board, how do you define the containers/groups... are they seperate wire frames?
@TimGabe
@TimGabe Жыл бұрын
not sure what you mean exactly, glenn, but i will usually just group it up into one auto-layout and then stack them all on top of each other!
@svetlanashebika8127
@svetlanashebika8127 Жыл бұрын
Thank you! It's very informative and fun)
@TimGabe
@TimGabe Жыл бұрын
that’s awesome to hear!! thank you Svetlana!!
@rajaarunachalam8550
@rajaarunachalam8550 2 жыл бұрын
Where are you from MAN? Nice work. I really really appreciate the way you teach things like this. And my personal opinion, you looks lot like a MODEL. Be great full to your parents.
@TimGabe
@TimGabe 2 жыл бұрын
I’m from Sweden!! 😃 wow, where do I even begin to thank you… so many compliments in one go that I don’t even know what to say!! 🤩🙏 thank you SO much, Raja. really really nice of you to say all of those things ☺️
@thefemidavids
@thefemidavids Жыл бұрын
Hello Tim, this was so helpful and insightful. It's so informative and clear. Suggestion, can you make this same kind of video but this time for mobile or web apps design with this same approach for moodboarding and wireframing, thank you.
@TimGabe
@TimGabe Жыл бұрын
thank you, my friend 🙏 might be getting back to more workflow related videos in 2024, so could be that i cover it for web apps!
@davidadedeji6452
@davidadedeji6452 Жыл бұрын
Thank you for the video. Can I use this same method when designing for a mobile or Web app? From part 1-3
@TimGabe
@TimGabe Жыл бұрын
as long as your references are good, i definitely think this applies for all kind of ui/ux design 😃
@davidadedeji6452
@davidadedeji6452 Жыл бұрын
@@TimGabe ok thank you
@christeUXUI
@christeUXUI Жыл бұрын
Great video loving your channel so far, Would be even better if you had a list of links that were visited during the video.
@TimGabe
@TimGabe Жыл бұрын
happy you liked it!! will be more mindful of links in the future 🙏
@FullerUK
@FullerUK Жыл бұрын
Great vid!
@TimGabe
@TimGabe Жыл бұрын
appreciate it, my friend! 😃
@thilanmaduranga8496
@thilanmaduranga8496 2 ай бұрын
This is great video. thanks a lot.
@DanielMeier-s9w
@DanielMeier-s9w Жыл бұрын
Amazing Video but one question remaining. How can you get color templates with the exact same colors from the inspos i dont get it
@TimGabe
@TimGabe Жыл бұрын
for the exact same colors you will have to look for the color on their website with the inspector tool!
@Pixelyze-tech
@Pixelyze-tech 5 ай бұрын
When you look at this inspirations, do you look at them as broad research or specific industry like SaaS, Construction or Finance? Or you just looking broad for layouts and structures?
@ThePiaWayy
@ThePiaWayy 5 ай бұрын
Great tutorial
@superyummyfood5752
@superyummyfood5752 Жыл бұрын
Very informative video the best video I have watched ❤
@javohirxusanov48
@javohirxusanov48 Жыл бұрын
thanks bro) amzing tutorial🔥
@tokyobizkit6844
@tokyobizkit6844 Жыл бұрын
thank you very much
@TimGabe
@TimGabe Жыл бұрын
a big thanks right back at you!!
@umashankar34
@umashankar34 Жыл бұрын
Great
@TimGabe
@TimGabe Жыл бұрын
thanks a lot Uma!!
@funall9891
@funall9891 Жыл бұрын
Very healpfull thank you
@rgasta7765
@rgasta7765 Жыл бұрын
❤ this. Thanks Tim. Are u still selling this service? How should we promote this service as an agency?
@TimGabe
@TimGabe Жыл бұрын
feel free to take this for your agency!
@BrunoAlves-uy3sl
@BrunoAlves-uy3sl Жыл бұрын
Hi @Tim, love your channel. Just to let you know, the sign you do with your hands on the video thumb is cursing in some cultures. You hope you learned something new today 😂
@TimGabe
@TimGabe Жыл бұрын
hahaha, Bruno!! this is hilarious. I learned this like a month ago since my mother-in-law saw me doing the sign irl, but I forgot that I actually have thumbnails doing it as well 😂
@fatimahalmalki-dh5sf
@fatimahalmalki-dh5sf Жыл бұрын
great i like it
@zanayan6044
@zanayan6044 Жыл бұрын
YOu are so amazing, I wish I saw your video last semester lol! oh man, i am redesigning my web to look for internship (aaaa kill me (mental breaking down (i import a spline scene to my framer landing page but it takes 2 mins to load the page, I have to re do it :
@angelasanchez5058
@angelasanchez5058 7 ай бұрын
amazing
@khandakamal9212
@khandakamal9212 11 ай бұрын
🔥🔥
@Selena_loweua
@Selena_loweua 2 жыл бұрын
Where is the second part? Thank u ☺️
@TimGabe
@TimGabe 2 жыл бұрын
it’s in the works! ☺️🙌👌 thanks for commenting!!
@VeneltEstate
@VeneltEstate 10 ай бұрын
Hey guys, I am a new designer I just learned Figma I’ve got a grass of it and I know pretty much most of the stuff in there and I can build a pretty good-looking website. And I’m wondering, was there a point of me learning sigma if I’m just gonna copy and paste it to Framer and framer. It’s pretty much just Figma so did I waste my time learning it
@filipevalentegomes2383
@filipevalentegomes2383 2 жыл бұрын
great video, what happened to part 2?
@TimGabe
@TimGabe 2 жыл бұрын
so glad you liked it Filipe! 🥳🙌 part 2 is in the works!!
@filipevalentegomes2383
@filipevalentegomes2383 2 жыл бұрын
@@TimGabe awesome thanks for the quick reply, keep up the good work. Let's get the 2k subs
@TimGabe
@TimGabe 2 жыл бұрын
@@filipevalentegomes2383 just genuinely happy to get engagement with my comment, so it’s a pleasure ☺️ thank you so much for supporting me on the journey here
@historiasenespanhol
@historiasenespanhol 9 ай бұрын
Vídeo Incrível
@znere65
@znere65 Жыл бұрын
damn, thank you
@WeronikaSierzan
@WeronikaSierzan Жыл бұрын
Hi Tim, is there any place where I can thank you with some tip or payed subscription? It seems fair as you are actually contributing me get a much higher paying job and I'm super thankful for it :) As for tools for inspiration I'd say it sometimes useful to use the good, old pinterest for it :D
@AtomicPixels
@AtomicPixels Жыл бұрын
Insider poking at the idea of confidence when asking for subscribers. It’s much more about trust than anything. When you act uncertain about your own value, you basically tell others they shouldn’t expect anything valuable from you. ;)
@TimGabe
@TimGabe Жыл бұрын
good point!!
@chocolatecvrdbeauty
@chocolatecvrdbeauty 11 ай бұрын
You’re moving the screen so fast it’s hurting my eyes
@AbdulKhaleque
@AbdulKhaleque 2 жыл бұрын
bro, work on your sound. i don't listen your video sound clearly when my fan is on.
@TimGabe
@TimGabe 2 жыл бұрын
will definitely do!! thanks a lot for the feedback, Abdul ☺️🙏
@AbdulKhaleque
@AbdulKhaleque 2 жыл бұрын
@@TimGabe try to make it crystal clear/crysp. take love man, best wishes ❤
@TimGabe
@TimGabe 2 жыл бұрын
@@AbdulKhaleque looking into this for future videos ❤️ thanks again man!! 🙏👌
@gibsonolugbue1169
@gibsonolugbue1169 2 жыл бұрын
Lol I think you should change your fan, his sound and audio is perfect!
@TimGabe
@TimGabe 2 жыл бұрын
@@gibsonolugbue1169good to hear that it’s sounding good to you, Gibson 😃
@Abdul-h3j2j
@Abdul-h3j2j Ай бұрын
Thank you so much
Landing Page Structure (With Examples)
16:09
Flux Academy
Рет қаралды 208 М.
Chain Game Strong ⛓️
00:21
Anwar Jibawi
Рет қаралды 41 МЛН
Sigma Kid Mistake #funny #sigma
00:17
CRAZY GREAPA
Рет қаралды 30 МЛН
Why is THIS the PERFECT Landing Page?
12:34
Wes McDowell
Рет қаралды 207 М.
6 UI Hacks I Wish I Knew As A Beginner
11:11
Tim Gabe
Рет қаралды 889 М.
Reacting to 20 Beautiful Landing Page Web Designs in 2024
22:14
Codex Community
Рет қаралды 125 М.
Complete Course On Layout Design (MASTER LAYOUT)
21:04
Satori Graphics
Рет қаралды 745 М.
Design Better Than 99% of UI Designers
14:52
Tim Gabe
Рет қаралды 225 М.
11 Section layouts to make your website ultra UNIQUE
13:42
Payton Clark Smith
Рет қаралды 510 М.
Perfect Landing Page Design Explained (in 5 minutes)
8:00
Flux Academy
Рет қаралды 416 М.
Why is THIS the Perfect Homepage?
14:21
Wes McDowell
Рет қаралды 624 М.
Complete Layout Guide
11:59
Flux Academy
Рет қаралды 842 М.
Step-by-Step Guide to Designing a Website Landing Page
19:47
Aliena Cai
Рет қаралды 35 М.
Chain Game Strong ⛓️
00:21
Anwar Jibawi
Рет қаралды 41 МЛН