SteelCase — UX/UI & App Design Case Study | MODO

SteelCase — UX/UI & App Design Case Study | MODO — UX/UI & App Design

Overview:

  • UX/UI Design
  • Mobile App Design
  • Interaction Design
  • User Research
  • Prototyping

A comprehensive redesign of the Steelcase mobile experience — reimagining how customers browse, configure, and purchase workplace furniture through a refined, intuitive interface built for clarity and conversion.

Steelcase mobile app — four key screens showing homepage, navigation, product catalog, and dealer locator

UX Strategy

The existing mobile experience didn't reflect the quality of Steelcase's products. Navigation was buried, product discovery felt disconnected, and the path from browsing to purchasing lacked clarity. The redesign focused on removing friction at every touchpoint.

We restructured the information architecture around how customers actually shop — starting with clear category navigation, simplified product filtering, and a dealer locator that surfaces relevant showrooms based on proximity. Every interaction was designed to reduce cognitive load while maintaining the depth expected from a catalog of this scale.

Steelcase UX research — user insights and discovery findings Steelcase app user flow — information architecture and navigation mapping Steelcase user personas — target audience profiles and behavioral insights
Steelcase workspace lifestyle — modern office environment showcasing furniture in use

Visual
Design

The visual direction maintained Steelcase's established brand language while introducing a cleaner, more contemporary mobile aesthetic. A restrained color palette emphasizes product photography, allowing the furniture to take center stage.

Typography was scaled for mobile readability without sacrificing the editorial quality Steelcase is known for. Interactive elements were designed with generous touch targets and clear visual feedback, ensuring the experience feels responsive and intentional on every device.

Steelcase design system — UI components, typography, and color specifications Steelcase design system — interaction patterns, iconography, and layout grid
Steelcase mobile app — product detail and configuration screens on iPhone
Steelcase app shopping experience — product browsing, filtering, and purchase flow
Steelcase workspace lifestyle — collaborative office environment with furniture in context
Steelcase brand imagery — product photography and visual identity in context