Back to Work
Case Study · Website

Infosys.
Navigate your next.

A ground-up redesign of one of the world's largest enterprise consulting platforms — making 56 countries, 300K+ employees, and dozens of services feel like one focused product.

Client
Infosys
Year
2026
Role
Lead Product Designer
Scope
Research · IA · UI · Design System
Platform
Web · Mobile Web
Timeline
14 weeks
infosys.com/
Infosys homepage redesign hero mockup
01 · Overview

The brief

Infosys serves Fortune 500 buyers across 56 countries. The existing infosys.com had grown over a decade — every team had a stake, every region added a layer. The result: a powerful business hidden behind a noisy interface.

The mandate was simple, the work was not: rebuild the platform around modern enterprise buyers, ship a token-driven design system, and prove the design with measurable lift on core funnels — without ever feeling "agency-flashy".

02 · Problem

What was getting in the way

Dense navigation buried high-value services like AI, Cloud and Consulting.

Inconsistent visual language across regions and product pages.

Slow LCP and heavy hero modules hurting mobile experience.

Weak storytelling around case studies and thought leadership.

03 · Goals

North-star objectives

Four goals framed every design decision — from typography scale to nav grouping to motion timing.

Clarity at scale

Make 1,000+ pages feel like one calm, confident product.

Speed-first delivery

Cut LCP by half on mobile, ship lighter hero modules.

Unified design system

One token-driven system spanning marketing, careers, and case studies.

Buyer-centric IA

Rebuild navigation around industries, services, and outcomes.

04 · Process

How we got there

01

Discover

Stakeholder interviews across 6 BUs, 18 user interviews with CIOs and procurement leads, audit of 240 top-traffic pages.

02

Define

Synthesised insights into 4 buyer journeys, JTBD framing, and a measurable north-star: time-to-decision.

03

Design

Wireframes → high-fidelity in Figma, motion principles, accessibility-first components (WCAG 2.2 AA).

04

Deliver

Token-driven design system, dev handoff with Storybook, phased rollout with A/B validation.

infosys.com/wireframes/
Wireframes and user flow diagrams
05 · Design System

A system, not a skin

A token-driven foundation: 6 base colors, an 8pt spatial grid, a fluid typographic scale, and 38 accessible components — shipped to engineering as a Figma library and a production-ready Storybook in lockstep.

infosys.com/design/
Infosys design system — color, type, components
6 core color tokens
8pt spatial grid
Fluid type scale (clamp)
38 production components
Motion timing system
WCAG 2.2 AA contrast
Dark mode ready
RTL support
06 · Mobile

Mobile-first, not mobile-also

63% of new traffic now lands on mobile. Every flow — services, case studies, careers — was prototyped on a 390px frame first, then scaled up. The result: a calmer, faster, thumb-first enterprise experience.

Infosys mobile UI mockups
Infosys mobile UI mockups
Infosys mobile UI mockups
Infosys mobile UI mockups
07 · Outcomes

What shipped, what shifted

+42%
Time on key service pages
−51%
Mobile LCP (3.8s → 1.9s)
+28%
Demo / contact conversions
100%
WCAG 2.2 AA compliant
08 · Reflection

Design at enterprise scale is editing.

The biggest wins came from what we removed. A confident enterprise platform doesn't shout — it answers questions in the order buyers ask them, and gets out of the way.