Case Study

Responsive Website Unification

Led a comprehensive UI audit and design system initiative to unify two fragmented web platforms — e-commerce and rewards — into a single, cohesive responsive experience that streamlined design, development, and deployment.

Role
UX / Design Lead
Team
[Update]
Timeline
[Update]
Disciplines
Design Systems, IA, UX
[ Hero image — mockup, product screenshot, or design system overview ]

Two platforms, zero consistency.

Customers were forced to navigate between two separate websites — an e-commerce storefront and a rewards platform — each with completely different navigation structures, visual languages, and account systems.

Fragmented Navigation

Users redirected between two sites with incompatible navigation and separate accounts.

Dead-End Sitemaps

Pages with no clear path forward, breaking flows and increasing drop-off.

Misaligned Backend

Disconnected services and databases made unified features impossible.

Accessibility Gaps

UI that did not adhere to best practices or ADA compliance standards.

Audit, architect, unify.

The project began with a full-scale UI audit to catalog every component, pattern, and interaction across both platforms. From there, I established the foundation for a unified design system and worked with cross-functional teams to plan the migration path.

01

UI Audit & Component Inventory

Compiled a comprehensive list of components across both platforms to identify overlaps, inconsistencies, and gaps.

02

Journey Maps & Customer Archetypes

Established journey maps and archetypes to understand navigation patterns and reveal pain points.

03

Information Architecture

Redesigned the IA to create a unified sitemap that eliminated dead ends and established clear paths.

04

Design System Creation

Built a design system establishing a common language between UX, product, and development.

05

MVP Delivery Strategy

Divided unification into smaller MVPs for front and back end, enabling iterative delivery.

[ UI audit artifact / component inventory ]
[ Journey map or archetype diagram ]

One system. One experience.

The result was a unified responsive platform backed by a comprehensive design system — a shared source of truth for components, patterns, and interaction standards across both product teams.

Responsive page templates replaced the fragmented layouts, ensuring consistency across devices. A new CMS system streamlined content management, enabling non-technical teams to publish without engineering intervention.

Key deliverable: A scalable design system with responsive templates and CMS architecture that unified the e-commerce and rewards experience.

[ Design system overview / component library ]
[ Before: fragmented UI ]
[ After: unified responsive UI ]

Results & Impact

[Update with specific metrics and outcomes.]

##%
Reduction in design inconsistencies
##x
Faster page development
##%
ADA compliance improvement

What I learned.

[Add 2-3 paragraphs about your takeaways. What was hardest? What would you do differently? What did this teach you about working at scale?]

Next Project
Project Title — Coming Soon →