DEV Community

Sofi Morilla
Sofi Morilla

Posted on

WebWonders Agency Site Notes: Structure Before Style

Rebuilding an Agency Website When “Looks Good” Isn’t the Problem

I didn’t rebuild our agency site because it looked outdated. Visually, it was acceptable. The problem was operational: the site wasn’t helping me manage how people approached us.

We were getting a steady stream of inquiries, but the pattern was tiring:

  • prospects asked for “a website” without context
  • the same questions repeated across email threads
  • the wrong services were being requested (or requested in the wrong order)
  • people bounced after reading one page because the next step wasn’t obvious

On the surface, that sounds like a marketing issue. In practice, it’s an admin issue: your site is either a routing system that reduces ambiguity, or it’s a glossy brochure that increases it.

So I treated this rebuild like a maintenance sprint—reduce friction, clarify paths, and make content easier to keep current. I used WebWonders – Creative Digital Agency WordPress Theme as the foundation, not because I wanted “a new theme,” but because I wanted a coherent layout language that would let me focus on information flow instead of endless design tinkering.

This is my log of what I changed, in what order, and what actually improved after launch. It’s written for other site owners and admins who are tired of rebuilding the same site every year for slightly different reasons.

The constraint I started with: an agency site is a decision machine

Agency websites have a unique problem: we sell something that’s hard to quantify and easy to misunderstand. People arrive with wildly different mental models:

  • “I need a landing page”
  • “We need branding”
  • “We want to redesign but keep our CMS”
  • “Our conversion is down”
  • “Our team can’t maintain the site”

If the website doesn’t shape the conversation early, the sales process becomes a series of clarification loops. That’s not just inefficient; it pushes good prospects away because they feel lost.

So I defined the job of the site in plain terms:

  1. help visitors self-identify which kind of project they have
  2. prevent mismatched expectations
  3. route them toward a next step that yields usable information
  4. do all of this without sounding promotional or desperate

That last part matters. Agency sites often overcompensate with big claims. I don’t like that style, and it also tends to age poorly. I wanted something calm, structured, and maintainable.

The rebuild order: I refused to start with visuals

The fastest way to waste time on a rebuild is to start “designing.” I used this order instead:

  1. Map the visitor journeys (what decisions people are trying to make)
  2. Rebuild navigation and page hierarchy (reduce choices)
  3. Reshape portfolio flow (how people scan and verify capability)
  4. Define services as a sequence (not a list)
  5. Fix the inquiry handoff (intake is a workflow)
  6. Verify mobile scanning and stability
  7. Only then adjust spacing, typography, and visuals

This approach is boring. That’s why it works.

The real issue: the old site let people ask for the wrong thing

The strongest signal that your agency site isn’t doing its job is not low traffic. It’s low-quality inquiries.

We were getting messages like:

  • “Can you build us a site like Apple?”
  • “We need SEO and a logo by next week”
  • “How much for an app?” (we don’t do apps)
  • “We want a redesign” (but their analytics showed they needed content and structure)

The old site didn’t guide people to the right conversation. It also didn’t filter gently.

I didn’t want to “gatekeep” or scare people away. I wanted the site to do what a good project manager does: make the next step obvious and reduce ambiguity early.

Navigation: fewer items, stronger paths

I cut the top navigation down until it felt almost too small. I’ve learned that if an agency menu feels comfortable, it’s usually too big.

Instead of a long list of pages, I built the site around a few high-intent paths:

  • Work / Case Studies (proof and context)
  • Services (as a process, not a catalog)
  • Approach / How We Work (constraints, timelines, expectations)
  • Contact (structured inquiry)
  • Optional: Insights (only if we can maintain it)

Everything else is secondary and should not interrupt first-time visitors.

Why this matters for maintenance

Every page you add is a page you must keep honest. Agency sites become stale faster than most because your work changes, your tools change, and your positioning evolves. A big navigation is a promise you rarely keep.

So I reduced the surface area. It made the site easier to maintain and easier to understand.

Portfolio flow: the one place people actually read

People say they want your “services.” What they usually do is scan your work to see if you’ve solved problems like theirs.

The problem with many portfolios is that they behave like galleries:

  • pretty thumbnails
  • vague captions
  • no structure that tells a story of constraints and decisions

I didn’t turn our portfolio into a long narrative, but I did make it more operational. Each case study follows a simple structure:

  • what the client needed (in plain language)
  • what constraints existed (time, stack, content, team)
  • what we changed (at a high level)
  • what the result looked like in terms of user behavior, not vanity metrics

Notice what’s missing: hype. I’m not trying to impress someone who likes slogans; I’m trying to reassure a buyer who’s been burned by vague promises.

The scanning rule I used

On the case study page, the first screen should answer:

  • Is this similar to my situation?
  • Do they sound like they understand constraints?
  • Can I trust them to be practical?

If the case study begins with vague inspiration text, I rewrite it.

Services: I stopped listing and started sequencing

Service lists are misleading because agency work is not a menu. It’s a sequence of decisions.

Instead of “Branding / UI / Development / SEO,” I framed services as a process:

  • clarify the problem
  • define the content and structure
  • design the system
  • implement and hand off
  • maintain and improve

The visitor doesn’t need to memorize your offerings. They need to understand how you think.

This is also a subtle filter: people who want a one-click miracle don’t like process. People who want sustainable work usually do.

Inquiry: the contact page is not a form, it’s a handoff

The biggest improvement didn’t come from the homepage. It came from intake.

Our old contact form was generic. That’s fine if you want volume. It’s not fine if you want clarity.

So I redesigned contact as a workflow handoff:

  • visitor submits context
  • we can route internally without follow-up
  • we respond with the right next questions

I kept the form short, but the prompts mattered. I asked for:

  • type of project (choose from a small set)
  • current site status (new, redesign, maintenance, stuck)
  • timeline (rough is fine)
  • what “success” means to them (one sentence)
  • what they already have (content, brand assets, dev team)

I framed it as “help us respond properly,” not “fill out our paperwork.”

The “what happens next” section reduced anxiety

A short block explaining what happens after submission did more than I expected. Visitors often hesitate because contact feels like a black box.

I explained:

  • we usually reply within a reasonable window (without promising a specific time)
  • what the first reply looks like (clarifying questions)
  • what information is useful to have ready
  • what we won’t do (e.g., rush commitments without context)

That last point is important. It signals seriousness.

Information structure: the site had to behave well under scanning

Agency visitors don’t read like students. They read like stressed managers.

So I enforced a strict hierarchy:

  • one clear H1 per page
  • H2s that describe outcomes or decisions, not vibes
  • shorter paragraphs
  • fewer decorative sections
  • fewer “floating” statements that don’t anchor to a decision

This is where WebWonders helped: it gave me a structure that already expects modern page flow. I didn’t have to fight layout decisions constantly. I could focus on content clarity and hierarchy.

Post-launch retrospective: what changed after a few weeks

I don’t measure success by “this looks better.” I measure it by what happens in operations.

After launch, three things changed:

  1. Inquiry quality improved
    People sent more context. Fewer “how much for a website?” messages. More “we have X, we need Y, here’s the constraint.”

  2. Internal routing became easier
    My team asked fewer questions like “Is this a design request or a rebuild?” because the intake structure captured the answer.

  3. Fewer visitors got lost
    This one is harder to quantify without analytics, but you feel it. People mention specific pages when they reach out. They reference case studies. They ask sharper questions.

The site became calmer—not just visually, but operationally.

Common mistakes I corrected (the ones that kept creeping back)

Mistake 1: assuming “more pages” means more trust

More pages often means more stale content. Stale content reduces trust faster than missing content. I removed pages we weren’t willing to maintain.

Mistake 2: letting the homepage become a landfill

The homepage is not a dumping ground for every idea. Its job is routing. If a section doesn’t reduce uncertainty, it doesn’t belong there.

Mistake 3: hiding constraints to appear flexible

This is a classic agency mistake. We avoid talking about process because we fear losing leads. But the leads you keep by being vague usually cost more later.

So I made constraints visible:

  • what kinds of projects we don’t take
  • how we approach timelines
  • what a successful handoff looks like

This didn’t reduce inquiries; it improved them.

Light technical notes: stability and mobile experience matter more than flair

I don’t chase perfection on agency sites. I chase stability.

Visitors judge legitimacy subconsciously:

  • pages that shift during load feel “cheap”
  • heavy animations feel fragile
  • inconsistent spacing feels unfinished
  • mobile typography that’s too tight feels exhausting

So I tested the site the way real users do:

  • open on phone
  • scroll quickly
  • tap back and forward
  • rotate orientation
  • return after switching apps

If it stays calm, it feels trustworthy.

The maintenance routine that makes this rebuild last

The easiest way to waste a rebuild is to treat it as a one-time event. Agency sites evolve. I created a routine that’s small enough to actually happen.

Weekly (10 minutes)

  • open homepage on mobile and scroll once
  • open one case study and check if it still feels current
  • verify the contact flow is working and readable
  • check that nothing obvious broke after updates

Monthly (30 minutes)

  • refresh one case study intro (make it clearer, not longer)
  • remove one outdated line from services or approach
  • review the navigation for drift
  • do a quick performance sanity check

Maintenance is not glamorous, but it’s the difference between a site that stays coherent and a site that slowly collapses into clutter.

Where I look when I need a solid foundation without spiraling

One of my rules now is: don’t spend weeks comparing themes. Choose a stable foundation, then do the real work—structure and content.

When I need a clean baseline across different builds, I start from a curated collection like WooCommerce Themes and pick based on layout discipline and maintainability, not novelty.

That rule alone has saved me multiple rebuild cycles.

Closing thoughts: the site is an operations tool in disguise

A digital agency website is often treated like a branding artifact. It is that, but it’s also a workflow tool:

  • it routes visitors
  • it sets expectations
  • it shapes inquiry quality
  • it reduces the admin load of clarification

WebWonders let me focus on those realities. The rebuild didn’t magically transform the business. It reduced friction—quietly, consistently—and that’s the kind of improvement that holds up after the initial excitement fades.

If you’re rebuilding an agency site and you’re tempted to start with visuals, I’d do the opposite: start with decision paths, then structure, then intake, then mobile stability. Make it calm. Make it honest. Make it easy to maintain. That’s what actually lasts.

Top comments (0)