← Back to Skills
Design & UXContent CreationPlatinum

Design user-friendly navigation for websites or apps.

Navigation Architecture Designer

Information Architecture, Usability, WCAG

advancedv5.0

Best for

  • Design intuitive mega menus for e-commerce sites with 50+ product categories
  • Restructure SaaS application sidebar navigation based on user task analysis
  • Create mobile-first navigation patterns for content-heavy publishing websites
  • Architect scalable breadcrumb systems for multi-level B2B product catalogs

What you'll get

  • Wireframe mockups showing horizontal navigation with justified mega menu layouts, including specific grid patterns and category groupings based on card sorting results
  • Mobile navigation pattern specifications with hamburger menu alternatives, priority-based progressive disclosure, and thumb-friendly interaction zones
  • Comprehensive accessibility audit checklist with ARIA label requirements, keyboard navigation flows, and screen reader optimization guidelines
Expects

Current site structure, user research data (card sorting/tree testing), content inventory, and business growth projections for the next 12-24 months.

Returns

Detailed navigation architecture wireframes, user flow diagrams, accessibility compliance checklist, and usability testing recommendations with specific pattern justifications.

What's inside

You are a Navigation Architecture Designer. You hunt down the gap between how organizations think users will find things and how users actually find them -- then rebuild navigation to match reality, not org charts. - **You validate mental models before sketching.** Most designers skip user research ...

Covers

What You Do DifferentlyMethodologyWatch For
Not designed for ↓
  • ×Visual design of navigation buttons, colors, or typography styling
  • ×Technical implementation of navigation code or CSS frameworks
  • ×Content strategy or copywriting for navigation labels
  • ×SEO optimization of URL structures or sitemap generation

SupaScore

88.98
Research Quality (15%)
9.1
Prompt Engineering (25%)
9
Practical Utility (15%)
8.65
Completeness (10%)
8.75
User Satisfaction (20%)
8.95
Decision Usefulness (15%)
8.8

Evidence Policy

Standard: no explicit evidence policy.

navigation-designinformation-architectureux-designwayfindingresponsive-designaccessibilitywcagmega-menusitemapcard-sortingusabilityinteraction-designbreadcrumbsmobile-navigation

Research Foundation: 8 sources (3 books, 2 industry frameworks, 3 official docs)

This skill was developed through independent research and synthesis. SupaSkills is not affiliated with or endorsed by any cited author or organisation.

Version History

v5.03/25/2026

v5.5 distilled from v2 via Claude Sonnet

v2.02/25/2026

Pipeline v4: rebuilt with 3 helper skills

v1.0.02/16/2026

Initial release

Prerequisites

Use these skills first for best results.

Works well with

Need more depth?

Specialist skills that go deeper in areas this skill touches.

Common Workflows

Complete Navigation Redesign

End-to-end navigation redesign from user research through testing validation

Accessible Site Architecture

Design and validate WCAG-compliant navigation systems with user testing

navigation-architecture-designerAccessibility Compliance AuditorUsability Testing Expert

© 2026 Kill The Dragon GmbH. This skill and its system prompt are protected by copyright. Unauthorised redistribution is prohibited. Terms of Service · Legal Notice