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.
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.