The Easy Way to Design Top Tier Websites

Ғылым және технология

The key design principles and practical tips to build top tier websites.
Try Mobbin: www.mobbin.com/?via=sajid
Free Google Fonts: Inter, Open Sans, Work Sans, Lexend, Source Sans 3, DM Sans
Type scales: codepen.io/whosajid/pen/dyBPWro
Books Recommendations:
Atomic Design - by Brad Frost
Refactoring UI - Adam Wathan & Steve Schoger (Creators of Tailwind)
www.iamsajid.com/

Пікірлер: 372

  • @evertonalmeida1165
    @evertonalmeida116513 күн бұрын

    Now this is a S++ tier tutorial. The sponsoring was more than deserved.

  • @NickTheCodeMechanic

    @NickTheCodeMechanic

    2 күн бұрын

    @evertonalmeida1165 totally it captured my short attention spa-... ... long enough for me to save it to Favs! 😍

  • @verdaderoken
    @verdaderoken24 күн бұрын

    Criminally underrated channel.

  • @Toopa88

    @Toopa88

    12 күн бұрын

    10 month old channel, only 10 videos, over 20k subs. How is that underrated?

  • @fastingman4726

    @fastingman4726

    7 күн бұрын

    @@Toopa88bruh, there are channels with far more subs and views with far worse quality. I value my time, and I want a high value per minute, not lots of meaningless videos. Only bugmen watch tech vids for eNtErTaInMeNt.

  • @Liam-tv7hx
    @Liam-tv7hx23 күн бұрын

    This is one of the best design tutorials in general, you can apply it in basically every field of design, not just web design

  • @erwan6797
    @erwan679712 күн бұрын

    Alright, thank you for this video. I saved it and make my own time code for next time. 00:17 The Golden Rules 3:06 Atomic Design 8:01 How to elevate elements 8:43 How to be creative

  • @davidwagstaff5494
    @davidwagstaff549425 күн бұрын

    Watching this is like going to a buffet made by world class chefs. It's all wonderful, and I'll have to come back to eat your video about 10 times to truly taste all the goodness and make it a part of me. Megakudos.

  • @whosajid

    @whosajid

    23 күн бұрын

    omg 😭

  • @inner_melodies
    @inner_melodies3 күн бұрын

    You are by far the best communicator I have encountered on KZread - the things that you say and the way you say it are just so on-point - would you care to make a video about that? Your visuals are also top-notch too - but I guess that's a given since you're a designer. Bravo! 👏

  • @CarloNyte
    @CarloNyte23 күн бұрын

    Greatly surprised with how much value was in the video. And especially liked that your advert didn’t feel like an ad. Just a tool to be used for reference

  • @yosgir
    @yosgir25 күн бұрын

    Not all heroes wear a Cape 🫡

  • @opticalreticle

    @opticalreticle

    20 күн бұрын

    how do you know he doesn't wear a cape?

  • @whosajid

    @whosajid

    18 күн бұрын

    @@opticalreticle I don't 😂😂

  • @shimadamada9929

    @shimadamada9929

    14 күн бұрын

    Theres a staaaaaaar meeen waaiting in the skyy...

  • @aminmahmidi1076

    @aminmahmidi1076

    2 күн бұрын

    True

  • @boiimcfacto2364
    @boiimcfacto236423 күн бұрын

    I clicked on this video half-asleep thinking I'd just note some points and fall asleep. But oh boy this was amazing, it's jam-packed with good quality advice. I love your style of "direct" lessons, straightforward. Keep up the good content, you've earned this subscriber! ❤

  • @whosajid

    @whosajid

    23 күн бұрын

    I hope you got a good sleep afterward.

  • @bigh1708

    @bigh1708

    13 күн бұрын

    same here

  • @ascientistanengineer8038
    @ascientistanengineer80383 күн бұрын

    This is the content I pay my internet bills for! Seriously polished content Sajid!

  • @pitabean8509
    @pitabean850918 күн бұрын

    Dude, this is the best design video I've ever watched in my life. Those 12 minutes passed for me in a second. Thank you, you are the best!

  • @aminmahmidi1076
    @aminmahmidi10762 күн бұрын

    I've never seen a ui/ux channel that explains that well, good job bro

  • @Chenjv2
    @Chenjv225 күн бұрын

    I love your videos man, there just better than all these other 20 hours Tutorials. Thank you so much!❤

  • @tobisalami
    @tobisalami13 күн бұрын

    This is how a tutorial like this should be done. We don't need 10 hours to understand this!😊

  • @davidwagstaff5494
    @davidwagstaff549425 күн бұрын

    This video pairs up nicely with your video redesigning Lex Fridman's site . One covers concepts, and the other is a complete implementation using those concepts. Hell, all your videos support each other nicely. I just particularly love these two as a combo. Salt and pepper.

  • @spicyCoder99
    @spicyCoder9922 күн бұрын

    Man, I learned with that video more than with 100 other tutorials... Great work, keep it up!

  • @davidaugustofc2574
    @davidaugustofc257421 күн бұрын

    I love the bit where I realized you were applying your recommendations on this very video, and how this helped me understand the topic more clearly.

  • @sudiprajbanshiii
    @sudiprajbanshiii4 күн бұрын

    I dont have words to describe how helpful the video was to me

  • @AmIWhatIAm
    @AmIWhatIAm7 күн бұрын

    Just subscribed for the quality of the video! 100% Informavtive no bs. This is such an underrated channel.

  • @ClooverDevs
    @ClooverDevs24 күн бұрын

    give this man an award please

  • @AndersonBassan
    @AndersonBassan13 күн бұрын

    The best video about design that I have ever watched. Keep up the amazing work! Commenting for the algorithm.

  • @MaxJones123
    @MaxJones12320 күн бұрын

    This is one of the best videos in design ever made.

  • @kiwifan64
    @kiwifan64Күн бұрын

    Wow, just wow. I haven't seen such a good tutorial for a long time!

  • @Daniel-do2mh
    @Daniel-do2mh23 күн бұрын

    Wow! I wasn't expecting this much quality information. I am more of a technical person, and now I am quite intrigued about design theory. Thanks!

  • @StormWolf01
    @StormWolf018 күн бұрын

    This video is much better than what i thought. It went into the principles, and not the technologies. Thanks.

  • @xkarimink
    @xkarimink5 күн бұрын

    This is the greatest tutorial I've ever seen

  • @serafimthaler
    @serafimthaler8 күн бұрын

    Best compact and detailed video about design I have ever seen!

  • @MarioDuch
    @MarioDuch19 күн бұрын

    Very well made video, this is going to be a classic. Keep up the great work mate!

  • @JblgamingYt
    @JblgamingYt23 күн бұрын

    This was so direct and useful , no bs i love this good design is as little design as possible

  • @jeetbania
    @jeetbania23 күн бұрын

    One of the single greatest video on web design!

  • @animemv6183
    @animemv61833 күн бұрын

    Wow dude. Thanks for ur hard work it's the best design roadmap/tutorial I've seen on yt

  • @alvespdaniel
    @alvespdaniel12 күн бұрын

    One of the best videos I've watched in my entire carrer. The ultimate guide about design and it process.

  • @whosajid

    @whosajid

    12 күн бұрын

    🥹

  • @nexTabDE
    @nexTabDE12 күн бұрын

    Truth be told, I was a bit sceptical at the beginning. I thought the rest of the video might be more text on black background and just telling us about design. Then you really got into it and provided excellent examples that illustrated your points. So if somebody else is on the fence and they're not sure whether they should keep watching after the 1 minute mark, I promise you it's worth the ride. Really good video, thanks for winning me over! I'll sub to the channel now. 🙂

  • @whosajid

    @whosajid

    12 күн бұрын

    Oh yeah, I was exhausted by all the designs and editing. So I said F it, and just put captions in the beginning. I am glad you finished the video, and found it helpful :)

  • @JordanStambaugh1
    @JordanStambaugh13 күн бұрын

    Automatic CSS has made my workflow so much faster by using combo classes to set width, spacing, grid gap, global colors/buttons, etc etc.

  • @cindyc2363
    @cindyc236324 күн бұрын

    Just as i discovering i had this problem, i saw this video. Glad i had this problem for 3 days. Now i am motivated to try again! Thanks!!

  • @guilhermelucena8565
    @guilhermelucena856512 күн бұрын

    your content is Tier S+++. a hug from Brazil. Thank you for your provision!

  • @fastingman4726
    @fastingman47267 күн бұрын

    As a guy who builds websites “for a living” this a great video!

  • @alexia7693

    @alexia7693

    Күн бұрын

    hey man! I'm studying ux and web design not many months left. do you have any tips to selling your sites or gaining clients?

  • @fastingman4726

    @fastingman4726

    Күн бұрын

    @@alexia7693 yes. Run a few Facebook ads for $200 targeted to small businesses or solopreneurs . Land about 3-5 clients with those ads and do a really good job for them (exceed their expectations on cost, quality, or speed). You will make mistakes and that’s okay, just be willing to adjust and learn. I literally cut and paste the sales copy from a similar guy in Minnesota selling low maintenance web site services. My few ads converted pretty good.

  • @fastingman4726

    @fastingman4726

    Күн бұрын

    @@alexia7693 UX is a massively growing niche. Stay in that specialty and you’ll have a job for life. Be social and have operate from a spirit of value creation for you clients and not maximizing profit generation. The early stages are tough but once you day is filled with clients, then you can raise your prices. I hope this helped.

  • @paullouppe9947
    @paullouppe994721 күн бұрын

    never seen a better ux ui design video

  • @DCZT
    @DCZT24 күн бұрын

    I was already doing these without watching this video. That's nice to know I was a good designer by heart.

  • @lolnypop
    @lolnypop23 күн бұрын

    I've been so amazed by your designs and video style, I stayed till the end. Otherwise I would just click off.

  • @SharoVideos
    @SharoVideos24 күн бұрын

    Haven't seen such simple and valid advice on web design before.

  • @thitithanachaipornsakun1978
    @thitithanachaipornsakun197810 күн бұрын

    wholesome, A++++, S-tier crash course on design thinking and systems

  • @Gerni2003
    @Gerni200323 күн бұрын

    I love your videos man, the holy grail of web design

  • @bilalillahi6347
    @bilalillahi634724 күн бұрын

    Why is this Video So Perfect!

  • @Trixe-space
    @Trixe-space23 күн бұрын

    This is the best web design video I've seen. Thanks!

  • @TheAcebyte
    @TheAcebyte4 күн бұрын

    Yo this reminds me of a book called "Refactoring UI", only it's in video format, great work brother!

  • @whosajid

    @whosajid

    2 күн бұрын

    Yeah, this video wouldn't be possible without "Refactoring UI" & "Atomic Design".

  • @BeyonDemm
    @BeyonDemm8 күн бұрын

    Great video. Thank you for this! From an Algerian in Canada.

  • @Comedianalexj
    @Comedianalexj13 күн бұрын

    Best video on spacing hands down!!!

  • @user-xx8yu1fh6e
    @user-xx8yu1fh6e23 күн бұрын

    This video itself is a piece of art !

  • @nelke.michael
    @nelke.michael18 күн бұрын

    Beautifully stated. Thank you. Lots of screen shots taken to remind myself…

  • @iansantos3080
    @iansantos308010 күн бұрын

    this is the best video I have seen with this topic, wonderful video

  • @ulisescortes976
    @ulisescortes97621 күн бұрын

    Just the video I needed to see since a few days ago!

  • @pepepa9
    @pepepa98 күн бұрын

    Amazing video and no course sold at the end. Class 👏

  • @Coder.tahsin
    @Coder.tahsin25 күн бұрын

    Absolutely great as always

  • @GDesign-mo6ve
    @GDesign-mo6ve23 күн бұрын

    Guys believe me this channel is underrated !!

  • @bsick6856
    @bsick685620 күн бұрын

    The design examples go crazy

  • @Greinerdavid
    @Greinerdavid16 күн бұрын

    loved that video! most ppl tell you to build a full cluttered web site (mostly landing page) 🙌 learned a few things with just one video!

  • @rvft
    @rvft6 күн бұрын

    Extremely useful. Cheers, man!

  • @sanishshrestha4417
    @sanishshrestha441722 күн бұрын

    so much of quality information packed in one video 🔥 keep creating 🙏

  • @CoreDumpped
    @CoreDumpped10 күн бұрын

    As a back-end person, I gotta say I loved this.

  • @phoenixxofficial
    @phoenixxofficial6 күн бұрын

    Awesome production and amazing examples - thanks for the great information! Subscribed

  • @CodixFlow
    @CodixFlow8 күн бұрын

    O man, that was such a great video. Enjoyed every sec of it. And i can't wait to see such more content from you. Lots of love ❤

  • @zeoneee
    @zeoneee14 күн бұрын

    This video is unbeliveably perfect

  • @--bountyhunter--
    @--bountyhunter--24 күн бұрын

    HOLLLYYY.. ain't no way u only have 20k subs. hella underrated

  • @phoenix2558
    @phoenix255820 күн бұрын

    I wonder just how much time and effort you put in making this single video ? Great stuff ! Keep it up !🔥🔥

  • @GN00
    @GN0014 күн бұрын

    better than a book! thanks Sajid!

  • @alexloquendero1000
    @alexloquendero100025 күн бұрын

    I love beluga appeared in the video

  • @whosajid

    @whosajid

    23 күн бұрын

    😂😂😂

  • @24abhinay6
    @24abhinay623 күн бұрын

    Loved the video bro Good luck hope this video goes BOOM

  • @carlosh1943
    @carlosh194310 күн бұрын

    This is an awesome tutorial! Really really really useful. Well done!

  • @Anonym12351
    @Anonym1235116 күн бұрын

    Thanks man, I really needed this.

  • @nihapmrm
    @nihapmrm20 күн бұрын

    Extremely helpful and clearly explained! 👏👏

  • @obiworm99
    @obiworm9924 күн бұрын

    I was actually looking pretty hard for a good web design KZreadr just this morning. I think my search is over :)

  • @warricksmythevideo
    @warricksmythevideo19 күн бұрын

    Really needed this, thank you !

  • @Xograch
    @Xograch6 күн бұрын

    I'm not going to lie, when I saw this video pop up in my feed. I thought this might be another one of those typical videos. Then seeing all the comments praising the video, all being pinned by the channel. I was becoming skeptical thinking this cannot be all real people praising it, right? I decide to watch it and I guess it is indeed a great video, well thought out, clear, no-nonsense, well explained. This video is definitely worth your time if you want to know more about good web design.

  • @whosajid

    @whosajid

    6 күн бұрын

    Well, I am glad you did :)

  • @marshmallow97012
    @marshmallow9701213 күн бұрын

    Great video!! Really touched on the philosophy of design

  • @afraid2letgo
    @afraid2letgo11 күн бұрын

    Thank you! I'll soon start working on a web project of mine and I'll revisit this video a couple times for inspiration and tips when I'll be designing the figma version.

  • @nathancwatkins
    @nathancwatkins8 күн бұрын

    Everyone loves your videos. keep it up

  • @Floating_heart005
    @Floating_heart0056 күн бұрын

    You're sooo UNDERRATED ! 😭

  • @whosajid

    @whosajid

    6 күн бұрын

    You're sooo KIND! ❤️

  • @BridgingGapsSoftware
    @BridgingGapsSoftware21 күн бұрын

    great video. I will be referring to this video on my next interface project.

  • @alpree
    @alpree6 күн бұрын

    Thank you for such a high quality video. It was very inspiring.

  • @PixelInsight-vu5yd
    @PixelInsight-vu5yd16 күн бұрын

    Insta sub and bell, I was click baited into this video, and I was overwhelmed by the genuine good quality! Great work

  • @whosajid

    @whosajid

    15 күн бұрын

    I wonder how many people didn't click thinking this is clickbait 🤔. I am glad to hear you did 😅

  • @jerichoserr1479
    @jerichoserr147915 күн бұрын

    I just completed a UI design fundamentals course by Gary Simon in Scimba, and this felt like a review; it's so good. Another great addition to my design journey made me subscribe. Keep it up, bro.

  • @Red4mber
    @Red4mber11 күн бұрын

    Absolute masterclass I'm in awe ...❤

  • @whosajid

    @whosajid

    11 күн бұрын

    You are too kind 🤎

  • @TanDoori_GamEr
    @TanDoori_GamEr7 күн бұрын

    I'm gonna design! Hurrayy!!

  • @SivakD
    @SivakD13 күн бұрын

    I've been tinkering with some design too and I agree that uniform margin and padding values along with consistent colors is good. But the final point is best: Just finish something and get it out there.

  • @arno_1741
    @arno_17419 күн бұрын

    You are so good my guy many thanks !

  • @nandakresna41
    @nandakresna4110 күн бұрын

    bro this is such a gem 💎

  • @KriszX12
    @KriszX1213 күн бұрын

    Bruh. Im seeing a half a semester or semester of Uni material in 11 mins. Worth remembering of as these principles are the bread and butter for design courses.

  • @whosajid

    @whosajid

    13 күн бұрын

    🥹

  • @DesignerMehedi
    @DesignerMehedi24 күн бұрын

    BRO THANKS FOR MAKING SUCH A EASY TO UNDERSTAND VIDEO 😊

  • @garethBarry_dev
    @garethBarry_dev5 күн бұрын

    Really enjoyed this video. Thank you.

  • @Rhxrrrr
    @Rhxrrrr5 күн бұрын

    u did amazing bro good work

  • @leo-kk-leo
    @leo-kk-leo10 күн бұрын

    Great content. You just got a new subscriber!

  • @hicoop
    @hicoop12 күн бұрын

    Absolutely useful - using these techniques as soon as I can! Also, for the devs out there, just use tailwind

  • @aminansar5294
    @aminansar529419 күн бұрын

    This is goldmine. Thanks sir

  • @enilolobopromise5747
    @enilolobopromise574717 күн бұрын

    The KZread algorithm has blessed me again today

  • @brain-in
    @brain-in22 күн бұрын

    Someone give this man an Oscar 🔥

  • @whosajid

    @whosajid

    22 күн бұрын

    🥹

  • @serialoxy
    @serialoxy14 күн бұрын

    Amazing content, thanks for this!

  • @farrela.846
    @farrela.84624 күн бұрын

    Solid advices. Thanks mate

  • @abinmanil5361
    @abinmanil536110 күн бұрын

    Just amazing video, actually i am a backend developer but this tutorial hit next level.

  • @gotcha44
    @gotcha4424 күн бұрын

    This whole channel is perfect! I needed something like this, I'm a new freelancer in the Denver area wanting to design websites for local businesses. I designed my own and one companies so far, this made me realize both are probably ugly... 😂 but I'm motivated to build something beautiful

Келесі