9 SECRETS to BEAUTIFUL Landing Page Design (Pt. 1: The Setup)
HTML-код
- Опубликовано: 26 июн 2024
- Is it possible to design beautiful landing pages without years of experience? The answer is YES, and in this first video (of 4) we'll be digging into how you set yourself up for beautiful landing page success.
Figma Cloneable:
www.figma.com/community/file/...
Subscribe to my channel here:
/ @timgabe
Music:
- 5 MINUTES OF (No Copyright Music) CHILL LOFI HIP HOP BEAT (Royalty free)
- Sport Rock Workout by Infraction No Copyright Music Hard
- No Copyright Music Chill LoFi Hip Hop Beat FREE Copyright Free Music By LAKEY INSPIRED
#figma #tutorial #landingpage
![NOSFERATU - Official Teaser Trailer [HD] - Only In Theaters December 25](http://i.ytimg.com/vi/b59rxDB_JRg/mqdefault.jpg)
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!
wow… comments like these, Vlasiuc!! besides making my day they really make me excited to continue producing content, so thank YOU! 🤩🙏🥳
Agreed!!!
After 9 years of my Design Journey...I never understand Design System Be like this ...Greatest Tutorial for Ever.
happy that it was helpful, kumar!!
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.
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!!
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
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.
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!
Not just this...I really value all your videos Tim, thanks a lot for puting them together!
that's amazing to hear Vinod! thanks a lot for the support!
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. :)
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!! ☺️🤩👌
Hey really can't wait for part 2!! Amazing content mann!!
so happy to hear it, Austin 🤩 thanks so much for the super kind words 🥳
Anxiously waiting for the next parts ❤️
so grateful that you find the content good!! 🤩 it’s in the works! 💖
Thanks for making this series, Can't wait for the next vid!!!!
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 🤩
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.
thanks for sharing this, Leanne. always appreciate this kind of feedback!! 😃
cant wait for the next one!
thanks a lot for the comment Aiman; it's in the works, my friend! 🥳 but first, a video based on one of your requests! 🤭🤩
Love this info Tim, thanks so much for sharing. I love your channel ! 🤩
Your content is a blessing for designers. Expecially for those who are beginners. Keep making such great and useful videos! ❤
I mean.. the Frankenstein Wireframing is jaw-dropping, thank you sir for sharing this 🙏
so cool to hear that you like it, Ardian!! 🤩
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! 💝
that's so nice to hear, thank you!! 💜
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.
appreciate all your comments, friend!
This is probably the best tutorial I've ever seen on how to actually create a process to get quality design stuff done.
that really makes me happy to read, Matt. thank you so much my friend 🙏☺️
Inspiration recourses:
- dribbble.com/
- www.awwwards.com/
- www.lapa.ninja/
- www.behance.net/
fonts recourses:
- fonts.google.com/
- www.myfonts.com/
- www.typewolf.com/
thanks a lot for sharing, Osamah! 🙏😃
@@TimGabe 😊you are most welcome
your video edit & explanations are awesome!
thank you so much for the kind comment, friend 🙏🥳
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
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!!
@@TimGabe Cool, can't wait for the next parts to come!
your videos are awesome, thank you for creating them and sharing your expertise!
thank you Yaltha!! I’m happy to help 🤩
The value of the content man !!🤯 subscribed and liked 👍
Ridwan, that’s such a nice comment! thank you, I’m glad to have you as a subscriber 🥳🤩
thanks bro) amzing tutorial🔥
Good stuff Tim - Thanks :O)
Amazing content , would love to see more videos like this .
thank you so much, Ritwik!! 🤩
you have pt. 2 and pt. 3 here: ruclips.net/video/cmSBbnrFGPg/видео.html
ruclips.net/video/vBuyR8uF380/видео.html
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
that’s amazing to hear as I want to cater to as many people as possible 😃 happy to have you as a viewer!
Great video, short and informative. I like your approach to collecting inspiration, I totally forgot how this is important to get started 🙂
Really helpful content as always. Thank you for doing this. Cheers!
happy to be of help, thanks for the comment!!
This video is awesome. Thanks so much for sharing
thank you for the kind words!
I'm from the Philippines and Hoping for more great and inspirational videos here on your channel. Keep it up!
incredibly grateful for comments like this, Danilo 🙏 your support is so appreciated!! 🥳
Love this video!
thanks a lot!!
Very healpfull thank you
Eagerly waiting for the 2nd part. Loved your content.
thank you so much, Akash! 🤩 really appreciate you taking the time to comment!
part 2 is on the roadmap 🙏🥳
@@TimGabe Thank you soo much. Have a nice day 🍻
@@MrAKDas-ts4gu you too, Akash 🥳
🔥🔥
Thank you! It's very informative and fun)
that’s awesome to hear!! thank you Svetlana!!
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 ❤❤
Great vid!
appreciate it, my friend! 😃
great i like it
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 🤭)
thank you for such a long and nice comment 🙏😃
Very informative video the best video I have watched ❤
amazing
Love it, glenn from San Diego
awesome to hear, glenn! thanks for commenting 😃
Tim thanks your videos helps a lot you are truly a great mentor ❤
that's awesome to hear, thank you for the love 💜
@@TimGabe would I be able to connect with you on LinkedIn?
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
appreciate the feedback 😃
Loved the idea of Frankenstein wireframing)))
frankenstein wireframing is my favourite!!
Thank you for the video, you gave me a new sight about creating my Mood board / Design structure
I’m so glad that you learned something ☺️ and a lot thanks for commenting, makes me so pumped to continue making content!!
@@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
@@natalionet makes total sense, and that’s exactly what will be covered in the next part 🤩
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.
happy if i can help you gain some confidence in web development, martin!
Great
thanks a lot Uma!!
thank you very much
a big thanks right back at you!!
Vídeo Incrível
Man, your videos are so solid. Are you editing these yourself?!
thank you Stephen!! yes, I'm editing myself 😃🙏
@@TimGabe call me Aaron! Great work! I'm impresed.
Great Video Tim🚀, in the next videos could you talk about how to get work in the UI Designer field?
This would be super interesting ☝🏼
Joka, my man!! thank you so much 🥰 I’ll definitely add that to my list of topics for videos! 😃
two asks for the same thing!! 😍 thanks for the input, brother!!
@@TimGabe Thanks, let's hope your channel continues to grow. Its contents are excellent. I wish you much success 🚀🚀
thank you Joka, you're too kind!! I wish you all the best on your journey as well 🥳
damn, thank you
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.
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!
Great video loving your channel so far, Would be even better if you had a list of links that were visited during the video.
happy you liked it!! will be more mindful of links in the future 🙏
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 😂
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 😂
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.
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 ☺️
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 :
One you got your snap shoot and put them on the board, how do you define the containers/groups... are they seperate wire frames?
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!
Amazing Video but one question remaining. How can you get color templates with the exact same colors from the inspos i dont get it
for the exact same colors you will have to look for the color on their website with the inspector tool!
Thank you for the video. Can I use this same method when designing for a mobile or Web app? From part 1-3
as long as your references are good, i definitely think this applies for all kind of ui/ux design 😃
@@TimGabe ok thank you
❤ this. Thanks Tim. Are u still selling this service? How should we promote this service as an agency?
feel free to take this for your agency!
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
Where is the second part? Thank u ☺️
it’s in the works! ☺️🙌👌 thanks for commenting!!
great video, what happened to part 2?
so glad you liked it Filipe! 🥳🙌 part 2 is in the works!!
@@TimGabe awesome thanks for the quick reply, keep up the good work. Let's get the 2k subs
@@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
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
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. ;)
good point!!
You’re moving the screen so fast it’s hurting my eyes
bro, work on your sound. i don't listen your video sound clearly when my fan is on.
will definitely do!! thanks a lot for the feedback, Abdul ☺️🙏
@@TimGabe try to make it crystal clear/crysp.
take love man, best wishes ❤
@@AbdulKhaleque looking into this for future videos ❤️ thanks again man!! 🙏👌
Lol I think you should change your fan, his sound and audio is perfect!
@@gibsonolugbue1169good to hear that it’s sounding good to you, Gibson 😃