UX Planning · Singapore

UX Planning That Earns Its Place Before Design Starts

Personas, JTBD, journey mapping, information architecture, and validated user research for enterprise B2B websites. We do the strategic UX work that makes every downstream design decision defensible and cuts revision rounds in half when build begins.

The Problem

The B2B UX Problem

Three patterns that repeat across every underperforming B2B website. The fix is structural, not cosmetic.

01

Your IA Is Designed Around Your Org Chart. Not Your Buyer.

Navigation mirrors departments. Services are grouped by how you're structured internally, not by what a visitor is trying to do. A prospect lands with a specific problem and hits a wall of corporate hierarchy. This is the mistake that drives every other UX failure on the site, and it's the one most agencies skip past because the fix is structural, not cosmetic.

02

The Personas in Your Deck Don't Inform Any Decision

You have personas. They're three names with stock photos and demographic bullet points. They live in a slide deck. Nobody on the design or content team actually uses them, because they don't say what each persona is trying to accomplish on the site, what they need at each stage, or what's blocking them. Without JTBD and journey context, personas are decoration.

03

UX Research Happens After Design. Then It's Too Late.

The wireframes get drawn. The Figma file gets built. Then someone suggests "we should test this." By that point, changes are expensive. Stakeholders are anchored. Usability problems get noted, deferred, and shipped. The pattern repeats every redesign: testing as ceremony, not as input.

Enterprise B2B Brands We've Built UX For

SAP
CommScope
NUS
BMW
Prudential
BHP

The Method

How UX Planning Runs

Four phases, sequenced so each one earns its place before the next begins. Depth scales to the engagement, but the sequence stays constant.

01
Phase 1

Audit + Discover

Read the current state before recommending anything. GA analysis (pageviews, sessions, bounce, traffic sources), content audit against the user journey, technical audit where relevant. Stakeholder interviews to surface where the website is meant to go and how it cascades across audiences. We produce a Gap Map: current state versus required state for each persona, each section. The Gap Map is the brief for everything downstream.

  • GA findings + traffic source analysis
  • Content audit against user journey
  • Stakeholder interview synthesis
  • Gap Map: current vs. required state per persona
02
Phase 2

Define the Audiences

Personas that inform decisions, not personas that decorate decks. We define up to 5 priority personas with goals, pain points, and decision triggers. For each, we map a JTBD framework: what they're trying to accomplish, in what context, with what success criteria. We then map idealised journeys through the site for each persona, so the IA work in Phase 3 has a buyer-behaviour anchor.

  • Up to 5 persona profiles with goals + pain points
  • JTBD framework per persona
  • Idealised user journeys through the site
  • Decision trigger mapping
03
Phase 3

Structure the Experience

Information architecture designed around buyer intent. Full sitemap, navigation architecture, and page hierarchy. We structure the site to solve the Gap Map from Phase 1, carrying the journey work from Phase 2. Most websites fail because their IA mirrors the org chart. We design around what visitors are trying to do, then we prove it.

  • Full sitemap and page hierarchy
  • Navigation architecture
  • Narrative positioning per section
  • Stakeholder sign-off gate
04
Phase 4

Validate + Wireframe

Test the structure with real users before anything is designed. Card sorting workshops to validate navigation against users' mental models. Tree testing to verify findability at scale. Then wireframes for 4–8 page templates, each annotated with three layers of rationale: content (what goes in each block), UX (why this layout, why this CTA placement), and journey (how the page sequences the persona toward the next step).

  • Card sorting workshops (where scoped)
  • Tree testing for IA validation
  • Wireframes for 4–8 page templates
  • 3-layer rationale: content + UX + journey

Proven Results

UX Planning in Numbers

Real outcomes from UX Planning engagements across enterprise clients in Singapore and Southeast Asia.

Above Lead Target
280%

Above lead target for Duke-NUS after persona-led IA.

Traffic Increase
33%

Traffic increase for Kaplan after persona-led redesign.

Donation Lift
45%

Donation lift for NUS Giving after JTBD-anchored navigation.

Years in Singapore
14+

Doing UX work for enterprise B2B in Singapore and Southeast Asia.

Client Results

UX Planning That Moved the Numbers

Three engagements where getting the UX foundation right before design started made everything downstream perform better.

Duke-NUS Medical School
Persona-Led IA · 1,000+ Page Rebuild

Duke-NUS Medical School

Sprawling website across multiple departments. We ran stakeholder workshops, defined personas and JTBD for prospective students, current students, faculty, and donors, then designed persona-based navigation that broke from the org-chart structure. Everything downstream was built on that validated IA.

280%
Above Lead Target
82%
CPA Reduction
Read case study
Kaplan Singapore
Persona Navigation + Programme Finder

Kaplan Singapore

Multi-institution education provider with confusing course discovery. We mapped the user journey for three audience types, then designed persona-based entry points and a multi-filter Programme Finder tool that replaced the existing department-led navigation. Still a client 6+ years later.

33%
Traffic Increase
18%
Active Users
Read case study
NUS Giving
JTBD-Anchored Navigation

NUS Giving

Brand concept and website built as one integrated project. UX planning structured the IA around 5 giving pillars grounded in donor JTBD — what each donor type was trying to accomplish and what impact story would move them to give. Navigation built around the donor journey, not the university's giving categories.

45%
Donation Increase
Self-sustaining
Content engine
Read case study

Why Construct Digital

Why Our UX Planning Holds Up

Six reasons B2B marketing and digital leaders choose us for the UX layer before design begins.

B2B websites fragmented into vendors, dashboards, and disconnected disciplines. Strategy got separated from the build, so the people designing the experience never owned whether it worked. Construct Digital was built the other way: research, IA, and the team that ships it, accountable for the outcome, not a slice of it. The UX planning isn't a deck that gets handed off and diluted. It's the foundation the rest of the site is held to.

IA designed around buyers not org charts

We Design IA Around Buyers, Not Org Charts

The core UX insight from 25 years of website work: most B2B websites fail because their IA mirrors the company's internal structure, not the buyer's intent. We design the experience around what visitors are trying to accomplish, then validate it with real users. This is the single decision that determines whether the rest of the website works.

AI-assisted research

AI-Assisted Research Compresses Timelines, Not Rigour

Persona definition, JTBD mapping, journey synthesis, and IA drafting all run on AI-assisted tooling. We compress effort, not depth. Outputs are the same quality you'd expect from a 6-week research engagement, delivered in 2–3 weeks. What you pay for is the thinking, the audience model and the IA judgement; the research production runs AI-native, so you get that compression without the senior-hour markup a manual research engagement bills for.

Every artefact is buildable

Every Artefact Is Buildable

Personas, JTBD, journeys, sitemaps, wireframes — every output is designed to inform downstream design and build, not to sit in a deck. Wireframes carry content + UX + journey rationale so the team building from them never has to guess at intent.

Validated with real users

Validated With Real Users at Scale

Card sorting workshops and tree testing with real users at the engagement levels where it matters. We don't ship IA decisions on assumption.

Platform and team agnostic

Platform- and Team-Agnostic

Our outputs are designed to feed any build team. Hand them to our developers or yours. We've delivered UX work for clients on WordPress, Sitefinity, Sitecore, Drupal, and enterprise CMS. The artefacts don't change. The decisions still hold up.

Sequenced for stakeholder approval

Sequenced for Stakeholder Approval

Every phase has a defined gate and a stakeholder review window. Approvals are sequential, not parallel — so revisions happen at the right step, not at launch.

Engagement Model

Three Engagement Shapes

UX Planning is sold as a discrete service. Engage at the depth that fits the gap, and the depth scales by how much strategic foundation you need: a light audience and IA pass, or full narrative direction with validated research. You commit at each step with the previous step's output in hand. Deliverables below; pricing is scoped per engagement and shared after the conversation.

Audit Only

Audit Only

Diagnose where the UX is leaking. GA analysis (sessions, bounce, traffic sources, drop-off), content audit against the user journey, and stakeholder interview synthesis, folded into a single Gap Map: current state versus required state, per persona, per section. Output: the Gap Map plus a prioritised UX action plan. 2–3 weeks. Works as a standalone diagnostic, or becomes the brief for everything downstream.

01
Research + IA

Research + IA

Personas, journeys, and the IA that solves the Gap Map. Everything in Audit, plus the strategic foundation: up to 5 priority personas with JTBD (goals, context, success criteria), idealised journey mapping per persona, a 1-page narrative direction (positioning, key messages, tone, who the site is for), and the navigation IA, primary, secondary, and footer structure with documented decision rationale. Delivered as a single synthesised client presentation, not a stack of separate files. 4–6 weeks. Output is buildable by any design + dev team.

02
Research + IA + Wireframes

Research + IA + Wireframes

The full UX planning engagement. Everything in Research + IA, plus the validated, build-ready layer: wireframes for 4–8 key page templates, each annotated with three layers of rationale, content (what goes in each block), UX (why this layout, why this CTA placement), and journey (how the page sequences the persona toward the next step). Where the stakes warrant it: card sorting to validate navigation against users' mental models, and tree testing to verify findability at scale. 6–10 weeks. Output is design-ready, with stakeholder sign-off before any design begins.

03

Need the full build, not just the planning?

UX Planning is the strategy layer on its own. When brand and build are gaps too, it runs as Phase 2–3 inside COMPASS, our full Brand + Build framework, where the research and IA you'd buy here flow straight into design, build, and launch under one team. Same thinking, no handoff. If you already have a design and dev team, buy UX Planning standalone. If you're rebuilding the whole site.

Research Add-Ons

Add Depth Where It Counts

Optional research layers that scale any engagement. The tiers above carry the core research and IA. When the stakes or the audience complexity warrant more rigour, we add:

Stakeholder Interviews

Structured one-to-one sessions across the teams who own the site, to surface where it's meant to go and how it cascades across audiences.

User Surveys

Quantitative validation per persona, to ground the audience model in data, not assumption.

Competitor & UX Benchmark Audit

How your experience compares against the players your buyers also evaluate, and where the gaps and the openings are.

Card Sorting + Tree Testing

Real-user validation of the navigation before design starts — baked into the Wireframes tier; available as an add-on to the others.

Narrative Workshop

A facilitated half-day to build the institutional story and audience cascade where the brand foundation needs more than a 1-page direction.

Testimonials

What Our Clients Say

I am very pleased with how the website turned out. It feels like we are a part of their in-house team working together to achieve the same goal. I've never worked with an agency but working with you feels like working with my own in-house team.
SecurityRisk
Gillian Chan
Marketing Manager, SecurityRisk
Your support and dedication throughout this project have been truly appreciated. You've been incredibly patient, helpful, and committed, and we're grateful for everything you've done to bring this project to life.
NUS Centre for Quantum Technologies
Resmi
NUS Centre for Quantum Technologies
While we've worked with Construct on several projects over the years, we most recently engaged them for the redevelopment of the Duke-NUS main website. They delivered with professionalism, creativity and responsiveness all the way from build to ongoing maintenance.
Duke-NUS Medical School
Anirudh Sharma
Duke-NUS Medical School

Got Questions

UX Planning FAQs

01 How is UX Planning different from a full COMPASS engagement? remove

COMPASS is the full Brand + Build framework: brand strategy, UX planning, design, and build under one engagement. UX Planning is a discrete service: just the research, IA, and wireframing layers, sold as a standalone scope. Pick UX Planning when you have a design and dev team in place but need the strategic UX layer. Pick COMPASS when brand and build are gaps too.

02 Do you do UX research and IA without building the website? add

Yes — that's exactly what this service is for. Our outputs are platform- and team-agnostic. Hand them to your existing design and dev team. We can also recommend a build approach if you don't have one yet.

03 How long does UX Planning take? add

Audit: 2–3 weeks. Research + IA: 4–6 weeks. Research + IA + Wireframes: 6–10 weeks. Calendar time runs longer because each phase includes a stakeholder review window and one revision round. We set honest timelines upfront and report progress weekly.

04 What artefacts do we receive at the end? add

Audit engagements: GA findings report + Gap Map + stakeholder interview synthesis. Research + IA engagements: persona profiles, JTBD framework, idealised user journeys, full sitemap, navigation architecture, and narrative positioning. Research + IA + Wireframes: all of the above plus annotated wireframes for 4–8 page templates with content + UX + journey rationale per section.

05 How do you validate IA decisions? add

Two methods. Card sorting workshops put cards representing site content in front of users and ask them to group it the way they'd expect to find it. The output reveals where your proposed IA aligns with user mental models and where it diverges. Tree testing tests findability at scale: we present the proposed navigation tree to a sample of users and ask them to complete tasks. Both methods catch problems before design starts.

06 Can your wireframes be handed to our existing design and dev team? add

Yes. Every wireframe is annotated with three layers: content (what content goes in each block), UX (why this layout, why this CTA placement, how the page serves the user journey), and journey (how the page sequences the persona toward the next step). Your design team builds the visual layer; your dev team builds the implementation. The wireframes carry enough rationale that nobody has to guess at intent.

07 What if we want UX Planning as part of a full build? add

Then COMPASS is the better fit. UX Planning runs as Phase 2–3 within a COMPASS engagement, with brand strategy in Phase 1 and design + build in Phases 5–7. The work compresses when it's sequenced under one team.

Ready to Begin

Find Out Where Your UX Is Leaking Commercial Value

Most B2B websites underperform because the UX foundation was never set: IA mirrors the org chart, personas don't inform decisions, research happens after design. A UX Planning engagement diagnoses where your site is leaking and rebuilds the foundation so every downstream decision is defensible. Start with a conversation. No pitch deck. Just an honest read.