Opens in a new tab
← All projects
Constraint
No analytics survived the rebuild, so no number appears
Client
W Communications, a strategic communications and speaking practice
Scope
8 pages across 4 audiences, brand system
Stack
WordPress

A strategic communications consultancy rebuilt across 8 pages

WordPress website redesign for a strategic communications consultancy. Client: W Communications, A strategic communications and speaking practice.

A producer needs a communications expert on air in 90 minutes. She has 1 name, 1 browser tab, and no patience. She needs the credential, the topics, a photograph she is allowed to use, and a way to reach somebody who answers. The site opens with a paragraph about the practice. The credential is somewhere further down. The topics are inside a document. The photograph is 400 pixels wide. She does not send an email asking for a media kit, because she does not have 90 minutes to wait for one. She books the second name on her list, who had a page she could read in 40 seconds.

4 audiences cannot be served by 1 page. They can be served by 4 pages that each know who arrived.

What was actually happening?

Media, clients, event bookers and readers all arrived at the same page and were handed the same paragraph. The proof existed and sat below the fold. Nothing on the site was structured so that a producer, or a machine answering a question about the practice, could lift a fact out of it and use it without asking a person first.

Every figure below is a real capture of the live page. Each frame caps its height and scrolls inside itself, so a full-page capture can be read end to end without leaving the figure. Both frames are reachable by keyboard. Nothing here is a mockup or a drawn schematic.

1. What should a consultancy homepage do when 4 audiences arrive at it?

Before: 1 homepage opening with a general paragraph about the practice and no named audience.
Before: 1 homepage opening with a general paragraph about the practice and no named audience.
After: a homepage that names each audience and sends it to the page built for it.
After: a homepage that names each audience and sends it to the page built for it.

UX and UI analysis, before against after

Before: what the design cost the visitor

  • A general paragraph, no named audience. Four distinct audiences arrived at one homepage that addressed none of them. A reader who is not named in the first fold cannot tell whether the page is for them, which the headline research identifies as the first reason people leave. Source: Nielsen Norman Group, 2015.
  • Prose where a scanner needed structure. Opening with a paragraph asks the visitor to read, and the research is consistent that most people scan instead. Source: Nielsen Norman Group, 1997.
  • The scent stopped at the door. A producer, a client, an event organiser and a reader each followed a different reason to arrive, and the page gave none of them a path to follow. Source: Xerox PARC, Pirolli and Card, Psychological Review, 1999.

After: what changed and why it works

Sources cited in this section
  1. Nielsen Norman Group (2015), Headings Are Pick-Up Lines: 5 Tips for Writing Headlines That Convert.
  2. Nielsen Norman Group (1997), How Users Read on the Web (79% of users scan rather than read).
  3. Xerox PARC, Pirolli and Card, Psychological Review (1999), Information Foraging: people follow the strongest scent toward the answer and leave when it weakens.
  4. Nielsen Norman Group (2003), Information Scent: how users decide where to click.
  5. Nielsen Norman Group (2016), How Chunking Helps Content Processing.
  6. Columbia University and Stanford University, Iyengar and Lepper, Journal of Personality and Social Psychology (2000), When Choice is Demotivating: more options reduced purchase rate roughly tenfold.

2. Where does the credential belong on a personal practice site?

Before: a biography page where the credential sits below several paragraphs of narrative.
Before: a biography page where the credential sits below several paragraphs of narrative.
After: a biography page leading with the credential, with the narrative underneath it.
After: a biography page leading with the credential, with the narrative underneath it.

UX and UI analysis, before against after

Before: what the design cost the visitor

  • The credential was buried. The former Starbucks senior vice president credential sat below several paragraphs of narrative. Three quarters of viewing time is spent within the first two screens, so the strongest proof on the page was outside most readers’ attention. Source: Nielsen Norman Group, 2018.
  • Narrative before evidence. The About Us research finds that visitors go to a biography page to answer a specific question, usually who is this and why should I trust them, and want it answered fast. Source: Nielsen Norman Group, 2008.
  • Credibility delayed is credibility lost. Demonstrated expertise is one of the four trust factors, and it only works if it is seen. Source: Nielsen Norman Group, 2016.

After: what changed and why it works

  • The credential leads. The page opens with the fact that establishes authority, then tells the story underneath it. That order matches how people use an About page. Source: Nielsen Norman Group, 2008.
  • Proof in the attention zone. Placing the credential in the first screen puts it where more than half of viewing time is spent. Source: Nielsen Norman Group, 2018.
  • Narrative that now has a reason to be read. Once the credential has earned attention, the story beneath it is read as context rather than as a hurdle. Source: Nielsen Norman Group, 2016.
Sources cited in this section
  1. Nielsen Norman Group (2018), Scrolling and Attention (57% of viewing time is above the fold, 74% within the first two screens).
  2. Nielsen Norman Group (2008), About Us: Presenting Information About an Organization on Its Website.
  3. Nielsen Norman Group (2016), Trustworthiness in Web Design: 4 Credibility Factors.

3. How should expertise be structured so it can be quoted?

Before: expertise described in prose, with the topics implied rather than listed.
Before: expertise described in prose, with the topics implied rather than listed.
After: an expertise page with 1 topic per section, each quotable on its own.
After: an expertise page with 1 topic per section, each quotable on its own.

UX and UI analysis, before against after

Before: what the design cost the visitor

  • Topics implied, never listed. Expertise described in flowing prose left the actual subjects unstated. A reader, a producer or a search engine looking for a specific topic could not find it because it was never named. Source: Nielsen Norman Group, 2017.
  • Nothing quotable. Answer engines and journalists lift discrete passages. Prose with no headings offers no passage that stands on its own. Source: Google Search Central, 2024.
  • Scanning failed. With no headings to catch the eye, the F-shaped scan swept over the page and found nothing to stop on. Source: Nielsen Norman Group, 2017.

After: what changed and why it works

  • One topic per section. Each area of expertise has its own heading and its own paragraph. That is chunking applied to a subject list, and it is how a scanner finds the one topic they came for. Source: Nielsen Norman Group, 2016.
  • Each section quotable on its own. A heading plus a self-contained paragraph is exactly the unit a search engine, an answer engine or a producer can cite. Source: Google Search Central, 2024.
  • Headings that work as pick-up lines. Every topic heading tells the reader what they get if they keep reading, which is the test the headline research sets. Source: Nielsen Norman Group, 2015.
Sources cited in this section
  1. Nielsen Norman Group (2017), Plain Language Is for Everyone, Even Experts.
  2. Google Search Central (2024), Creating helpful, reliable, people-first content.
  3. Nielsen Norman Group (2017), F-Shaped Pattern of Reading on the Web.
  4. Nielsen Norman Group (2016), How Chunking Helps Content Processing.
  5. Nielsen Norman Group (2015), Headings Are Pick-Up Lines: 5 Tips for Writing Headlines That Convert.

4. What does a client page have to show a buyer?

Before: a client list without context or the nature of the engagements.
Before: a client list without context or the nature of the engagements.
After: a client page that states what the work was for each name shown.
After: a client page that states what the work was for each name shown.

UX and UI analysis, before against after

Before: what the design cost the visitor

  • Names without context. A list of client names with no statement of what the work was leaves the buyer guessing whether it was a keynote, a campaign or a crisis. Evidence of expertise only builds trust when the reader can see what the expertise was applied to. Source: Nielsen Norman Group, 2016.
  • Logos as decoration. A logo wall is treated by the eye as decorative, and the eyetracking research shows decorative imagery is skipped. Source: Nielsen Norman Group, 2010.
  • The credibility question left open. A buyer asks what did you do for them. A page that only says who was served does not answer it. Source: Stanford Persuasive Technology Lab, Fogg et al., 2002.

After: what changed and why it works

  • What the work was, beside each name. Every client entry states the engagement, so the name becomes evidence rather than ornament. Source: Nielsen Norman Group, 2016.
  • Informative, not decorative. With a line of context next to it, each logo becomes information the eye stops on, which is the difference the photo research draws between studied and ignored imagery. Source: Nielsen Norman Group, 2010.
  • Specific claims a buyer can verify. Naming the work lets the buyer check it, and verifiable specifics are the form of proof the Stanford guidelines rank highest. Source: Stanford Persuasive Technology Lab, Fogg et al., 2002.
Sources cited in this section
  1. Nielsen Norman Group (2016), Trustworthiness in Web Design: 4 Credibility Factors.
  2. Nielsen Norman Group (2010), Photos as Web Content (eyetracking: decorative stock photos are ignored, informative photos are studied).
  3. Stanford Persuasive Technology Lab, Fogg et al. (2002), Stanford Web Credibility Research: 46.1% of credibility comments concerned the visual design of the site.

5. What does a producer need on a media page?

Before: a media page requiring an email before anything usable is available.
Before: a media page requiring an email before anything usable is available.
After: a media page a producer can use without sending an email first.
After: a media page a producer can use without sending an email first.

UX and UI analysis, before against after

Before: what the design cost the visitor

  • An email was required before anything was usable. A producer booking a guest on a deadline needs a bio, a headshot and a topic list immediately. Gating them behind an email is a form placed before its purpose, and the form research shows people abandon exactly that. Source: Nielsen Norman Group, 2018.
  • The fastest visitor was the most blocked. The person under the most time pressure had to wait for a reply. That is the foraging cost the research says drives people to the next source. Source: Xerox PARC, Pirolli and Card, Psychological Review, 1999.
  • No status, no timeline. Nothing told the producer whether or when anything would arrive, which is the visibility failure the heuristics name first. Source: Nielsen Norman Group, 2024.

After: what changed and why it works

  • Usable without sending an email. Bio, photos and topics are on the page and downloadable, so a producer can use them in the minutes they have. Source: Nielsen Norman Group, 2018.
  • Everything in scan order. The assets a producer needs are chunked and labelled, so they can be found and taken without reading. Source: Nielsen Norman Group, 2016.
  • Contact remains, but as a second step. The email route is still there for anything the page does not cover, placed after the value rather than in front of it. Source: Nielsen Norman Group, 2024.
Sources cited in this section
  1. Nielsen Norman Group (2018), Website Forms Usability: Top 10 Recommendations.
  2. Xerox PARC, Pirolli and Card, Psychological Review (1999), Information Foraging: people follow the strongest scent toward the answer and leave when it weakens.
  3. Nielsen Norman Group (2024), 10 Usability Heuristics for User Interface Design.
  4. Nielsen Norman Group (2016), How Chunking Helps Content Processing.

6. What should a speaking page state before the enquiry?

Before: a speaking page without formats, topics or audience.
Before: a speaking page without formats, topics or audience.
After: a speaking page stating formats and topics, then 1 enquiry action.
After: a speaking page stating formats and topics, then 1 enquiry action.

UX and UI analysis, before against after

Before: what the design cost the visitor

  • No formats, topics or audience. An organiser deciding whether to book a speaker needs to know what talks exist, how long they run and who they suit. Without those, the enquiry form asked for interest the page had not earned. Source: Nielsen Norman Group, 2018.
  • The page could not be scanned for fit. With nothing listed, a scanning reader had no way to match the speaker to their event. Source: Nielsen Norman Group, 1997.
  • Trust without evidence. A speaking page that does not show past formats and topics offers no demonstrated expertise, which the credibility research treats as essential. Source: Nielsen Norman Group, 2016.

After: what changed and why it works

Sources cited in this section
  1. Nielsen Norman Group (2018), Website Forms Usability: Top 10 Recommendations.
  2. Nielsen Norman Group (1997), How Users Read on the Web (79% of users scan rather than read).
  3. Nielsen Norman Group (2016), Trustworthiness in Web Design: 4 Credibility Factors.
  4. Columbia University and Stanford University, Iyengar and Lepper, Journal of Personality and Social Psychology (2000), When Choice is Demotivating: more options reduced purchase rate roughly tenfold.
  5. Nielsen Norman Group (2017), Comparison Tables for Products, Services, and Features.

7. How should published work be presented?

Before: books listed as images with no description or route to purchase.
Before: books listed as images with no description or route to purchase.
After: a books page with the description and the purchase route beside each title.
After: a books page with the description and the purchase route beside each title.

UX and UI analysis, before against after

Before: what the design cost the visitor

  • Books as images with no description. A cover image alone tells a reader nothing about the book. The photo research finds that an image without accompanying information is treated as decoration and passed over. Source: Nielsen Norman Group, 2010.
  • No route to purchase. The page showed the books but gave no way to buy them, which is a dead end where the visitor’s intent was clearest. Source: Xerox PARC, Pirolli and Card, Psychological Review, 1999.
  • Nothing for an engine to cite. Without a title, a description and a link, the books did not exist as answerable facts on the web. Source: Google Search Central, 2024.

After: what changed and why it works

  • Description beside each title. Every book now carries a paragraph saying what it is and who it is for, which turns a cover into information. Source: Nielsen Norman Group, 2010.
  • A purchase route next to each book. The action sits beside the item, so a reader who decides can act without hunting. Source: Nielsen Norman Group, 2013.
  • Citable entries. Title, description and link give search and answer engines a complete fact to return when someone asks what this author has published. Source: Google Search Central, 2024.
Sources cited in this section
  1. Nielsen Norman Group (2010), Photos as Web Content (eyetracking: decorative stock photos are ignored, informative photos are studied).
  2. Xerox PARC, Pirolli and Card, Psychological Review (1999), Information Foraging: people follow the strongest scent toward the answer and leave when it weakens.
  3. Google Search Central (2024), Creating helpful, reliable, people-first content.
  4. Nielsen Norman Group (2013), Minimize Cognitive Load to Maximize Usability.

8. How many ways to make contact is the right number?

Before: a contact page offering several competing routes and no indication of which is fastest.
Before: a contact page offering several competing routes and no indication of which is fastest.
After: a contact page with 1 primary route and the reply expectation stated.
After: a contact page with 1 primary route and the reply expectation stated.

UX and UI analysis, before against after

Before: what the design cost the visitor

After: what changed and why it works

Sources cited in this section
  1. Columbia University and Stanford University, Iyengar and Lepper, Journal of Personality and Social Psychology (2000), When Choice is Demotivating: more options reduced purchase rate roughly tenfold.
  2. Nielsen Norman Group (2013), Minimize Cognitive Load to Maximize Usability.
  3. Nielsen Norman Group (2024), 10 Usability Heuristics for User Interface Design.
  4. Nielsen Norman Group (2017), Plain Language Is for Everyone, Even Experts.

Before against after, with the measured column

WhatBeforeAfterMeasured
Audience routing1 page for 4 audiences8 pages, 1 audience eachNot measured
CredentialBelow the narrativeLeads the biography pageNot measured
Media accessEmail required firstUsable on the pageNot measured
CitabilityProse, no structureStructured headings and metadataNot measured

What was built?

  • A brand system covering mark, type, colour and layout rules, applied across all 8 pages.
  • 8 pages, 1 question each for media, clients, speaking and published work.
  • A media page a producer can use without sending an email to get anything.
  • Structured headings and metadata so an answer engine can cite the practice without a person in the loop.

What changed, and what is not claimed?

8 pages shipped, each carrying 1 audience and 1 question, on a brand system that covers mark, type, colour and layout. The media page can be used without an email, and the pages are structured so a fact can be lifted out of them and cited correctly.

What this case cannot tell you

  • Whether the redesign changed enquiry volume or quality.
  • Whether the media page produced more bookings.
  • Whether the speaking page shortened the enquiry cycle.
  • Whether the structural work increased citations in answer engines.

The honest limitation

No performance data exists for this rebuild. No analytics survived it. Everything on this page is an architecture claim and should be read as one.

This engagement runs as Website Design.

Get an Estimate
Thirty minutes

Pick a time. We set the baseline on the call.

Mobile conversion rate, AI-referred traffic and lead count, measured before any work starts. You leave with the window and the number, whether or not you hire me.

Thirty-minute call with Joshua Open in a new tab

If the calendar does not load here, the host is blocking the frame. Open it in a new tab with the link above.

×

Privacy Preference Center