Joyce Doan / Work / Consortia Group Website Redesign
Digital Transformation Partner · UI/UX Designer

Consortia Group Website Redesign

Redesigned the full Consortia Group web ecosystem — 10+ pages spanning marketing, service discovery, portfolio storytelling, hiring, and legal — as a conversion-driven, trust-building experience.

UI/UX Designer BRANDINGWEB DESIGNWEBFLOWFIGMA
Website
consortiagroup.co ↗
Focus
Conversion Design · Branding · IA
Scope
Full Website Redesign · 10 Pages
Platform
Webflow
Pages
Home, Services, Portfolio, Career, About, Contact + Legal
Year
2025
01 — Context

The Challenge

Consortia Group is a digital transformation partner focused on technology, marketing, and scalable business solutions. Despite strong service delivery, the company lacked a web presence that matched its positioning — no clear digital identity, weak service communication, and no conversion architecture to turn visitors into qualified leads.

The redesign needed to serve four very different audiences simultaneously: business owners evaluating fit, prospects comparing services, job candidates exploring culture, and compliance-conscious users verifying legal terms. Every page had a distinct job, and the system had to hold together as a unified brand.

My Role

I led the end-to-end design of the full web ecosystem — from information architecture and conversion strategy through final Webflow delivery. This included the brand system, page templates, component library, and all 10 page designs: Home, Services, Portfolio, Career, About Us, Contact, Privacy Policy, Terms of Use, Cookie Policy, and a long-form Landing Page.

02 — Discovery

What the Business Needed

The brief surfaced five distinct business problems, each requiring a different design response.

01

No clear digital identity

The brand lacked a coherent visual and verbal identity online. Visitors couldn't quickly understand what Consortia Group does or who it's for.

02

Weak service communication

Services were described in generic terms with no delivery model, no differentiation, and no clear path to the next step for a prospect.

03

No conversion architecture

High-intent visitors had no structured path to a consultation or project inquiry. CTAs were absent or buried.

04

Portfolio without proof

Past work existed but wasn't framed around outcomes. Decision-makers needed challenge → result narratives, not project name lists.

05

No recruiting or legal experience

Candidates had no structured hiring experience to evaluate. Legal and compliance pages were missing entirely, creating trust friction before form submission.

03 — Design

Key Design Decisions

Decision 01

Value proposition in the first scroll

The Home hero was designed to answer "Can this team solve my problem?" in under five seconds. Services preview and credibility signals (clients, portfolio snippets) appear before the fold break, so the CTA to schedule a consultation lands with context rather than cold.

Decision 02

Delivery model as a trust signal on Services

Rather than a flat list of offerings, Services was structured around a four-step delivery model: Understand → Customize → Implement → Optimize. This answers "how do they work?" before the prospect has to ask, reducing friction to inquiry.

Decision 03

Challenge → result framing for portfolio entries

Each portfolio case was restructured around a narrative arc — problem context, design approach, quantified result. Decision-makers comparing agencies don't convert on pretty screenshots; they convert on proof that similar problems were solved.

Decision 04

Transparent recruitment timeline on Career

The Career page surfaced the hiring process upfront — Application → Screening → Interview rounds → Offer → Onboarding — so candidates could self-qualify and arrive at the application step with realistic expectations. Reducing uncertainty at this stage increases qualified application rate.

Decision 05

Legal pages as trust infrastructure, not afterthoughts

Privacy Policy, Terms of Use, and Cookie Policy were designed with the same visual system as the rest of the site — not raw legalese. Structured sections, scannable headings, and a consistent tone reduce trust friction for compliance-conscious users before they submit a form.

04 — Architecture

Site Architecture

Ten pages, each with a single clear job. The structure was designed so any audience — client, candidate, or compliance reviewer — could navigate to their goal without dead ends.

Site Map
Home — brand entry and CTA gateway
Services — delivery model and categorized offerings
Portfolio — outcome-led case studies
Career — culture, perks, hiring timeline
About Us — mission, story, culture pillars
Contact — high-intent lead capture form
Privacy Policy, Terms, Cookie Policy — legal IA
Landing Page — long-form storytelling funnel
Audience Journeys
New Client
Home Services Contact
Decision-Maker
Portfolio About Contact
Candidate
Career About Apply
05 — Foundation

Design System

A unified component library and brand system was built in Figma to keep all 10 pages visually consistent and make the Webflow build straightforward. Every component was designed with all interactive states to eliminate developer ambiguity.

Figma File Structure
Pages
📄Cover
📄Design System
📄Wireframes
📄Desktop — Final
📄Mobile — Final
📄Handoff & Specs
Components Built
Buttons (all states) Navigation bar + mobile menu Service cards + delivery steps Portfolio case entry cards Form inputs, fields & footer Legal section templates
Foundations
Typography hierarchy Color palette + dark mode Spacing scale Grid system
Component States
Default Hover Active Disabled Error & Success
06 — Outcome

Result

Consortia Group launched with a web presence that matches the scale and professionalism of their service delivery. The unified brand system across all 10 pages — from the hero on Home to the cookie consent copy — created a cohesive experience that builds trust at every step of the funnel.

Conversion architecture, transparent process documentation, and outcome-led portfolio framing gave the company a credible foundation for inbound lead generation that didn’t exist before.

Reflection

The hardest part of this project wasn't any single page — it was maintaining a coherent voice and visual system across 10 very different content types simultaneously. Legal pages, career pages, and marketing pages have entirely different tonal registers and information densities. The design system was what made that coherence possible. If I were doing this again, I'd establish the component library and token system before touching any page-level design.

← Previous Reserve Manager Next → Survival Vietnamese Website
Get in touch

Have a problem worth designing?

Let's talk