Home All Projects About Resume Get In Touch
← All Projects
Case Study 03 / 04
Consulting · SaaS · Internal UX Leadership

3PILLAR
GLOBAL

Trusted to lead the redesign of my own employer's website — live, in production, without taking the platform down for a day.

Scope
Internal
Company's own homepage + landing pages
My Role
UX Lead
Research, Strategy, Design
Challenge
Live site
Redesigned without downtime
Outcome
↑↑ visits
Increased visits & engagement
Overview

After demonstrating what I was capable of on client engagements, 3Pillar Global asked me to turn that same lens inward — to lead the UX research and redesign of their own company website. It was a signal of trust, and a genuinely difficult brief.

Unlike client work where you can build behind the scenes and flip a switch, this redesign had to happen on a live platform. The existing site had to stay functional for potential clients during the entire design and development process — no dark mode, no staging-only phase, no clean slate.

The Core Brief

Make 3Pillar stand out to enterprise decision-makers who are building a vendor shortlist. They have minutes, not hours. The site needs to immediately communicate capability, quality, and differentiation.

Client3Pillar Global (Internal)
IndustrySoftware Product Consultancy
PlatformCorporate Website + Landing Pages
My RoleUX Lead — Research, Design, Strategy
ConstraintLive site — no downtime permitted
Primary AudienceEnterprise Decision-Makers, Procurement
DeliverablesHomepage, Landing Pages, Component System
Result↑ Visits · ↑ Engagement · ↑ Key Feature Use
Research Findings

WHAT WE
DISCOVERED

We weren't guessing. Every design decision mapped to a research finding. Here are the four that shaped the redesign most.

Finding 01

The site wasn't speaking to the right person

The real audience wasn't a developer or a designer — it was a procurement liaison building a shortlist for an executive. They needed to justify 3Pillar's inclusion in three sentences. The site wasn't giving them those sentences.

Finding 02

Too many CTAs created decision paralysis

Nearly every section had a call-to-action — and they all led to the same contact page. Users stopped clicking because the volume signaled noise, not guidance. They missed key information as a result.

Finding 03

The talent wasn't visible

3Pillar has genuine depth — complex projects, impressive outcomes, talented teams. None of that was surfaced in a way that created confidence on first scroll. The work was there; the signal wasn't.

Finding 04

Photography was actively hurting credibility

Outdated imagery, generic group shots without branding, and apparent stock photos made some prospects assume 3Pillar was smaller or less serious than it actually was. Visuals were a liability.

Process

DESIGNING
WHILE THE PLANE
IS FLYING

Every design decision had to be defensible, sequenced, and deployable in phases — because the live site could never go dark.

Step 01

AUDIENCE DEFINITION

Reframed the primary user from "anyone who visits" to "the person building the vendor shortlist." Everything downstream — messaging, IA, CTAs — was filtered through this lens.

  • Stakeholder interviews to align on target visitor profiles
  • Competitive analysis of peer consultancy websites
  • Persona development for decision-maker and influencer roles
  • Priority mapping: what must be true on first scroll
Step 02

CTA STRATEGY

Audited every call-to-action on the site. Reduced total CTAs, differentiated by intent (learn more vs. contact vs. explore work), and created a clear hierarchy that guided visitors through a deliberate journey.

  • CTA inventory and click-path analysis
  • Destination audit — where did all those CTAs actually go?
  • New CTA framework: primary, secondary, contextual
  • A/B concept testing with target-profile users
Step 03

WORK SHOWCASE DESIGN

Designed a case study and portfolio section that led with outcomes, not process. Enterprise decision-makers want to see problems similar to theirs, solved by someone who clearly understood what they were doing.

  • Case study template system for consistent presentation
  • Industry and capability filtering for the work gallery
  • Visual hierarchy designed for scan-then-dive reading patterns
  • Outcome-first copy framework for all project descriptions
Step 04

PROTOTYPE TESTING

Built prototypes of the new designs and tested them directly against the existing site with users who matched the target profile. The results were decisive — and gave us the internal buy-in to ship.

  • Comparative usability testing: old vs. new
  • Task completion rates and time-on-task measurement
  • Stakeholder readout using G/B/D/O framework
  • Phased rollout plan to maintain live site stability
Design Evolution

THREE PHASES
TO LAUNCH

📎 Artifact Placeholder

Insert wireframe progression, before/after screens, or Figma embeds here
01

"Hospital Boarding" — Structural Scaffolding

Low-fidelity wireframes focused entirely on layout, IA, and content hierarchy. No visual design — just the skeleton. Used to validate the new information architecture before any aesthetic investment.

Lo-fi wireframesIA auditStakeholder alignment
02

Presentation Layer — Getting into the Details

Mid-fidelity designs addressing how information is presented, not just where it lives. Explored CTA treatments, typography hierarchy, and how the work showcase could lead with outcomes.

Mid-fi mockupsCTA designCopy framework
03

Final Designs — Development-Ready

High-fidelity, fully annotated designs ready for handoff. Tested against the existing site. Validated with target users. Delivered with a phased rollout plan to protect the live platform.

Hi-fi designsDev handoffPhased rollout
Outcomes & Learnings

WHAT WE
DELIVERED

📊

Increased Visits & Engagement

Post-launch saw an influx in site visits and measurably higher engagement with key features — including the work showcase and contact flows.

🏗️

Live Redesign — Zero Downtime

The entire redesign was executed on a live production site. Phased rollout ensured continuous availability throughout the entire process.

🎯

Prototype Validation Drove Buy-In

Testing the new design directly against the old one with real users gave leadership the evidence they needed to commit to the full rollout confidently.

Lesson 01

Designing for yourself is harder than it looks

Internal stakeholders have more opinions, more access, and more history with every decision. Managing that required all the same skills as client work — plus extra political navigation.

Lesson 02

The audience for a B2B site is almost never who you think

Reframing from "potential clients" to "the person building the shortlist for an executive" changed every single design decision downstream.

Lesson 03

Fewer CTAs, more conversions

Counterintuitive but consistent: reducing the number of calls-to-action and differentiating them by intent increased the rate at which users actually took action.

Lesson 04

Prototype testing is the fastest path to organizational alignment

Every internal debate was resolved faster when we could show rather than argue. The G/B/D/O readout format helped leadership act on findings, not just receive them.

Next Case Study
ROGUE
DYNAMICS
View Case Study →

LIKE WHAT
YOU SEE?

Open to senior/lead UX roles and director-level engagements.

Get In Touch → ← All Projects