How To Design A Website In 30 Minutes | Web Design Tutorial

Check out my courses and become more creative!

How To Design A Website In 30 Minutes | Web Design Tutorial

Today we are going to take a look on how to design a website in 30 minutes using Figma. I tried to create a website design that condenses down some important topics in web design, like structuring our pages propery, color theory and fonts.

You can take these design concepts and apply them to anything, not just web design.

I highly recommend you downloading the pictures bellow and follow along to practice your web design skills.

This may not be super perfect, but I taught it might be a fun web design challenge to try out.

πŸ“” Materials used in this video:

Edited Pictures:

πŸ›΄ Follow me on:



  1. A good alternative to Figma is Lunacy. It’s free and allows you to do almost everything that you can do with Figma

  2. Hi GuyssssπŸ˜ƒπŸ˜Š Incase you are waiting for a sign to start your website, this is it!😊❀️
    Take your first step in this field by making a website! ❀️ But if you already have one, you can click the link below to make your website discoverable by thousands of people😊

  3. Your tutorial is really amazing , i have learnt lot from your videos…keep doing more videos like ths.. Thank you.

  4. i wish you were on Twitch too. You're mode-aura is so refreshing. even, if you talk entire stream about cats-foods i know i can watch without alt-tab

  5. How would you make the contact us page responsive for mobile? I never know what to do with that kind of background when I go to mobile version.

  6. [design update]: "order shipping info."…how many webpages do not display a auto-refresh tracking information for any given online purchase of store goods?!?! right there on the same page after order, just keep the page up, refresh to see what its up to.

Leave a comment

Your email address will not be published.