Designing a website – Episode 1: Planning & site map!

Share it with your friends Like

Thanks! Share it with your friends!


Welcome to a new series where I’ll be taking you through the whole process of redesigning and building my website from start to finish! Please remember to subscribe

The very very first thing I do when approaching a new design project is plan (shocker!). For a website, that means sitting down and thinking through firstly what the goal is for the site and why visitors might be on it, and secondly what pages and templates will need to be designed in order to bring it to life.

In this video you’ll see me make a plan for my website, both for the full site map of my new blog and portfolio, and also for an “MVP” simple landing page I’ll be starting with first.

Hope you enjoy the video and are excited about the series!


Concepts (the app I’m using in the video):

Webflow (what I’ll be using to build my site):

Watch the full series:



My videos no longer have pre-roll ads because I think ads are annoying. That means you don’t have to sit through ads, and it also means I don’t earn anything from the content I put on YouTube. If you want to support me and my channel the best thing you can do is join my Patreon!

You’ll get tons of extra content and ways to learn, like behind-the-scenes process info, downloadable assets or even a monthly group Google Hangout! Choose your tier and sign up here:



Hello there! I’m Charli and I’m a web and graphic designer from New Zealand currently living in London and posting design videos every Saturday about tools, projects, and concepts and vlogs every Tuesday about my life as a designer. Please subscribe and say hi in the comments so we can be friends 🙂



Online apparel store:
Design portfolio:


Snapchat: charlimarietv

My sister SmayJay’s channel:



Music: YouTube Audio Library

My gorgeous intro animation was created by hand lettering animator Austin Saylor, you should hire him to do yours too:


Lili at UniWeb says:

Hi Charlie! Love the split screen, what software are you using to edit your videos? Thanks!

Brunilda Serrano says:

Very helpful. Thank you so much. Looking forward to the rest of the episodes to complete the new web site.

Stephen Parkinson says:

I find that when I’m on my phone or iPad, using a mind mapping app allows me to record site map ideas easily and efficiently. It shows the basic page linking structure that I can come back to and reference later.

Max Angenius says:

What does MVP stand for in this scenario?

Cristian Collavo says:

Hi Charli! I love all your content! Your videos and insights are very useful and clear! Do you think you can make a video (or write in this comment section?) how do you make e-commerce websites? (if you already have done one) I don't know if you already talked about that topic, didn't find it in your uploaded videos… I'm struggling in finding the best option, I understand webflow is bringing that option in the future. What are your thoughts? Thank you and keep rockin' with your content!! 🙂

Maria Kuzmenko says:

Thanks for your videos – very informative and inspiring at the same time)

Nattermax Tech says:

great. That kind of channel I was looking for which can explain stuffs from a designers perceptive rather than a coder's perspective.

Frédéric Vereecke says:

Thanks for sharing your work. Maybe I miss something but I cannot find the final version of your website based on this design… Is it available to see?

Aamir Sayani says:

How to make that animated gif

Denver COder says:

You're so good that sometimes stuff gets written on the screen when you have both of your hands up. 😛

edsblogging. com says:

On what are you writing? Interesting vids by the way.

Aubrey says:

I'm excited I found this! You are where I want to be in a couple of years! Thank you for sharing so much!

Jean Wang says:

those process and details about starting a business is going to be so helpful and crucial to so many freelance designers like me! these are all necessary but not a lot of individuals post about them. it'd be great to see a designer be transparent about that! <3

JON Gergeceff says:

Thank you it sounds wonderful

Vanity.Luxe says:

Where can I find the rest of the series?

Write a comment