All websites should start with a good plan. Focussing on the design process first may be common for smaller sites. For larger websites, 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.
- 404 Page Website Inspiration
- About Page Website Inspiration
- Admin Dashboard Website Inspiration
- Business & Corporate Website Inspiration
- Clean Design Website Inspiration
- College & University Website Inspiration
- Design Agency Website Inspiration
- eCommerce Design Website Inspiration
- Magazine Layout Website Inspiration
- Minimal Design Website Inspiration
- Non-Profit Website Inspiration
- One-Page Website Inspiration
- Parallax Scrolling Website Inspiration
- Photographer Website Inspiration
- Portfolio Design Website Inspiration
- Pricing Page Website Inspiration
- Restaurant & Food Website Inspiration
- Sport Website Design Inspiration
- UI Style Guide Design Inspiration
- Ultra-Minimal Design Website Inspiration
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
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.
Related Posts
- 20 Inspiring Examples of Web and Mobile Wireframe Sketches
- 10 Inspiring Examples of UI Style Guide Design
- 18 Inspiring Examples of Sketching in Icon Design
- 50 Free Wireframe Templates for Mobile, Web and UX Design
- 50 Free eBooks for Web Designers & Developers
- To Wireframe or Not to Wireframe?
- Wireframes… Who Needs Them?
- Don’t Just Wireframe – Tell the Design Story
- The Benefits of Using OmniGraffle in Web Design
- 5 Lessons We Can Learn From Japanese Web Design