Learn Web Design For Beginners - Full Course (2024)

[@FluxAcademy]

We’d love to hear how this introduction to web design has helped you. Let us know here in the comments. 👇 Don’t forget you access extra resources with our free 5-day email companion course: bit.ly/49hSxDE

[@digitalhabitscollective]

I have signed up but i didnt get the resources for this course. Like it is not available

[@FluxAcademy]

@@digitalhabitscollective Sorry you’re having trouble accessing this resource. Please click "Help" on our website (bottom right corner) and a member of our team will assist you.

[@AbhaySharma-wv1ok]

Please sir use audio track 🙏🙏

[@ElishaAyoola]

I'm not able to sign up I don't know what's wrong Ran... no input to add my mail to

[@Spiritworshipersenvoy]

@@ElishaAyoolayeah same here there is no link to enter my mail

[@jane_alom]

In my whole life this is the first time I watched 3 hours plus course full of A to Z here in youtube.Thank you man for such a great course.

[@johnmahugu]

I am a web designer / fullstack developer for over 2 decades, this course is on point! i absolutely love it.

[@FluxAcademy]

Great feedback, thanks John!

[@khan-hf9el]

is this same as ux designer. pls kindly guide me

[@richardbabs4825]

What advice can you give one who want to learn

[@cepedaoffice]

Why you looking here after 2 decades beeing web designer😂😂 ?

[@shouryarathore7434]

Why watch youtube courses for beginners if you've been in the business for 20 years lol

[@birisflavius1716]

Personally I've been learning web design by myself for the last 5 or 6 months and even got a client that I'm currently in the strategy period with. Your channel has helped me lots with the entire process and this course is an absolute killer! Before I've started watching it I was always obsessing over layouts and was losing too much time when wireframing and when you said that you shouldn't do that and only focus on the content it made complete sense to me. Just that VERY valuable detail alone is one thing that has made the course worth watching for me even if I already knew the big majority of things presented already, and given that I didn't finish it means that there'll be even more new details that I never tought about and that I can make use of. Thank you Ran and Flux Academy!

[@FluxAcademy]

Happy to help!

[@HarrietJessica-e1z]

I'm happy for you and I'm also on the journey hopefully I do well because I am enjoying and understanding

[@kishankumar2272]

hey , how do you get clients? what platform do you use?

[@richasaxena7314]

So you will suggest that its better to learn here than pay an institution with certificates? how do we land clients?

[@onalomatthew8096]

I am totally a beginner can we work together, I will need you to help me please

[@irvinparcon]

I have been a web developer for the past 10 years and 60% of the topics you discussed is something that I have just learned from you. very helpful and informative and I'm so glad I found this video. Thank you.

[@FluxAcademy]

Glad it was helpful!

[@DomengEvangelista]

We

[@faizasohail2733]

Which app is for web designing

[@richardbabs4825]

Pls advice me . I am interested in learning Webb design .

[@santy3520]

@@DomengEvangelista Oui

[@zeeq7331]

I cannot believe this is free. Thank you Ran!

[@FluxAcademy]

You’re welcome!

[@UtobivbiOghenetega]

Exactly... It's so detailed.. Thanks a ton

[@FluxAcademy]

@@UtobivbiOghenetega You're very welcome!

[@ahnafabid...999]

@@FluxAcademy is those apps are free?

[@Supportbotdiscord]

@@ahnafabid...999 bro @zeeq7331 just said

[@Iwan0-b5r]

As a student building a portfolio website, this content equipped me Everything from the ground up. The last 3 hours are worth far more than the time investment!! I just can't express my gratitude enough! Thank you!!

[@FluxAcademy]

You're very welcome, happy to hear it was useful!

[@MobilityExercises]

His voice is so clear and he explains so well.

[@abdelmounaimammari9064]

Hands down the most valuable design video I had yet to watch in my life

[@FluxAcademy]

Amazing. Thanks!

[@DesertGirl120298]

I volunteer for a nonprofit that desperately needs a redesign on their website. The information I learned from this video was presented in such a creative and technical format, I was able to follow along and work on my own project. Thank you so much for this content, you just earned a new subscriber.

[@FluxAcademy]

Glad it was helpful!

[@CJ-mx5ib]

I just finished watching the first 30 minutes, and you've already helped me immensely. I have no experience in website design, but I am confident in creating my own simple, one-page website for my online business. Thank you, and I'll finish watching this video once I've got a solid basis to design off of.

[@aamish.iqbal01]

Hi Ran, As a fellow designer, I often struggled with finding the best approach to website design. I discovered your process and found it to be the most effective. Your course is one of the few I’ve watched in its entirety, and it was fantastic. I learned so much and even created a pharmaceutical website for my portfolio. Thank you very much!

[@FluxAcademy]

Great to hear! Thank you

[@SalvadorMancera-iv2ez]

Great! I'm a senior citizen from the Philippines who grew on old tech. Some say I'm too old for this stuff, but I'm really interested in Web Developing, that is why I'm planning to go to school next school year. Thanks Ran for so many inputs, so precise, direct to the point, very fun and very technical, which gives me more interest to learn this stuff. Thank you so much!

[@FluxAcademy]

Never too old!

[@VonMellArevalo]

Nicee Tay! Hindi pa huli ang lahat. Age is just a number sa taong gustong matuto.

[@kimarodri]

I am inspired!! Let's do this! 😍

[@hassansyed6087]

Ryan, you just poured 20 years of experience in a concise yet informative video and all for free. The novice developer community thanks you deeply. Subscribed.

[@jacobj.6387]

@FluxAcademy You can actually do generative fill while cropping, with the designated "fill" setting on the top toolbar, you don't have to do it in 2 steps, its much quicker and easier without having to select all the edges 1:32:15

[@warpixelcreative]

1:31:59 I dunno if you're gonna do it, but you can also "zoom out" in Midjourney to get it.. It would be also cool if you could pass in the first image as an image prompt, although that might affect what it draws. I think best option is Zoom out in Midjourney and then change the white balance manually.

[@ynaramirez0010]

is the midjourney free?

[@joeygarner1636]

Hey Ran, really glad to see you putting out long form detailed in depth videos. I’m not in need of beginner content, but I’ll be watching this video for the pleasure and as a refresher over the next few days. Thanks

[@FluxAcademy]

Happy to hear!

[@Calumrussell88]

Wow! This release is probably some of the best content i've seen on KZbin in recent years. Amazingly well produced, and packed with value! Nice work Ran / Flux Team! 🤩 🌟

[@FluxAcademy]

Thank you!

[@sanoussabarry4218]

Good work !! It's really interesting what's you put in this course and really helpful

[@lovingbritt]

I can't wait to take this course because I recently graduated with a CS degree and want to get into UX design so I'm taking the google cert for it and I wouldn't mind more up to date knowledge. :) Thanks for this free knowledge. I think I'm more suited building websites and making graphics since I'm more artsy than anything.

[@rshikanga]

The easiest way to get into UX is through web design. If you understand the web, UX becomes a piece of cake

[@donnyokwuchukwu5271]

Exactly my current state yk, graduated this year with a Software engineer degree and I'm moving into UX design because I'm more of a creative person than technical. We could connect though

[@fayeoc]

I've decided to get back into web design after getting my degree in it MANY years ago and never using it a whole lot. This course is a perfect intro into what I've missed over the years. No more coding! Wow. THank you so much for this awesome content.

[@FluxAcademy]

Awesome, happy to help you get caught up!

[@zackplauche]

This is the best starter design course I've seen.

[@omomowoadeola6706]

I wanted to know what Web design is all about I was tired of just hearing that word every time. So I hopped on KZbin and typed everything about Web design. And after spending 3hours on this video, guess what I not only know the essentials of Web design, but I'm now a beginner web site designer all thanks Flux Academy and this gentleman right here. Great works guys thank you a gabillion times.

[@FluxAcademy]

Great to hear!

[@augustmartin3393]

Brilliance can't be overstated when a person can dwindle down the PROPER QUESTION to ask. I LOVE how you show an adaptive approach to web design. I understand your desire to teach! You're not merely telling students "do this" or "do that", you're allowing them to take a pause, and to extract information (in order to fully understand the purpose of their proposed design). You have piqued my interest! Now I have to take your course to find more FLUX wisdom!

[@muhammadnoumanpanhwar7969]

I'm just 2 minutes into the video, I haven't watched the video yet. (I am a web developer (back-end), but just browsing to refresh my front end knowledge.) What I already like about this is that you pitched the subscription but the content is already freely available, that is worth respect, and you have my respect sir.

[@FluxAcademy]

Thank you my friend

[@abhayshankar460]

Learned a lot from you. Now let's rock the website building from start to finish. Thank You Ran Sir. 14 year old Teenage Fan from India.

[@abhayshankar460]

Loving to connect with you. But don't know how to connect with you. So please do suggest some ways to connect with you sir.

[@froilanemeliano6551]

time stamp 5:30 einstein said 6:15 list website 6:25 1 ecommerce, 2 b card 3 media card/ content, 4 education, 5 portfolio, 6 apps website 9:20 a brief template 10:45 sample pages 11:00 section in web - navigation sec, hero sec, feature section, CTA, testimonila, pricing, gallery, contact, footer section 12:25 elements in web - type, buttons links, images vids, forms, 12:50 sitemap, wireframe, 14:50 his wireframe 15:50 reloom site builder

[@adsonmettler3046]

This is the best channel and community for Web Designers I have ever seen!! Just saying! Thank you for the content! You're rock Ran!

[@FluxAcademy]

Wow, thanks!

[@TriTran-qz5bv]

My comment would similar to most of the positive one but I have to say it to show my gratitude. This is the first time I watch full 3hrs course in a roll and dont feel it boring. All the information/content were well presented and insightful for beginner level. The course instructor is an expert in communication (and my god, did you really do it non stop without drinking water in between). Anyway, will seriously consider taking a full premium course soon when I start playing around and know which area I need to deep dive Thank you for such a wonderful content/videos

[@FluxAcademy]

Thank you! We really appreciate the thoughtful comment and are glad we can support you on your journey.

[@kerimtim]

His voice is so clear and he explains so well. Thank you

[@shirleyx7958]

I'm trying to create a website for my husband's new business and I've learnt so much from these UI design videos!! Thank you!!!

[@FluxAcademy]

You are welcome Shirley!

[@STUDENTHUB0]

Thank you for the detailed and beginner-friendly explanations! As someone new to web design, I find your content incredibly helpful. I appreciate how you break down complex concepts into easy-to-understand steps. Looking forward to learning more from your videos!..

[@FluxAcademy]

Thank you! Glad that you found us 🙂

[@Kimberley434]

I am a Russian speaker and have seen a bunch of vids on web design in runet and must say going English version was the best decision. Your course is way better than everything I've seen before. Well-structured, logical, complete. Thanks a million for the work you've put in.❤

[@FluxAcademy]

Thanks Kimberley for taking the time to say so. That's great to hear.

[@FluxAcademy]

So glad that you have found it helpful!

[@SaidXayle]

that is right queen

[@YayatiInfront]

Ran, Thank you - You gave me a life, after watching this video and making notes of each & everything, I got the confidence to do this course.

[@SmrutiPaik-o4r]

I love how you always emphasized on using our own creativity even tough tools for it are available. It just tells how you are high-key motivating for self-creation. Best course I've ever seen. Thanks alot !

[@FluxAcademy]

Thank you very much!

[@BVDR_T]

Flux Academy is an absolute treasure trove for anyone interested in UI/UX design! The tutorials offered are not just informative but incredibly well-presented, making complex design concepts easy to understand and implement. Thank you for every single tutorial 😍😍

[@FluxAcademy]

Thank you! So glad it has been helpful.

[@christianokoijie2126]

spent a month on this video, really wanted to be fully aware, took my time and built a site for my sister, can't wait to be a part of this

[@FluxAcademy]

Amazing

[@Sumi-ql3wj]

Wow! this is amazing

[@MCHdesu]

Wow, this has been so helpful. I am in college pursuing web design, and wanted to try out the skills I've learned so far on my own project. I am a complete begginer and this course has helped me so much! I am so grateful that it is free! Thank you Ran.

[@FluxAcademy]

You're welcome! Good luck on your journey!

[@abhishektejithkumar]

The Best thing ive learned on internet Today!!! thanks a ton for this buddy!

[@FloNocode]

Ran ! thanks you so much for this kind of content. 3 hours in KZbin, its just awesome. 2024 i hope to see more with this content like that so value. Really thanks !!

[@HeyEpik]

Hey Ran, big thanks for the awesome tutorial! Being a senior art director, picking up this extra knowledge is like adding a shiny new tool to my creative kit. Can't wait to see how it sparks new ideas and takes my work to the next level!

[@FluxAcademy]

Great to hear!

[@gaillesarge9779]

It's an awesome overview of how it's done. I understand what you are doing and the design choices, but with the speed at which your fingers are flying around, it's hard to catch how you are doing it. For a beginner like me, it just makes me aware that I would have to do in-depth actual Figma and Webflow tutorials.

[@HabibRabiuDandutse]

tHANKS SO MUCH. i HAVE BEEN TRYING TO LEARN THIS THINGS SINCE 2009, BUT THIS VIDEO REALLY GAVE ME EVERY THING I NEEDED.

[@miguelalejandrobritorausse5023]

I’m from Venezuela. My first language is Spanish and I still watched this whole video. Thank you for sharing this course with us. This helped a lot, bro. Cheers.”

[@Tasneem__]

I've finished the firs two hours and it's absolutely amazing!!! I finished designing on Figma and will start now in Webflow. that's my very first time in designing btw. I only wonder what if I need more than one page in my website. will continue to know. Thank you SO MUCH!

[@FluxAcademy]

Nice one! Keep going!

[@reyalonzo4980]

This is such a great workflow. Looking forward to using these tools moving forward. Thank you.

[@matthiasrousseliere3751]

I'm currently working on Figma and wanted to find out more about Grid Layout and how professionals use it on different site models (photography, restaurant, e-commerce), so I was wondering why you didn't work with that for this tutorial? Apart from that, it's super-complete and a pleasure!

[@johnbonninquilala5877]

loving thisss!

[@mon0theist_tv]

Dude thank you. The technical stuff I can figure out, it's the concepts of design itself I've been struggling to pick up on.

[@BorhanMediaWebdesign]

Absolutely Crushing it again! You give so much value to your audience, especially because you use the newest effective tools out there. Just skipped through this video but already so so many good ways of teaching in it. Will take some of this into my personal Videos based on an audience in german speaking areas. Thanks!

[@FluxAcademy]

Thanks! We worked really hard to pack a lot of value into this one.

[@okaydraw5184]

I'm a full-stack developer, it's nice to learn the web design fundamentals. I know the Webflow part is optional, but I'm gonna build it using a front-end framework.

[@tobypass108]

Wow! Thank you for a spring board to get started. Really appreciate this.

[@FluxAcademy]

Glad it was helpful!

[@shrivinayakdhamanaskar4602]

A 14 year old watching this ❤😊

[@Keepquite4me]

Same here😂❤

[@WarriorOfChrist323]

Samee

[@alltuber3791]

Samee 😂😂❤

[@cupofjoen]

Great job folks. And when you grow up, you already have technical experience with these softwares. Me myself I have 8 years of experience with Adobe Photoshop. I started it myself since I was 14 year old. Heck, I have 10 years of video editing, start from rusty windows movie maker, sony vegas, to premiere pro and davinci resolve. Good luck!

[@karunakantabaruah9070]

I am also a 14 year old

[@MayowaOluwatoyin]

My teacher projected this video for I and all my classmates to watch and learn since we were dealing with web design package.... We weren't able to finish the video in school due to limited time for each period. I was really interested in it and when I got back home I really wanted to watch the full course. This is a really great course thank you so much for teaching us this❤❤️

[@FluxAcademy]

Love that! In which country is your school?

[@johnthuku2735]

This is actually the best thing that I have watched and listened on the internet today 🙌

[@FluxAcademy]

Yes! Thanks!!

[@puckthemadness]

I’m leaving my thank here first. Can’t believe that whole thing is free.

[@Sonu80x]

You only need this.

[@saltlife1978]

I can see why people can charge so much. A very detailed video. Great job! I see why y'all make so much. I didn't watch it all but it was cool to see how's it done for the most part

[@cyanbeam]

Thank you for the entire process and explanations.

[@amaranth6174]

I've created three unsuccessful shopify stores... 2 of them failed cause the site looked unappealing even though I invested ours into trying to make it look good and 1 technically didn't fail I was just too lazy and broke to actually publish it. It got to a point where I was ready to give up and outsource that task, this video has brought back some inspiration cause I do wanto atlease learn the fundamentals of building sites... its a valuable skill.

[@gerdd.6892]

Bravo. Very well done! I am impressed of your teaching skill.

[@MasterQuestMaster]

I have learned an important thing from this course. What I want to make is not a website, it’s an app.

[@CodeZero-xg3fz]

Well delivered and easy to comprehend, loved every bit of it.

[@iamalfofficial]

it's 3 hours so I need to save it to watch later when I am in the front of my computer. so excited as I'm shifting from WP to WF

[@Tahir_Khan9]

People are appreciating the course without watching,

[@suhaspatnaik]

I understand a lot of people do that, but think of the upside. Commenting on the video is one of the best ways to improve the engagement of the video. YT algorithm rewards engagement. Hence, more people will get recommended this course. And guess what, you and I both helped in some way! Cheers!

[@FluxAcademy]

The first few to comment probably scanned through and got a sense of what was included. Just like we do on websites! 😉

[@Tahir_Khan9]

@@suhaspatnaik Flux is doing well but some subscribers aren't, Because no one can judges a 3+ hours course in the first five minutes lol But I am thinking about your opinion also

[@moonwire058]

@@Tahir_Khan9 Everything Flux has put out that I've watched has been great. I have no doubt this video will be equally amazing.

[@rambleon2011]

Probably paid bots

[@hannanz2683]

Its my first time to learn how to develop a web and i is the best experience pf my life i wonder and i learn alot from a single vedio thanks alot for your help and teaching is

[@KaramAlayan]

Just finished watching and this has definitely helped me as i was lost on how to learn web design thank you 😊

[@FluxAcademy]

Love to hear that.

[@Fatima-px1xn]

I started my web design journey two months ago and this video helps me alot thanks you flux academy for this kinda information with great teachings.

[@FluxAcademy]

Glad it was helpful!

[@JeremyMuradesign]

Love how the fonts nad images came out matches the vibe well.

[@nimoo307]

Long Pressing the shift baton as you drag,I like it

[@wladimirrahn6194]

Watched the whole thing. Amazing content. Can't wait to enrol in your course. Keep it up, really appreciate what you do.

[@FluxAcademy]

Thank you! Waiting to meet in class!

[@freelanceonlinetasks]

Direct to the point and concise. Thank you!

[@sohaibaftab446]

I have been practicing Web Design as a hobby since last year and yet there are so many firsts I learnt from this video! Great course!

[@FluxAcademy]

Glad it was helpful!

[@ethanstansbury7898]

Such a valuable course, I’m well on my way to winning my first website proposal with the information presented here. I watched the whole thing

[@FluxAcademy]

Awesome, thanks Ethan!

[@hendrasetiawan7220]

Thank you so much! Hopefully I can watch another full lesson for web design 🙏🏻

[@aaronsmith2929]

This was one of the best educational videos Ive ever seen.

[@umarasad4982]

One of the best web design course on youtube. so easy to understand as a brand designer

[@FluxAcademy]

Glad to hear!

[@Loudreap]

This is the best 3 hours ever spent. Omg and the fact that it is free!! Thank you so much I can't wait to get started :D

[@FluxAcademy]

You are very welcome! Happy to help you get started on your web design journey.

[@petproductfactory]

This is quite helpful for me. I'm trying to build my website with Webflow now. Thank you, Ran!

[@FluxAcademy]

You're welcome!

[@Mistral434]

Thankyou. There's an imbalance between content creators putting out their work for free, and the appreciation they might get from that free content. Just wanted to let you know I greatly appreciate this.

[@FluxAcademy]

Thanks for saying so! ✌️

[@Nickelkitten75]

What a great tutorial, content-wise hands-down one of the best if not the best out there for web designing. Also the way you deliver the message to your audience is very engaging. Keep it up & Thanks.

[@FluxAcademy]

Thank you!

[@CyrilRex-q7z]

Just started learning web design from scratch on your page bro .........thanks💯

[@FluxAcademy]

That's awesome!

[@mozhganziyaei3524]

Thank you very much Flux Team! Great course 🤩

[@FluxAcademy]

Our pleasure!

[@leon3027]

I appreciate the amount of work you put into making this amazing video

[@FluxAcademy]

It was a big effort so that's great to hear!

[@ozerozturkk]

I just completed the course, and it was really great to learn and practice. Your method of expression is very simple and instructive. Thank you a lot.

[@stenliosko]

Great content! Thank you for sharing your accumulated knowledge over the years. One thing I have noticed is that sometimes it was difficult to follow certain actions that you did, which were not explained. For example, how to group items and practically create pages for easier navigation in sources. It felt a bit fast-paced, and I had to figure out some things on my own. However, I understand that this is also a way to learn. Perhaps I'll look for some practical tutorials on how to navigate and use all the tricks in Figma. Thank you so much! :)

[@han-wenchen328]

Thank you for making this video course, as a designer I always want to do a little bit engineer work, this video helped me to understand the concept when I cooperate with engineers. Super helpful!

[@FluxAcademy]

You're very welcome, that's great to hear!

[@SuhasAmin]

@ 2:02:00 How do you select all the elements? I'm currently learning web design along with this video, yesterday I did the work on Figma today I'm planning to complete the design of the whole website on Webflow. Please guide me if I have questions.

[@TACDetective]

OK. this sounds interestting, Ive subscribed and signed up for the free course. I am going to build a website thats a combination of the five. I'm planning on doing a content/media website where I can teach people (for free for now) basic concepts of something but at the same time, because its a proof of concept, I will be using it as a portfolio website. It not going to be a one page landing site 🙂

[@TheRealJamesJoyce]

An hour into this video and I’ve already learned so much! Thank you for your work here :)

[@FluxAcademy]

Glad it was helpful!

[@ReachSuryansh]

I can't tell tou how beautiful(design wise) and knowledgeable this video actually is.

[@FluxAcademy]

Glad you liked it!

[@ayoubvisuals]

I love the editing of this course it really makes it enjoyable to learn

[@FluxAcademy]

Appreciate that! 🙏

[@catrionacarruthers5704]

This subject is huge, so it's great to be able to get all the most important stuff in one video and see it done pretty much in real time. Thanks x 1,000!

[@FluxAcademy]

Glad it was helpful!

[@thesnake693]

thank you so much for this,i really want to become a wen designer because first of all i really like pc's now i get it maybe i should become a pc repairer or something like that but i really like focusing on the screen and making the best of something so i think as a 7'th grader now this will fit me i sure hope so when time comes im gonnna studdy this all the time is all the weeken'ds and free time i have.

[@masakritika]

Thank you. Your teachings are clear and refreshing

[@thaodang612]

Thank you so much for sharing these.

[@FluxAcademy]

You are welcome!

[@MovieReviewsWithCerenPodcast]

This was so helpful as a beginner and it actuall saved me 4k euros , so thank you so much

[@ElaineSantos-i1g]

Such an amazing video! The content is clear, easy to follow, and really helpful for beginners. I’m excited to apply what I’ve learned

[@FluxAcademy]

Thanks Elaine!

[@mariadsouza4628]

Thank you Ran... I wanna work on 1 very soon.. shall forward it ...

[@titusajah3682]

I've got great value in this course and ready to bring my website to life🎉

[@FluxAcademy]

Great to hear!