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

Поделиться
HTML-код
  • Опубликовано: 30 ноя 2024

Комментарии • 148

  • @kumarraja1580
    @kumarraja1580 Год назад +2

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

  • @vlasiucion7002
    @vlasiucion7002 2 года назад +25

    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 года назад +2

      wow… comments like these, Vlasiuc!! besides making my day they really make me excited to continue producing content, so thank YOU! 🤩🙏🥳

    • @janayapost3600
      @janayapost3600 6 месяцев назад

      Agreed!!!

  • @andrescastillo07
    @andrescastillo07 2 года назад +9

    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 года назад +1

      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

  • @mdmahfujurrahman1021
    @mdmahfujurrahman1021 7 месяцев назад +1

    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.

  • @joannahaj1012
    @joannahaj1012 9 дней назад

    This is gold🔥!! Thank you. You have touched upon many points that usually don't get discussed, and you gave exceptional tips!

  • @aminansar5294
    @aminansar5294 2 года назад +3

    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 года назад +1

      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!

  • @theblowupdollsmusic
    @theblowupdollsmusic 2 года назад +1

    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 года назад +1

      that really makes me happy to read, Matt. thank you so much my friend 🙏☺️

  • @ardianshala_
    @ardianshala_ Год назад +2

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

  • @renatagibson445
    @renatagibson445 2 года назад +4

    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!! ☺️🤩👌

  • @ridwanhoquesrihan8862
    @ridwanhoquesrihan8862 2 года назад +2

    The value of the content man !!🤯 subscribed and liked 👍

    • @TimGabe
      @TimGabe  2 года назад +1

      Ridwan, that’s such a nice comment! thank you, I’m glad to have you as a subscriber 🥳🤩

  • @austinmoras7800
    @austinmoras7800 2 года назад +1

    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 🥳

  • @puseletsomaraba1313
    @puseletsomaraba1313 Год назад +1

    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!

  • @niiiiiiiina
    @niiiiiiiina Год назад +1

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

  • @iamahmad007
    @iamahmad007 9 месяцев назад

    Your content is a blessing for designers. Expecially for those who are beginners. Keep making such great and useful videos! ❤

  • @leannerobinson2139
    @leannerobinson2139 Год назад +3

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

  • @martinpenkov2492
    @martinpenkov2492 Год назад +1

    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!

  • @4Mulator
    @4Mulator 4 месяца назад

    This has been the most helpful tutorial out of the hundreds I've watched. Thank you Tim! Is there a part 2?

  • @danilomalana1415
    @danilomalana1415 2 года назад +1

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

  • @vcodev108
    @vcodev108 2 года назад +1

    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 🤩

  • @Malikzamincheeta
    @Malikzamincheeta 2 года назад +1

    Anxiously waiting for the next parts ❤️

    • @TimGabe
      @TimGabe  2 года назад

      so grateful that you find the content good!! 🤩 it’s in the works! 💖

  • @aimanbe.5412
    @aimanbe.5412 2 года назад +1

    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! 🤭🤩

  • @gohar666
    @gohar666 Год назад +1

    Loved the idea of Frankenstein wireframing)))

    • @TimGabe
      @TimGabe  Год назад

      frankenstein wireframing is my favourite!!

  • @creativitywithkookie
    @creativitywithkookie 10 месяцев назад +1

    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  10 месяцев назад

      thank you for such a long and nice comment 🙏😃

  • @hihoigoghtttt
    @hihoigoghtttt 11 месяцев назад +1

    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  11 месяцев назад

      appreciate the feedback 😃

  • @MrAKDas-ts4gu
    @MrAKDas-ts4gu 2 года назад +1

    Eagerly waiting for the 2nd part. Loved your content.

    • @TimGabe
      @TimGabe  2 года назад +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 года назад +1

      @@TimGabe Thank you soo much. Have a nice day 🍻

    • @TimGabe
      @TimGabe  2 года назад

      @@MrAKDas-ts4gu you too, Akash 🥳

  • @janayapost3600
    @janayapost3600 6 месяцев назад

    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!

  • @thejaivikgajjar
    @thejaivikgajjar 5 месяцев назад

    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.

  • @AbdulKhaleque
    @AbdulKhaleque 2 года назад +2

    your video edit & explanations are awesome!

    • @TimGabe
      @TimGabe  2 года назад

      thank you so much for the kind comment, friend 🙏🥳

  • @turing4436
    @turing4436 Год назад +1

    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!

  • @ruthchernous6087
    @ruthchernous6087 Год назад +1

    This video is awesome. Thanks so much for sharing

    • @TimGabe
      @TimGabe  Год назад

      thank you for the kind words!

  • @rakshaslog3058
    @rakshaslog3058 10 месяцев назад +1

    Tim thanks your videos helps a lot you are truly a great mentor ❤

    • @TimGabe
      @TimGabe  10 месяцев назад +1

      that's awesome to hear, thank you for the love 💜

    • @rakshaslog3058
      @rakshaslog3058 10 месяцев назад

      @@TimGabe would I be able to connect with you on LinkedIn?

  • @GrifanoRide
    @GrifanoRide 8 месяцев назад

    Great video, short and informative. I like your approach to collecting inspiration, I totally forgot how this is important to get started 🙂

  • @natalionet
    @natalionet 2 года назад +1

    Thank you for the video, you gave me a new sight about creating my Mood board / Design structure

    • @TimGabe
      @TimGabe  2 года назад +1

      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 года назад +1

      ​@@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 года назад +1

      @@natalionet makes total sense, and that’s exactly what will be covered in the next part 🤩

  • @ritwikmudliar4874
    @ritwikmudliar4874 2 года назад +1

    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: ruclips.net/video/cmSBbnrFGPg/видео.html
      ruclips.net/video/vBuyR8uF380/видео.html

  • @yaltharullist9181
    @yaltharullist9181 2 года назад +1

    your videos are awesome, thank you for creating them and sharing your expertise!

    • @TimGabe
      @TimGabe  2 года назад

      thank you Yaltha!! I’m happy to help 🤩

  • @arslanmalik.a
    @arslanmalik.a 8 месяцев назад

    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 ❤❤

  • @stephenaaronosborn
    @stephenaaronosborn Год назад +1

    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.

  • @PruthviHammigi
    @PruthviHammigi Год назад +1

    Love this video!

    • @TimGabe
      @TimGabe  11 месяцев назад

      thanks a lot!!

  • @Ioannnify
    @Ioannnify Год назад

    Love this info Tim, thanks so much for sharing. I love your channel ! 🤩

  • @osamah4532
    @osamah4532 2 года назад +5

    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

  • @jokastudios
    @jokastudios 2 года назад +2

    Great Video Tim🚀, in the next videos could you talk about how to get work in the UI Designer field?

    • @xhongaronga
      @xhongaronga 2 года назад +1

      This would be super interesting ☝🏼

    • @TimGabe
      @TimGabe  2 года назад +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 года назад +1

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

  • @seans9203
    @seans9203 6 месяцев назад

    Good stuff Tim - Thanks :O)

  • @svetlanashebika8127
    @svetlanashebika8127 Год назад +1

    Thank you! It's very informative and fun)

    • @TimGabe
      @TimGabe  Год назад

      that’s awesome to hear!! thank you Svetlana!!

  • @glenndeplumber3170
    @glenndeplumber3170 10 месяцев назад +1

    Love it, glenn from San Diego

    • @TimGabe
      @TimGabe  10 месяцев назад

      awesome to hear, glenn! thanks for commenting 😃

  • @jaelgabriel
    @jaelgabriel Год назад +1

    Really helpful content as always. Thank you for doing this. Cheers!

    • @TimGabe
      @TimGabe  Год назад

      happy to be of help, thanks for the comment!!

  • @thilanmaduranga8496
    @thilanmaduranga8496 11 дней назад

    This is great video. thanks a lot.

  • @superyummyfood5752
    @superyummyfood5752 10 месяцев назад

    Very informative video the best video I have watched ❤

  • @javohirxusanov48
    @javohirxusanov48 10 месяцев назад

    thanks bro) amzing tutorial🔥

  • @ThePiaWayy
    @ThePiaWayy 3 месяца назад

    Great tutorial

  • @FullerUK
    @FullerUK Год назад +1

    Great vid!

    • @TimGabe
      @TimGabe  Год назад

      appreciate it, my friend! 😃

  • @rajaarunachalam8550
    @rajaarunachalam8550 2 года назад +1

    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 года назад +1

      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 ☺️

  • @christeUXUI
    @christeUXUI Год назад +1

    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 🙏

  • @femidavids2018
    @femidavids2018 Год назад +1

    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  11 месяцев назад

      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!

  • @glenndeplumber3170
    @glenndeplumber3170 10 месяцев назад +1

    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  10 месяцев назад

      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!

  • @fatimahalmalki-dh5sf
    @fatimahalmalki-dh5sf 10 месяцев назад

    great i like it

  • @DanielMeier-s9w
    @DanielMeier-s9w Год назад +1

    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!

  • @davidadedeji6452
    @davidadedeji6452 11 месяцев назад +1

    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  11 месяцев назад

      as long as your references are good, i definitely think this applies for all kind of ui/ux design 😃

    • @davidadedeji6452
      @davidadedeji6452 11 месяцев назад

      @@TimGabe ok thank you

  • @funall9891
    @funall9891 Год назад

    Very healpfull thank you

  • @khandakamal9212
    @khandakamal9212 9 месяцев назад

    🔥🔥

  • @umashankar34
    @umashankar34 Год назад +1

    Great

    • @TimGabe
      @TimGabe  Год назад

      thanks a lot Uma!!

  • @VinodNanaiah
    @VinodNanaiah Год назад +1

    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!

  • @angelasanchez5058
    @angelasanchez5058 5 месяцев назад

    amazing

  • @tokyobizkit6844
    @tokyobizkit6844 Год назад +1

    thank you very much

    • @TimGabe
      @TimGabe  Год назад

      a big thanks right back at you!!

  • @BrunoAlves-uy3sl
    @BrunoAlves-uy3sl Год назад +1

    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 😂

  • @Selena_loweua
    @Selena_loweua 2 года назад +1

    Where is the second part? Thank u ☺️

    • @TimGabe
      @TimGabe  2 года назад

      it’s in the works! ☺️🙌👌 thanks for commenting!!

  • @guidesoluction
    @guidesoluction 7 месяцев назад

    Vídeo Incrível

  • @rgasta7765
    @rgasta7765 Год назад +1

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

  • @AJ-Pixelyze
    @AJ-Pixelyze 3 месяца назад

    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?

  • @filipevalentegomes2383
    @filipevalentegomes2383 2 года назад +1

    great video, what happened to part 2?

    • @TimGabe
      @TimGabe  2 года назад +1

      so glad you liked it Filipe! 🥳🙌 part 2 is in the works!!

    • @filipevalentegomes2383
      @filipevalentegomes2383 2 года назад +1

      @@TimGabe awesome thanks for the quick reply, keep up the good work. Let's get the 2k subs

    • @TimGabe
      @TimGabe  2 года назад +1

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

  • @znere65
    @znere65 Год назад

    damn, thank you

  • @zanayan6044
    @zanayan6044 10 месяцев назад

    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 :

  • @VeneltEstate
    @VeneltEstate 8 месяцев назад

    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

  • @AtomicPixels
    @AtomicPixels 11 месяцев назад

    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  11 месяцев назад

      good point!!

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

  • @chocolatecvrdbeauty
    @chocolatecvrdbeauty 9 месяцев назад

    You’re moving the screen so fast it’s hurting my eyes

  • @AbdulKhaleque
    @AbdulKhaleque 2 года назад +1

    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 года назад +1

      @@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 года назад +4

      Lol I think you should change your fan, his sound and audio is perfect!

    • @TimGabe
      @TimGabe  2 года назад +1

      @@gibsonolugbue1169good to hear that it’s sounding good to you, Gibson 😃