Yodobashi Holdings, a major Japanese retailer, faces a critical juncture in a rapidly evolving market with new technologies and increased competition from both overseas and domestic contenders. To avoid being overshadowed, Yodobashi launched the "Yodobashi 2040" initiative, aiming to transform and expand services for B2B and B2C customers. The success of "Yodobashi 2040" hinges on a carefully designed system, and Yodobashi has enlisted the expertise of ZOOOM Productions, its lead creative agency, to ensure a bespoke and meticulous approach to the transformation.

*Due to the nature of the project, critical information (such as detailed models, information flows, etc.) that may reveal vulnerabilities in the system is filtered.

With the launch of Yodobashi 2040, Yodobashi’s product and service portfolio expanded rapidly. New platforms like Yodobashi XTreme began serving both B2B and B2C users, while sub-brands such as ISHII Sports and ArtSports introduced their own digital services. The expansion strengthened Yodobashi’s competitiveness, but it also created a structural risk: brand fragmentation.

As each service evolved independently, inconsistencies in UI patterns, interaction quality, and visual language began to accumulate. Over time, these differences diluted brand equity, reduced cross-service familiarity, and made the broader ecosystem feel less cohesive than the brand itself. Yodobashi needed a unified design language that could scale across products, teams, and sub-brands—without slowing development or forcing a rigid “one-brand-fits-all” system.

That led to the need for a flexible, multi-brand design system. But delivering it wasn’t an aesthetic exercise. It required aligning design, engineering, and business requirements across multiple product teams with different constraints, release cycles, and technical stacks. As the lead designer responsible for the design system’s conception and structure, I owned the core architecture and governance—balancing three competing demands: consistency, build velocity, and long-term portfolio scalability.

To solve for both consistency and adoption speed, we partnered with CreationLine Inc. to design and implement a CI/CD pipeline that allowed teams to integrate the design system with minimal disruption. The intent was to avoid the common failure mode of design systems: a strong library that is slow to adopt, painful to update, and quickly forks into local variants.

With the pipeline in place, I focused on the system architecture itself. The guiding principle was modularity. Rather than building a monolithic library, I structured the design system as interchangeable layers built on a shared foundation. This enabled product teams to apply brand-specific components where needed, while preserving core patterns and underlying structure across the ecosystem.

To make this operationally scalable, I implemented a token-based model organized into three tiers: Global, Alias, and Component. This tiering enabled brand localization without breaking consistency—global tokens establish shared foundations, alias tokens translate them into brand intent, and component tokens ensure predictable application at the UI level. In practice, this made the system both flexible and governable: teams could express brand differences deliberately, while avoiding drift and preserving long-term maintainability.

With the structural model defined, the next challenge was ensuring the visual output remained cohesive and refined across brands. A flexible token architecture only works if the system’s “default state” is strong enough to carry multiple products without losing quality.

I established a universal design foundation that all services could share. This included a broad, functional color palette; a typography system centered on Noto Sans to support multi-language requirements; and a neutral icon set designed to remain consistent across product contexts. The goal was to create a base that is brand-agnostic but unmistakably coherent—so teams could build quickly without reinventing fundamentals.

From there, I defined where brand expression should live—and where it should not. Brand-specific color layers and selected component treatments (such as border emphasis or shadow behavior) became controlled customization zones that could override the foundation without reshaping the entire system. This balance allowed sub-brands to retain identity while still benefiting from a shared language that feels like one ecosystem, not a collection of unrelated products.

Beyond standardizing UI components, this initiative was also a chance to close a long-standing gap: motion and interaction quality. Historically, many Yodobashi products were built using open-source libraries, which led to inconsistent micro-interactions and uneven animation quality. The result wasn’t just aesthetic inconsistency—it impacted usability, perceived polish, and the overall sense of trust users place in complex retail experiences.

In collaboration with senior art directors, I introduced a systematic motion layer as part of the design system. We defined motion principles and tokenized key parameters—timing, easing, and transition behaviors—so motion could be implemented consistently across touchpoints. Importantly, this layer was designed as a modular add-on, allowing teams to adopt it incrementally without disrupting existing build workflows.

The outcome was a more cohesive interaction language across the ecosystem. Motion became a subtle but reliable form of guidance—making interfaces feel more intuitive, reinforcing quality, and helping the brand feel consistent even as the portfolio continued to expand.

Yodobashi 2040 was an ambitious and transformative project—one that would not have been possible without the dedication and collaboration of countless individuals. I extend my heartfelt gratitude to every team member at ZOOOM Productions, Yodobashi, and our partner organizations. Your collective expertise, creativity, and perseverance brought Yodobashi Lifestyle to life, turning a bold vision into a groundbreaking reality.

Thank you for being part of this incredible journey.