Project Type

Self-initiated proof of concept

My Role

User Research

UX Design

UI Design

Prototyping

Usability Testing

Tools

Figma

FigJam

Adobe CC

Duration

10 Weeks (2025)

Project Type

Self-initiated proof of concept

Tools

Figma

FigJam

Adobe CC

My Role

User Research

UX Design

UI Design

Prototyping

Usability Testing

Duration

10 Weeks (2025)

The challenge

The challenge

The companies best at telling other people's stories sometimes haven't had the bandwidth to tell their own.

Across the industry, creative agencies pour their energy into client work and let their own digital presence wait its turn. That's a fair trade-off. But it raised a question I wanted to explore: when a good-fit client lands on a creative agency's site, what makes them reach out, and what quietly holds them back?

So I took it on as a self-initiated project: not a redesign brief, but an exploration of what a site could do if it were built entirely around the person on the other end.

Below is the company solution reference point:

Discovery

Discovery

There are very few agencies doing exactly what Whitewall does. The ones that do it well make it easy to believe in them.

Competitive intelligence

Most of what the competitive analysis confirmed, I'd expected. I looked at three agencies at a comparable scale: Create London (event production), Kiss (B2B marketing), and WMH&I (brand design). The strongest had three things in common:

Proof first: client names and case studies lead, the copy follows.

A clear offer: you understand the service in one read, with nothing to decode.

Browsable proof: the portfolio is sorted by the kind of project you arrived for.

Most of what the competitive analysis confirmed, I'd expected. I looked at three agencies at a comparable scale: Create London (event production), Kiss (B2B marketing), and WMH&I (brand design). The strongest had three things in common:

Proof first: client names and case studies lead, the copy follows.

A clear offer: you understand the service in one read, with nothing to decode.

Browsable proof: the portfolio is sorted by the kind of project you arrived for.

Useful baseline, nothing surprising.

Most of what the competitive analysis confirmed, I'd expected. I looked at three agencies at a comparable scale: Create London (event production), Kiss (B2B marketing), and WMH&I (brand design). The strongest had three things in common:

Proof first: client names and case studies lead, the copy follows.

A clear offer: you understand the service in one read, with nothing to decode.

Browsable proof: the portfolio is sorted by the kind of project you arrived for.

The less obvious finding came from looking at the market more broadly. Most event companies don't offer design services. Most design agencies don't produce events. Whitewall does both, and there are very few others that do. That's a genuinely differentiated position, and it's also the thing that's hardest to communicate to someone arriving without context.

User research

User research

I wanted to understand two perspectives on the same site: the people it's trying to reach, and the team who relies on it to represent the company.

I interviewed three participants via 1:1 Zoom sessions: internal team members who use the site professionally, and a professional who works alongside the agency commissioning process, with regular contact with event and creative agencies, though not in the decision-making role itself.

Research Objectives

I wanted to understand:

  • How people experience creative agency websites, and what makes them feel useful, inspiring, or trustworthy when evaluating a potential partner

  • How Whitewall's team perceives the studio's identity, values, and ideal clients, and how they think potential clients first encounter and evaluate the studio

I wanted to understand:

  • How people experience creative agency websites, and what makes them feel useful, inspiring, or trustworthy when evaluating a potential partner

  • How Whitewall's team perceives the studio's identity, values, and ideal clients, and how they think potential clients first encounter and evaluate the studio

I wanted to understand:

  • How people experience creative agency websites, and what makes them feel useful, inspiring, or trustworthy when evaluating a potential partner

  • How Whitewall's team perceives the studio's identity, values, and ideal clients, and how they think potential clients first encounter and evaluate the studio

I wanted to understand:

  • How people experience creative agency websites, and what makes them feel useful, inspiring, or trustworthy when evaluating a potential partner

  • How Whitewall's team perceives the studio's identity, values, and ideal clients, and how they think potential clients first encounter and evaluate the studio

*A note on participants: This project was completed evenings and weekends alongside full-time work, which shaped what was practically possible for recruitment. I couldn't access direct clients, so my participant pool was proximate rather than ideal. In a commissioned engagement I'd recruit more directly from the target audience.

Key insights

Key insights

Everyone I spoke to said some version of the same thing: I need to know who you are before I can trust you with my brief.

Affinity Mapping

Affinity mapping converged on three groups: clarity and mutual trust, company culture and fit, and organic reach. Cross-referencing what the internal team needs the site to convey against what clients look for when evaluating a partner broke each group down further, into seven specific insights.

Clarity and Mutual Trust

  • Proof of expertise: Case studies and visible work carry more weight than any copy.

  • Confidence in delivery: Evidence of process, capacity, and follow-through matters as much as the portfolio itself.

  • Clarity on the offer: The 360° model is an asset, but only if visitors understand what it means for them.

Company Culture and Fit

  • Cultural fit: Clients want to understand the people and culture behind the work before committing.

  • Distinctiveness: Clients value a partner who gets room to flex creative muscles, not one delivering strictly by the book.

  • Ease of contact: Every participant wanted an early, low-friction route to a real conversation.

Organic Reach

  • Earned reputation: The team wants clients to come to them, not the other way round, but most work still comes from chasing leads.

The user

The user

Bold design, accessibility considered, seamless delivery. They need a partner who delivers without needing to be managed.

Name: Jordan
Age: 36
Job Title: Marketing Director | Mid-sized Silicon Valley tech company

Jordan's company is launching a major hybrid event across London, San Francisco, and global streaming. With a stretched team and a full life outside work, they need a long-term creative partner who gets it, brings fresh ideas, and delivers without needing to be managed.

Jordan has deuteranopia (green-cone colour blindness) and works in colour constantly. Accessibility isn't a checkbox for Jordan. It's the first sign of whether a partner pays attention to the things that don't announce themselves. Miss that, and Jordan stops trusting the rest of the page.

Name: Jordan
Age: 36
Job Title: Marketing Director | Mid-sized Silicon Valley tech company

Jordan's company is launching a major hybrid event across London, San Francisco, and global streaming. With a stretched team and a full life outside work, they need a long-term creative partner who gets it, brings fresh ideas, and delivers without needing to be managed.

Jordan has deuteranopia (green-cone colour blindness) and works in colour constantly. Accessibility isn't a checkbox for Jordan. It's the first sign of whether a partner pays attention to the things that don't announce themselves. Miss that, and Jordan stops trusting the rest of the page.

Name: Jordan
Age: 36
Job Title: Marketing Director | Mid-sized Silicon Valley tech company

Jordan's company is launching a major hybrid event across London, San Francisco, and global streaming. With a stretched team and a full life outside work, they need a long-term creative partner who gets it, brings fresh ideas, and delivers without needing to be managed.

Jordan has deuteranopia (green-cone colour blindness) and works in colour constantly. Accessibility isn't a checkbox for Jordan. It's the first sign of whether a partner pays attention to the things that don't announce themselves. Miss that, and Jordan stops trusting the rest of the page.

Name: Jordan
Age: 36
Job Title: Marketing Director | Mid-sized Silicon Valley tech company

Jordan's company is launching a major hybrid event across London, San Francisco, and global streaming. With a stretched team and a full life outside work, they need a long-term creative partner who gets it, brings fresh ideas, and delivers without needing to be managed.

Jordan has deuteranopia (green-cone colour blindness) and works in colour constantly. Accessibility isn't a checkbox for Jordan. It's the first sign of whether a partner pays attention to the things that don't announce themselves. Miss that, and Jordan stops trusting the rest of the page.

"I'm not looking for another vendor to manage. I just need someone who gets it and runs with it."
"I'm not looking for another vendor to manage. I just need someone who gets it and runs with it."

the user journey

the user journey

Every stage in Jordan's journey has a trust problem. The website is the first chance to start solving it.

Jordan's route to a partner isn't a funnel. It's a run of trust tests, and the website is the first.

Mapping Jordan's journey from first search to confirmed partner, four pain points kept resurfacing, each one just looking a bit different at each stage:

"I can't tell who to trust."

"I won't know if we click until it's too late."

"I'll end up managing them myself."

"When I'm finally ready, reaching out is harder than it should be."

These needs aren't assumed. Each one is lifted straight from the interviews: when participants said they needed proof before trusting someone with a brief, that became Jordan's need at Consideration. The map tracks where each one surfaces, and where the solution can answer it.

Stage 2

Consideration

Jordan's Actions

Visits websites, compares agencies, evaluates proof of work.

Jordan's Needs

Find necessary information to make a confident decision.

Jordan's Pain Points

Too many agencies blend together; hard to find the information needed to decide.

Stage 1

Awareness

Jordan's Actions

Searches for agencies via Google, social media, and recommendations.

Jordan's Needs

Quickly understand who's out there and who's worth trusting.

Jordan's Pain Points

Too many options, unclear messaging, boring campaigns; hard to know who to trust.

Stage 5

Loyalty

Jordan's Actions

Reflects on the experience, considers future work.

Jordan's Needs

Feel the relationship was worth it and the value continues.

Jordan's Pain Points

Burnout from delivering something massive; pressure to guarantee future work before feeling ready.

Stage 4

Service

Jordan's Actions

Works with the agency through the project.

Jordan's Needs

Clear communication, reliable delivery, handled without hand-holding.

Jordan's Pain Points

Having to trust the agency or fix things yourself; admin burden from poor communication.

Stage 3

Acquisition

Jordan's Actions

Makes contact, arranges a call, assesses cultural fit.

Jordan's Needs

Connect with the right agency and confirm alignment before committing.

Jordan's Pain Points

Potential mismatch only discovered after contact; agencies slow or unresponsive.

Stage 1

Awareness

Jordan's Actions

Searches for agencies via Google, social media, and recommendations.

Jordan's Needs

Quickly understand who's out there and who's worth trusting.

Jordan's Pain Points

Too many options, unclear messaging, boring campaigns; hard to know who to trust.

Stage 2

Consideration

Jordan's Actions

Visits websites, compares agencies, evaluates proof of work.

Jordan's Needs

Find necessary information to make a confident decision.

Jordan's Pain Points

Too many agencies blend together; hard to find the information needed to decide.

Stage 3

Acquisition

Jordan's Actions

Makes contact, arranges a call, assesses cultural fit.

Jordan's Needs

Connect with the right agency and confirm alignment before committing.

Jordan's Pain Points

Potential mismatch only discovered after contact; agencies slow or unresponsive.

Stage 4

Service

Jordan's Actions

Works with the agency through the project.

Jordan's Needs

Clear communication, reliable delivery, handled without hand-holding.

Jordan's Pain Points

Having to trust the agency or fix things yourself; admin burden from poor communication.

Stage 5

Loyalty

Jordan's Actions

Reflects on the experience, considers future work.

Jordan's Needs

Feel the relationship was worth it and the value continues.

Jordan's Pain Points

Burnout from delivering something massive; pressure to guarantee future work before feeling ready.

STAGE
STAGE
AWARENESS
AWARENESS
CONSIDERATION
CONSIDERATION
ACQUISITION
ACQUISITION
SERVICE
SERVICE
LOYALTY
LOYALTY
Jordan's Actions
Jordan's Actions

Searches for agencies via Google, social media, and recommendations

Visits websites, compares agencies, evaluates proof of work

Makes contact, arranges a call, assesses cultural fit

Works with the agency through the project

Reflects on the experience, considers future work

Jordan's Needs
Jordan's Needs

Quickly understand who's out there and who's worth trusting

Find necessary information to make a confident decision

Connect with the right agency and confirm alignment before committing

Clear communication, reliable delivery, agency handles it without hand-holding

Feel the relationship was worth it and the value continues

Pain Points
Pain Points

Too many options, unclear messaging; boring campaigns that don't inspire; hard to know who to trust

Too many agencies blend together; hard to find the information needed to decide

Potential mismatch only discovered after contact; agencies slow or unresponsive at this stage

Things going wrong and having to either trust the agency or fix it themselves; admin burden increased by poor agency communication

Burnout from delivering something massive; pressure to guarantee future work before feeling ready

How might we

How might we

How might we make Jordan feel like they've already met their perfect match, before they've sent a single email?

Three HMW questions shaped the design brief:

Three HMW questions shaped the design brief:

Three HMW questions shaped the design brief:

How might we…

help Jordan feel they've already met their match before they've sent an email?

ease the path to those face-to-face conversations where fit gets decided?

give Jordan the confidence to act without overwhelming them?

give Jordan the confidence to act without overwhelming them?

give Jordan the confidence to act without overwhelming them?

Feature Prioritization

Feature Prioritization

Not everything could be built. I prioritised features that reduced friction and built trust, in that order.

High impact, lower effort:

  • Case studies: the proof people trust before anything else

  • About / Who We Are: the cultural fit they want to feel before committing

  • Services: clarity on the 360° offer, so no one has to decode it

  • Calendly integration: the fastest route to a real conversation

  • Contact form: visible and prominent, so reaching out never feels like work

High impact, higher effort:

  • Insights / blog: demonstrates thought leadership and keeps the site active

  • Individual team member pages: the human layer

Future iteration:

  • Events / recent activity: amplifies the human layer

High impact, lower effort:

  • Case studies: the proof people trust before anything else

  • About / Who We Are: the cultural fit they want to feel before committing

  • Services: clarity on the 360° offer, so no one has to decode it

  • Calendly integration: the fastest route to a real conversation

  • Contact form: visible and prominent, so reaching out never feels like work

High impact, higher effort:

  • Insights / blog: demonstrates thought leadership and keeps the site active

  • Individual team member pages: the human layer

Future iteration:

  • Events / recent activity: amplifies the human layer

High impact, lower effort:

  • Case studies: the proof people trust before anything else

  • About / Who We Are: the cultural fit they want to feel before committing

  • Services: clarity on the 360° offer, so no one has to decode it

  • Calendly integration: the fastest route to a real conversation

  • Contact form: visible and prominent, so reaching out never feels like work

High impact, higher effort:

  • Insights / blog: demonstrates thought leadership and keeps the site active

  • Individual team member pages: the human layer

Future iteration:

  • Events / recent activity: amplifies the human layer

High impact, lower effort:

  • Case studies: the proof people trust before anything else

  • About / Who We Are: the cultural fit they want to feel before committing

  • Services: clarity on the 360° offer, so no one has to decode it

  • Calendly integration: the fastest route to a real conversation

  • Contact form: visible and prominent, so reaching out never feels like work

High impact, higher effort:

  • Insights / blog: demonstrates thought leadership and keeps the site active

  • Individual team member pages: the human layer

Future iteration:

  • Events / recent activity: amplifies the human layer

*One thing testing reinforced: Insights deserved higher priority than I initially assigned it. An agency that has a genuine point of view is a stronger trust signal than I'd anticipated.

Sketching

Sketching

How do you make a trust signal visible before someone's read a word of copy?

The sketches were about one thing: how do you make trust visible before someone's read a word? I explored surfacing proof early through visuals, testimonials, and clearly named services, and building in a Calendly route so people could get to those face-to-face conversations quickly. Starting points shaped by the research, not finished answers.

The sketches were about one thing: how do you make trust visible before someone's read a word? I explored surfacing proof early through visuals, testimonials, and clearly named services, and building in a Calendly route so people could get to those face-to-face conversations quickly. Starting points shaped by the research, not finished answers.

The sketches were about one thing: how do you make trust visible before someone's read a word? I explored surfacing proof early through visuals, testimonials, and clearly named services, and building in a Calendly route so people could get to those face-to-face conversations quickly. Starting points shaped by the research, not finished answers.

Wireframes

Wireframes

Every page was structured around a single question: what does Jordan need to feel ready to reach out?

From the sketches I developed mid-fidelity wireframes, organising information in a way that prioritised visuals and showcased the services the research said mattered. I added a section to highlight the company's process, and a section to reference major clients, because sometimes projects are confidential and a case study isn't ready, but the client name still builds credibility.

These are a few of the key screens:

From the sketches I developed mid-fidelity wireframes, organising information in a way that prioritised visuals and showcased the services the research said mattered. I added a section to highlight the company's process, and a section to reference major clients, because sometimes projects are confidential and a case study isn't ready, but the client name still builds credibility.

These are a few of the key screens:

From the sketches I developed mid-fidelity wireframes, organising information in a way that prioritised visuals and showcased the services the research said mattered. I added a section to highlight the company's process, and a section to reference major clients, because sometimes projects are confidential and a case study isn't ready, but the client name still builds credibility.

These are a few of the key screens:

Homepage
Homepage
Homepage

Leads with a featured case study, builds credibility through partner highlights and testimonials, and closes with a contact prompt.

Leads with a featured case study, builds credibility through partner highlights and testimonials, and closes with a contact prompt.

Leads with a featured case study, builds credibility through partner highlights and testimonials, and closes with a contact prompt.

Work
Work
Work

An evidence-first portfolio, filterable by service, so visitors land on relevant proof fast.

An evidence-first portfolio, filterable by service, so visitors land on relevant proof fast.

An evidence-first portfolio, filterable by service, so visitors land on relevant proof fast.

Contact
Contact
Contact

Multiple routes in, with Calendly set as the primary path to a real conversation.

Multiple routes in, with Calendly set as the primary path to a real conversation.

Multiple routes in, with Calendly set as the primary path to a real conversation.

Services, About, and Insights follow the same layout system shown above. You can explore every screen in the prototype linked below.

Services, About, and Insights follow the same layout system shown above. You can explore every screen in the prototype linked below.

Services, About, and Insights follow the same layout system shown above. You can explore every screen in the prototype linked below.

Wireframe testing

Wireframe testing

Contact was the easiest part. Credibility and culture needed more scaffolding.

I ran usability testing on the wireframes with 3 participants across three tasks:

I ran usability testing on the wireframes with 3 participants across three tasks:

I ran usability testing on the wireframes with 3 participants across three tasks:

2 of 3 completed

TASK 01

“Show me how you assess the company’s experience”

Objective: Would users find proof of expertise on their own?

Result: Users didn't navigate the way I'd designed for: one skipped the homepage for the Studio page, and the word "experience" read as "the whole site" for others. Underneath, greyed-out wireframes made work hard to judge without images, and people reached for different proof, testimonials, named clients, scale, not just case studies.

People don't evaluate credibility the same way, and a homepage can't assume the scroll.

3 of 3 completed

TASK 02

“Show me how you learn more about the company's culture”

Objective: Could users find cultural-fit signals?

Result: I'd built a Studio page to carry culture; instead users read it off the homepage, the clients, the Insights, even the "international agency" line, overturning my own assumption. Two asks surfaced: explicit values and commitments (B Corp style), not culture implied by team photos; and clearer labels, since "Studio" and "Insights" confused participants from the non-creative sectors that make up much of Whitewall's client base.

Culture is judged across the whole site, and the navigation has to read to people outside the industry.

1 of 3 completed

TASK 03

“Show me how you reach out to the company”

Objective: Is contact low-friction?

Result: The two failures were the most useful data: a contact email linked nowhere and a Calendly went unlinked. But the deeper issue was trust, one user read Calendly as a marketing tactic rather than a route to a person, and wanted a trackable direct email plus a visible physical address as proof of a real company.

Contact isn't one flow. People want options, and the route they trust is itself a signal.
Consistent findings

The "Studio" page title confused all three participants. Users need a variety of ways to navigate and contact, because evaluation methods vary.

High fidelity

High fidelity

Jordan loves bold, accessible design. That's not a tension to resolve. That's the brief.

What changed from Wireframe testing
What changed from Wireframe testing
What changed from Wireframe testing

Three specific changes came directly from the testing findings.

The header section and mission statement were separated to reduce clutter and anchor the company name more clearly.

Clickable arrows were added between homepage sections to guide users through the page rather than assuming they'd scroll.

And contact was expanded: the Calendly was moved below the contact form in response to users who found it intimidating, and a physical address and phone number were added to build trust and give people multiple ways to reach out.

Three specific changes came directly from the testing findings.

The header section and mission statement were separated to reduce clutter and anchor the company name more clearly.

Clickable arrows were added between homepage sections to guide users through the page rather than assuming they'd scroll.

And contact was expanded: the Calendly was moved below the contact form in response to users who found it intimidating, and a physical address and phone number were added to build trust and give people multiple ways to reach out.

Three specific changes came directly from the testing findings.

The header section and mission statement were separated to reduce clutter and anchor the company name more clearly.

Clickable arrows were added between homepage sections to guide users through the page rather than assuming they'd scroll.

And contact was expanded: the Calendly was moved below the contact form in response to users who found it intimidating, and a physical address and phone number were added to build trust and give people multiple ways to reach out.

Homepage
Homepage
Homepage

Separated header and mission statement, with clickable arrows guiding the scroll

Separated header and mission statement, with clickable arrows guiding the scroll

Separated header and mission statement, with clickable arrows guiding the scroll

Contact
Contact
Contact

Email, form, or Calendly, in that order, with a number and address for reassurance

Email, form, or Calendly, in that order, with a number and address for reassurance

Email, form, or Calendly, in that order, with a number and address for reassurance

The Brand Expression
The Brand Expression
The Brand Expression

I trimmed back from the original red, white, and blue in favour of purple-blue, yellow, and dark grey, a palette tested through a colour-blind simulator and meeting WCAG AA standards throughout. The typeface came from the existing design system: bold, legible, already embedded in the brand. A neon sign motif runs through the design, referencing the logo's energy and reinforcing the 360° offer. Mission, culture, and contact are prioritised in that order.

I trimmed back from the original red, white, and blue in favour of purple-blue, yellow, and dark grey, a palette tested through a colour-blind simulator and meeting WCAG AA standards throughout. The typeface came from the existing design system: bold, legible, already embedded in the brand. A neon sign motif runs through the design, referencing the logo's energy and reinforcing the 360° offer. Mission, culture, and contact are prioritised in that order.

I trimmed back from the original red, white, and blue in favour of purple-blue, yellow, and dark grey, a palette tested through a colour-blind simulator and meeting WCAG AA standards throughout. The typeface came from the existing design system: bold, legible, already embedded in the brand. A neon sign motif runs through the design, referencing the logo's energy and reinforcing the 360° offer. Mission, culture, and contact are prioritised in that order.

Prototype testing

Prototype testing

The same three tasks, tested again. What had improved, and what still needed work.

I re-ran the same three tasks on the high-fidelity prototype.

I re-ran the same three tasks on the high-fidelity prototype.

I re-ran the same three tasks on the high-fidelity prototype.

3 of 3 completed

TASK 01

“Show me how you assess the company’s previous experience”

Objective: This task tripped users at wireframe stage, so could they now read the company's experience straight from the work?

Result: Adding real images was the single biggest lift from the wireframe round, work became far easier to assess and the site more engaging. Two things still showed: users again took different routes to the same answer (reconfirming a homepage can't assume one path), and repetition between the homepage and work page read as a limited portfolio. The broken top-navigation link surfaced here, users reached the work via the footer.

Images do the trust work copy can't, but the navigation has to actually function.

3 of 3 completed

TASK 02

“Show me how you learn more about the company's culture”

Objective: Last round users found the team but wanted more, so would the prototype give them enough to judge fit?

Result: Users read culture more confidently, but repeated the wireframe round's strongest signal: they wanted values stated outright, a named values or D&I section, not culture left implied. "Insights" still confused participants, an unresolved carry-over. A hover feature on "What We've Been Up To" came up as a way to add context without leaving the page.

Values need to be said, not shown, and the jargon still needs fixing.

3 of 3 completed

TASK 03

“Show me how you reach out to the company”

Objective: Would the contact routes added after the wireframe round work for the people Calendly hadn't?

Result: The contact routes added after the wireframe round worked. The homepage email section resonated, users liked copying the address directly (the trackable route last round had asked for), one chose the form over Calendly because it didn't make them leave the site, and the budget drop-down was singled out for managing expectations early.

Giving people options fixed the round-one failure outright.
Across the Round

The visual system landed and optionality in contact paid off. The clearest remaining risk was functional, not conceptual, the broken top-navigation link had to be fixed before final build, and running this round so soon after the wireframes limited how much fresh feedback it surfaced.

THE FINAL SOLUTION

THE FINAL SOLUTION

A website that leads with proof, makes contact effortless, and feels like the start of a relationship, not a pitch.

What changed from prototype testing
What changed from prototype testing
What changed from prototype testing

Three further changes came out of the prototype testing round.

Subtle rounded corners were added throughout: a participant read the sharper blocks as "less like a PowerPoint" and noted that rounded corners feel more modern and approachable, which fit the round's persistent theme of trust and approachability. The change softens a bold brand without undermining it.

A hover feature was added to the "What We've Been Up To" section so users could get more cultural context without having to navigate away. The featured case study block was removed from the Work page to let users find the type of work they were looking for directly, without the distraction of a promoted piece reinforcing the sense of a small portfolio.

On values: The company's stated values sit closer to professional principles than to broader life commitments. "Make every moment count" is an ethos, not yet a full values framework. Adding explicit values to the site would need to be an internal conversation first. That's noted as a next step.

Three further changes came out of the prototype testing round.

Subtle rounded corners were added throughout: a participant read the sharper blocks as "less like a PowerPoint" and noted that rounded corners feel more modern and approachable, which fit the round's persistent theme of trust and approachability. The change softens a bold brand without undermining it.

A hover feature was added to the "What We've Been Up To" section so users could get more cultural context without having to navigate away. The featured case study block was removed from the Work page to let users find the type of work they were looking for directly, without the distraction of a promoted piece reinforcing the sense of a small portfolio.

On values: The company's stated values sit closer to professional principles than to broader life commitments. "Make every moment count" is an ethos, not yet a full values framework. Adding explicit values to the site would need to be an internal conversation first. That's noted as a next step.

Three further changes came out of the prototype testing round.

Subtle rounded corners were added throughout: a participant read the sharper blocks as "less like a PowerPoint" and noted that rounded corners feel more modern and approachable, which fit the round's persistent theme of trust and approachability. The change softens a bold brand without undermining it.

A hover feature was added to the "What We've Been Up To" section so users could get more cultural context without having to navigate away. The featured case study block was removed from the Work page to let users find the type of work they were looking for directly, without the distraction of a promoted piece reinforcing the sense of a small portfolio.

On values: The company's stated values sit closer to professional principles than to broader life commitments. "Make every moment count" is an ethos, not yet a full values framework. Adding explicit values to the site would need to be an internal conversation first. That's noted as a next step.

The redesign aims to offer clarity and transparency: the company's offer, its people, and its processes. Designed for both the scanner who needs a quick read and the person who wants to go deeper.
Homepage

Proof and partner credibility up front, a contact prompt at the close. Clickable arrows guide the scroll, so the page never assumes a visitor will find their own way down.

Case Study
Case Study

The proof people trust before anything else. A full case study rather than a thumbnail, so a visitor can judge the depth of the work, not just the volume of it, the exact thing testers said made a portfolio feel bigger than its page count.

The proof people trust before anything else. A full case study rather than a thumbnail, so a visitor can judge the depth of the work, not just the volume of it, the exact thing testers said made a portfolio feel bigger than its page count.

The proof people trust before anything else. A full case study rather than a thumbnail, so a visitor can judge the depth of the work, not just the volume of it, the exact thing testers said made a portfolio feel bigger than its page count.

Case Study

The proof people trust before anything else. A full case study rather than a thumbnail, so a visitor can judge the depth of the work, not just the volume of it, the exact thing testers said made a portfolio feel bigger than its page count.

Services
Services

The 360° offer, decoded in one read. Whitewall does both design and events, a rare combination and the hardest thing to communicate to someone arriving without context. This page exists to remove that work.

The 360° offer, decoded in one read. Whitewall does both design and events, a rare combination and the hardest thing to communicate to someone arriving without context. This page exists to remove that work.

The 360° offer, decoded in one read. Whitewall does both design and events, a rare combination and the hardest thing to communicate to someone arriving without context. This page exists to remove that work.

Insights
Insights

The part the research insisted on. I'd treated thought leadership as a nice-to-have, but testing showed a genuine point of view was one of the strongest trust signals on the site, so it earns a real place in the final design rather than a footnote.

The part the research insisted on. I'd treated thought leadership as a nice-to-have, but testing showed a genuine point of view was one of the strongest trust signals on the site, so it earns a real place in the final design rather than a footnote.

The part the research insisted on. I'd treated thought leadership as a nice-to-have, but testing showed a genuine point of view was one of the strongest trust signals on the site, so it earns a real place in the final design rather than a footnote.

Insights

The part the research insisted on. I'd treated thought leadership as a nice-to-have, but testing showed a genuine point of view was one of the strongest trust signals on the site, so it earns a real place in the final design rather than a footnote.

NEXT STEPS

NEXT STEPS

The research answered some questions and opened up better ones.

This project was done evenings and weekends alongside a full-time job, which meant the participant pool was smaller and more proximate than ideal. The genuine surprise was how much the Insights section mattered. I'd treated it as a nice-to-have, and testing made clear it was earning real trust. Given more time and better access, here's what I'd do next:

This project was done evenings and weekends alongside a full-time job, which meant the participant pool was smaller and more proximate than ideal. The genuine surprise was how much the Insights section mattered. I'd treated it as a nice-to-have, and testing made clear it was earning real trust. Given more time and better access, here's what I'd do next:

This project was done evenings and weekends alongside a full-time job, which meant the participant pool was smaller and more proximate than ideal. The genuine surprise was how much the Insights section mattered. I'd treated it as a nice-to-have, and testing made clear it was earning real trust. Given more time and better access, here's what I'd do next:

Given more time and better access, here's what I'd do next:
Given more time and better access, here's what I'd do next:
Given more time and better access, here's what I'd do next:
  • Get closer to the real client in the research phase: the people who actually commission agencies, not adjacent to them

  • Map the experience of finding an agency upstream: how does Jordan discover Whitewall before they ever arrive at the site?

  • Build a mobile prototype from the start

  • A/B test the redesign against the current site

  • Develop a broader service design plan: SEO, thought leadership, social media

  • Refine the test protocol: answers got shallower as each session went on, so I'd order tasks by priority and ease of completion, and leave more time between the wireframe and prototype rounds for fuller feedback

  • Get closer to the real client in the research phase: the people who actually commission agencies, not adjacent to them

  • Map the experience of finding an agency upstream: how does Jordan discover Whitewall before they ever arrive at the site?

  • Build a mobile prototype from the start

  • A/B test the redesign against the current site

  • Develop a broader service design plan: SEO, thought leadership, social media

  • Refine the test protocol: answers got shallower as each session went on, so I'd order tasks by priority and ease of completion, and leave more time between the wireframe and prototype rounds for fuller feedback

  • Get closer to the real client in the research phase: the people who actually commission agencies, not adjacent to them

  • Map the experience of finding an agency upstream: how does Jordan discover Whitewall before they ever arrive at the site?

  • Build a mobile prototype from the start

  • A/B test the redesign against the current site

  • Develop a broader service design plan: SEO, thought leadership, social media

  • Refine the test protocol: answers got shallower as each session went on, so I'd order tasks by priority and ease of completion, and leave more time between the wireframe and prototype rounds for fuller feedback