How to make a sitemap for a website

Planning a new website? Learn how to make a sitemap for your website in this tutorial. I share my web design process starting with planning your website, identifying goals, and sketching a sitemap for a portfolio website.

UI design design is important for your website but step 1 is to plan your website and create a sitemap. Once you know the pages and content to include in your website, step 2 is design research and creating moodboards for the look and feel of the site. Step 3 is to wireframe possible solutions for webpages. The last steps are the UI design process and final design build.

What question do you have about planning a website project and how to create a sitemap for websites?

I used Procreate on an iPad Pro to sketch out the sitemap and website planning process.

---
LINKS

---
ABOUT ME

Hello! I'm Monica, a designer living in San Francisco, California. This channel is a place where I share all my design and creative side projects. By sharing my process, I hope to help you learn more about design!

---
SOCIAL

[jomjamyw]

This is very clear and helpful! Thank you very much 🙏🏼🙏🏼🙏🏼

[nowhat]

Thank you Monica! I just listed a feature set and am about to do a card sorting exercise with participants and I froze up when I had to think about the content of the cards. This helped me zoom out and reassess the what will go on the cards so I can soon create a rockin' sitemap. 🙂 Totally subscribing!

[robertoverbey]

Maybe you should actually make the sitemap file and show that. . . since the video is ostensibly supposed to show "How to make a sitemap for a website."

[mohamedalaa]

Okay, this is simple, helpful and cool.

[roxannepilat]

Very clear and helpful. Shared with my college students, who are building their own sites. Thank you!

[Vancittyy]

Monica, Monica, Monica... you're the apple of my eye, the stars to my wandering gaze, and the rose pedals that are so soft

YOU GET IT>I really, really appreciate you girl. Stay great.

[davehansel]

I simply use someka's sitemap generator. Easiest tool to create sitemap diagrams imho. Thanks for the video:)

[ericaguadalupe]

Thank you! I’m just recently getting into this career field and your explanation was super straightforward and simple. I will most definitely be referencing back to this whenever i can :) have a blessed day!!!

[notsphinxz]

Same I am going to make my own Personal Website!
3:08 Timestamp What's the external mean? do they have a connection to the about?

[tibork]

That is great, however this has NOTHING to do with how you create a sitemap, this is all about how to design a website. A sitemap is a page (XMS, RSS, mRSS) that tells search engines how to locate and navigate on your already created website and its sub-pages, once your website is live then a sitemap is created and uploaded to your web hosting account (root folder) and submitted to search engines. Please change your title as this is misleading and confusing to people. Thank you!

[devwithsmile_]

I needed it ❤️ . Thank you . Love and respect from India 🇮🇳

[olcatgaming]

I expected a black background,
my disappointment is immeasurable, and my eyes are ruined

[SavageKya]

Omg I love your channel 🔥💙and your voice is so soothing

[srgtslnv]

Please help me to become a web designer

[angelfabio]

Hi, How to create a website? Pls I need your help I really need it for school

[ShanayBraxton]

This very helpful! Your explanation was very simply and straight to the point. Thank you!

[HomelanderdaGOAT]

Thank you for sharing and simplifying!

[ivomarin]

Hello Monica, after 2 years.
To design my website, i use logo-images based on human activities, with their undergroups (ex: Sport: team sports/ athletics sports / riding sports / ... ) and then the sociological question: sign up in a club, find a partner to practice with, buy materials, sign up in a competition, watch the results and more. It gives to the reader an easy and intuitive way to find what he wants. It’s practical and helpful.

[sbytv]

medium brought here! Keep up the good work.

[pepsitoly]

That's great! Simple, short and useful. Thank you :)