All websites should start with a good plan. Focussing on the design process first may be common for smaller sites. For larger sites, when user experience is paramount, creating an initial sitemap or user flow map is an effective way of working out how you want visitors to use and navigate around. UX is key to a successful site. And always remember the 5PS of planning a site – Proper Planning Prevents Poor Performance.

There are many different methods for creating a sitemap, but we don’t want to get into that today as they are typically not the best thing to look at from a design inspiration perspective.

So we’re going to take a look at sitemaps that have truly taken design into consideration. Not the site design, but the actual design of the sitemap. So no post-its, no Sharpies, no whiteboards, no mind-mapping software, just a beautiful selection of carefully crafted sitemaps.

You may also like to take a look at our inspiring collections of UI style guides or web design wireframe sketches.

Discover 800+ Wireframe Templates & UI Kits

Unlimited Downloads: 1,000,000+ Wireframe Templates, UI Kits, Icon Sets, Web Templates, Themes and much more!

Mobile Wireframe Kit

Sketch & Illustrator

WeDot Wireframe UI Kit

Sketch & Photoshop

Pride Mobile Wireframe Kit

Photoshop Template

Skeleton Wireframing Kit

Sketch & Photoshop

Method Wireframe Kit

Sketch,XD,PSD & Figma

Web Library Wireframe

Photoshop Template

Explore 800+ Wireframe Kits

Mobile App Userflow by Hale Koksal

UX Workflow – Wireframe & Sitemap Creator on Envato Elements

Fireart Studio Mobile Flowchart by Den Klenkov

UX Workflow Document Templates on Envato Elements

Newscred Sitemap by Ed Moss

Greyhound UX Flowcharts on Envato Elements

eCommerce Website Flowchart by Sinziana Susa

Skeleton Wireframing Kit on Envato Elements

Yash Technology Sitemap by Aditya Ranade

Soil Web Flowchart Templates on Envato Elements

Job Seeker User Flow by Sonali Banerji

Focus Lab User Flow by Bill Kenney

Cosmic User Flow by Eric Ressler

Sitemap For Student Guide by Janna Hagan

Crown & Mane Simplified Checkout Process by Michael Pons

Web App Information Architecture by Carine Teyrouz

Site Flow by Angie Herrera

Scase Userflow UX by Adam Kalin

Mobile Lo-Fi UX Wireframes by Michal Kulesza

User Flow by Mackenzie Child

IntelliMap Sitemap by John Menard

Website Flowchart by Eric Miller

Website Flowcharts Stencil by Eric Miller

Sitemap / Flowchart for the Web by Jane Zhu

Crown & Mane Application User Journey by Michael Pons

If you’re looking for wireframe templates, take a look at this article.