CASE STUDY · 2020

One design system, distinct voices per brand.

Maintained and operated multiple brand websites under a global automotive group's Japan presence, while designing and shipping campaign landing pages and added features. Worked client-facing on creative direction and front-end implementation, in English with an international engineering team.

Period

2020
4 months

Role

Design · Front-End ·
Client communication

Stack

JavaScript, PHP,
jQuery, Sass

Team

10—50
Automotive

Multiple brands on a shared design system, on a steady campaign cadence.

The client ran multiple brands on the same design-system foundation across their Japan website: one with a friendly, everyday tone, another sportier and performance-first. Same system underneath, very different voices on top. New LPs and feature additions shipped on a steady campaign cadence.

Express each brand's tone efficiently within a shared system.

Express each brand's voice through layout and templates on the shared system.

Brand tone through layout and templates, not new components

Understood each brand's character and expressed its tone through layout and template choices on top of the existing design system — keeping production effort down while holding quality. Rather than reinventing components or logos, leaned on recombining existing patterns and tuning spacing, photography tone, and information density to each brand's voice.

Worked client-facing in English with an international team

Handled direct client communication for new LPs alongside an engineering team operating partly in English. Clean creative direction conversations and clean handoffs in two languages kept the rhythm sustainable.

A steady stream of brand-true LPs, shipped efficiently.

Brand expression is protected through operations, not one-off craft.

The work was less about single LP production and more about keeping multiple official brand sites moving on the same foundation. Brand differences came from spacing, photography, information density, and template choices rather than adding new components. To keep quality high without slowing production, the useful artifact was a repeatable decision model for the next campaign, not just a polished page.