Website Design for Your Audience: Part 2 – Information Architecture

You now understand your audience. But how do you organize your site so visitors find what they’re looking for? That’s information architecture (IA)—the invisible skeleton that makes good sites feel intuitive and frustrating sites feel like a maze. Get IA right, and your visitors navigate effortlessly. Get it wrong, and they bounce. This part covers the principles and practical steps to architect your site around audience mental models.

This is Part 2 of the Website Design for Your Audience series—a five-part guide covering the complete process of designing a site around the people you’re trying to reach. If you’re just joining us, start with Part 1: Discovery & Research.

Information architecture is how you organize content and structure navigation so visitors can find information with minimal friction. It’s the opposite of how many sites are built—around your company’s internal structure (Sales, Marketing, Support, etc.) or the features your tech team wants to showcase.

Instead, effective IA reflects your audience’s mental models: how they think about problems, what they search for, and the logical sequence they follow when researching or comparing options.

For example:

• A B2B SaaS tool might organize around use cases (Sales Teams, Customer Support Teams, Executives) rather than product features. Visitors think “I’m a sales team; help us sell faster,” not “I need the reporting module.”
• An ecommerce store might organize by buyer intent (Shop New Arrivals, Shop by Category, Shop Best Sellers) and device behavior (mobile shoppers often narrow options quickly; desktop shoppers explore). Category names should match how customers describe products, not internal SKU systems.
• A B2B service firm might organize by business problem (We Need a Website Redesign, We’re Migrating from Another Platform, We Need Performance Optimization) rather than by service offering. Then nest specific services under each problem.

When your site structure matches how your audience thinks, they spend time understanding your value proposition instead of hunting for relevant information.

The Business Impact

Good IA drives conversion and SEO:

• Lower bounce rates: Visitors find what they need quickly and explore deeper.
• Better engagement: Clear navigation and logical content flow keep people moving through your site.
• Higher conversion: When your site answers their question first, CTAs feel relevant, not pushy.
• Improved SEO: Clear site structure helps search engines understand your content and rank it for relevant queries; internal links flow naturally.
• Easier maintenance: Sites with clear IA are simpler to update, add content to, and debug.

Before you redesign the structure, audit what you have. Use a spreadsheet to list:

• All top-level pages (Services, Products, Pricing, About, Contact, Blog, etc.)
• Sub-pages under each (e.g., Services: Web Design, Hosting, Migrations, etc.)
• Blog categories and recent posts
• Resource pages (guides, case studies, tools, downloads)
• Legal/Support pages (Privacy, Terms, FAQ, etc.)

For each item, note:

• Current location: Where does it live now?
• Audience fit: Which audience segment cares about this? (Use your audience profiles from Part 1.)
• Purpose: Educational, conversion-focused, supportive, or transactional?
• Current performance: GA4 metrics—traffic, bounce rate, conversion rate.

This inventory reveals gaps (content audiences need but isn’t there), waste (content nobody views), and misalignment (content in the wrong place for its audience).

A card sort is a UX research method where you write topics/content on index cards and ask users to group them logically. This reveals how your audience naturally organizes concepts.

Open card sort: Give people cards with content topics and ask them to group related items however makes sense to them, then name each group. This reveals their mental models.

Closed card sort: Provide predefined categories and ask them to assign cards to categories. This validates your proposed structure.

Hybrid approach (realistic for most): In your discovery interviews (Part 1), ask: “If you visited our site, how would you expect to find [topic]? Where would you look first?” Listen to their language and groupings. Repeat with 8–10 people. Patterns emerge.

For example, if you’re a web design agency and you ask “Where would you look if you wanted to see examples of your work?”, different audiences might say:

• Engineering-minded prospects: “I’d look under Technical Expertise or Case Studies.”
• Design-conscious prospects: “I’d look under Portfolio or Recent Work.”
• Business-focused prospects: “I’d look under What We Do or Services.”

That tells you the names matter. “Portfolio” resonates with designers; “Case Studies” with business folks; “Technical Expertise” with engineers. Use the language your audience uses, not what sounds coolest.

Now sketch your site structure. A typical site has 3–4 levels:

• Level 1 (Homepage): Entry point; introduces your value proposition briefly and guides visitors to major sections.
• Level 2 (Main sections): Top-level categories in your navigation; 4–7 items typical (fewer is better).
• Level 3 (Sub-sections): Pages nested under main sections; specific services, product categories, resource types.
• Level 4 (Details): Blog posts, individual product pages, detailed guides—typically not in main navigation.

Example structure for a B2B service firm:

Level 2 (Main Navigation):

• Services
• Solutions (or “What We Do” or “How We Help”)
• Work (Portfolio/Case Studies)
• Resources (Blog, Guides, Tools)
• About/Company
• Contact

Level 3 (Under Services):

• Web Design
• Hosting & Maintenance
• Migrations
• Consulting

Level 3 (Under Solutions):

• For E-commerce Businesses
• For B2B Companies
• For Nonprofits

This structure serves different audience intents: People asking “What do you do?” go to Services. People asking “Is this for me?” go to Solutions by industry/type.

The key: Limit main navigation to 4–7 items. More than that, and visitors get decision paralysis. Use submenus (mega menus or standard dropdowns) to reveal deeper levels on hover.

Naming Conventions Matter

Navigation labels must be clear, scannable, and audience-specific. Test these against your audience profiles:

• ❌ “Solutions” is vague. ✓ “For Ecommerce” or “By Industry” is clear.
• ❌ “Resources” could mean anything. ✓ “Blog & Guides” or “Free Templates” is specific.
• ❌ “Our Approach” is internal. ✓ “How We Work” is audience-centric.

Use your audience’s language. If they use industry jargon, use it in navigation. If they’re new to your category, use plain language.

WordPress makes IA implementation straightforward. Here’s how:

Menu Structure in WordPress

Go to Appearance → Menus in your WordPress admin. Create a menu matching your Level 2 and Level 3 structure:

• Add pages/categories for each Level 2 item (Services, Work, Resources, etc.).
• Nest Level 3 items by dragging them indented under their parent (hover over an item, click “Submenu,” and drag to indent).
• Assign the menu to your site’s header or primary navigation location.

Pro tip: Create placeholder pages for each major section before populating content. This ensures clean navigation structure and makes internal linking easier.

WP Bakery Category Pages

WP Bakery—our preferred page builder—makes it straightforward to combine static pages with dynamic post listings. You’ll typically pair static pages built in WP Bakery with category or archive pages (automated post listings). Here’s the pattern:

• Services page: Static page built in WP Bakery with 3-column layout showcasing each service + CTA “Learn More.”
• Individual service pages: Static pages in WP Bakery diving deep into each service (Web Design, Hosting, etc.).
• Blog/Resources page: Static intro page in WP Bakery + automated post listing below showing latest blog posts in your “Guides” or “Case Studies” category.

This hybrid approach (curated pages + dynamic post lists) keeps navigation clear while allowing your blog to grow without constant menu updates.

Breadcrumb Navigation

Add breadcrumbs (Home > Services > Web Design > Article Title) to help visitors understand where they are in your site hierarchy. Breadcrumbs improve both UX and SEO. WordPress plugins like Yoast SEO or All in One SEO include breadcrumb options; if using WP Bakery, add them manually in your page templates or theme.

Your IA lives in part through navigation menus, but also through internal linking throughout your content. Smart internal linking:

• Reinforces your site hierarchy (Main pages link to related sub-pages; sub-pages link to details).
• Guides visitors to relevant follow-up content (if they read a blog post about performance, link them to your Performance Optimization service).
• Distributes link authority to important pages (pages that link to others pass authority; frequently-linked pages rank better).
• Improves SEO by signaling to search engines which pages are important and how they relate.

Linking strategy:

• Ensure all Level 2 pages link to relevant Level 3 pages.
• Ensure Level 3 pages link back to their parent Level 2 page.
• Within blog posts, link to relevant service pages or related guides.
• On service pages, link to related blog posts or case studies.
• Create an “Also Read” or “Related Resources” section at the end of deep-content pages.

In WP Bakery, add internal links within text blocks or as buttons using the link feature and descriptive anchor text (not “click here” but “Learn more about Web Design migrations” or “See our performance case study”).

Mistake 1: Mirroring Your Internal Organization

Your visitors don’t know (or care) that you have Sales, Marketing, and Support departments. Don’t create navigation reflecting that structure. Organize around their problems and intents instead.

Mistake 2: Too Many Top-Level Categories

If your navigation has 10+ items, you’re overwhelming visitors. Consolidate under fewer, clearer categories. Use dropdowns liberally.

Mistake 3: Inconsistent Terminology

If you call something “Services” in the menu, “Our Offerings” on a subpage, and “Solutions” on another, visitors get confused. Pick one term and use it consistently breadcrumb navigation uses the same labels as menus).

Mistake 4: Orphaned Pages

Pages not linked from your main navigation or from other content effectively doesn’t exist. Every page should be accessible from somewhere. If a page isn’t worth linking, it’s probably not worth having.

Mistake 5: Burying Your Best Content

Visitors shouldn’t need to click through five layers to find your most important information. Put your best conversion-focused content 1–2 clicks away from the homepage.

You’ve now architected your site structure around how your audience thinks. Part 3 of this series dives into the execution of that architecture: designing navigation flows, page templates, and user journeys in WP Bakery so visitors navigate intuitively and reach conversion points.

Quick action items for now:

• ☐ Inventory all your current pages and content
• ☐ Sketch your proposed Level 2 and Level 3 hierarchy (use a spreadsheet or whiteboard)
• ☐ Ask 3–5 audience members: “How would you find [topic] on our site?” Listen to their mental models
• ☐ Identify navigation labels using their language, not yours
• ☐ Plan your internal linking strategy: which pages link to which?

If your current site structure doesn’t match your audience’s mental models, fixing IA is one of the highest-impact improvements you can make. It ripples through conversion, SEO, and user satisfaction.

• Information architecture—how you organize and label content—profoundly affects how visitors navigate and convert.
• Effective IA reflects your audience’s mental models, not your organization’s internal structure.
• Use audience research (from Part 1) plus card sorting to determine how to group and label content.
• Limit main navigation to 4–7 items; use clear, audience-specific labels; organize around visitor intent, not your services.
• Internal linking reinforces your IA, guides visitors, and improves SEO.
• Common mistakes include mirroring internal org charts, overloading menus, and using inconsistent terminology.

A well-architected site is invisible—visitors don’t notice it, they just find what they need. If you’re redesigning your site or optimizing an existing one, architecture is foundational. Our discovery and design process includes deep IA planning to ensure your site structure serves your audience’s needs from day one.

Let’s Design Your Site Architecture

• Nielsen Norman Group – Information Architecture Basics
• Peachpit – “Well-Designed” by Jon Kolko
• Smashing Magazine – Information Architecture Basics
• Interaction Design Foundation – Information Architecture
• WordPress – Navigation Block Documentation