By The Editorial Desk
In the modern digital landscape, communication relies as much on pixels as it does on prose. Just as writers deploy vocabulary and syntax to connect with readers, digital designers wield a visual lexicon—fonts, color palettes, geometries, and iconography—to forge an intuitive dialogue with users. When executed effectively, this visual design language (VDL) acts as an invisible bridge, streamlining interaction, establishing brand synchronicity, and eliminating cognitive friction.
Yet, building a robust visual design language from the ground up for a global audience is a monumental challenge. In 2016, design agency Fantasy took on one of the industry’s most ambitious UI overhauls: crafting the visual identity and interface architecture for Huawei’s mobile operating system, EMUI 5.
Drawing from insights shared by lead visual designer Gleb Kuznetsov, this retrospective explores the anatomy of design languages, the rigorous methodology behind the Huawei overhaul, and the perennial corporate hurdles of translating visionary concepts into shipped code.
Main Facts: The Anatomy of a Missing Language
When the Fantasy team was brought onto the Huawei project in 2016, they encountered a paradox: a multi-billion-dollar hardware giant lacked a unified software personality.
Huawei’s mobile operating system at the time was essentially a fragmented, heavily customized iteration of Android. It suffered from stark inconsistencies, a fractured user experience, and a total absence of a cohesive vision. This chaos stemmed from internal silos. Multiple teams, functional roles, and specialized skill sets—including UX architects, interaction designers, and traditional graphic designers—had worked on the OS independently, each grasping for ways to communicate without a shared dictionary.
Without a universal system, the user experience resembled a digital Tower of Babel. The interface was jumbled, confusing, and resistant to iterative improvements. To unify the ecosystem, Fantasy had to construct a VDL capable of serving hundreds of millions of users across diverse global markets, satisfying both Eastern and Western design sensibilities.
Chronology: The Five-Phase Methodology of Building a VDL
To tackle the Huawei OS overhaul, the design teams followed a strict product development lifecycle: Research, Ideation, Design, Validation, and Implementation.
Phase 1: Research and the UI Audit
Every enduring design system begins with exhaustive diagnostics. Led by UX lead Jeshua Nanthakumar, the team analyzed competing mobile operating systems to map recurring user pain points.
Crucially, the team executed a comprehensive UI audit before touching a single new visual asset. By dissecting the existing Android OS into atomic elements—colors, drop shadows, transition lines, and foundational geometries—they mapped how individual pieces interacted to form a whole. Elements were categorized systematically into reusable UI building blocks like navigation bars and action buttons.
Simultaneously, the team conducted deep audience research, segmenting users by demographics, core values, and expectations. By comparing brand identity (how Huawei wanted to be perceived) with actual brand image (how consumers viewed them), the designers established a clear psychological roadmap for their aesthetic choices. A thorough competitor analysis of market leaders—such as Apple’s iOS—highlighted strategic gaps, allowing Huawei to position itself precisely within the market landscape.
Phase 2: Ideation and the Philosophy of Organic Design
Defining a global philosophy requires cross-cultural empathy. To achieve this, Kuznetsov collaborated closely with Abigail Brody, a former Apple creative director who joined Huawei as Chief UX Designer and VP of Huawei Devices in late 2015.
Together, they anchored their vision in organic design—a philosophy pioneered by architect Frank Lloyd Wright, emphasizing harmony between humanity and nature. Rather than relying on harsh, sterile geometric layouts, the team integrated smooth curves, natural shapes, and organic aesthetics into buttons, icons, and structural frames.
Motion design was treated as a core pillar rather than an afterthought. The team penned a strict motion manifesto, ensuring every animated transition and micro-interaction served a functional purpose—such as providing tactile feedback—while invoking "magical moments" of delight to boost user retention.
Phase 3: Design, Iteration, and Hierarchy
Armed with an organic philosophy, the team restructured visual hierarchy to match ergonomic realities. By 2016, smartphone screens were rapidly expanding, yet traditional Android OS interfaces continued to place critical interactive elements at the top of the display, forcing users into uncomfortable grips and thumb stretches.
Referencing ergonomic thumb-zone data, Fantasy collaborated with Huawei’s engineering division to test the feasibility of shifting primary navigation and functional controls to the bottom of the screen—a layout that is now an industry standard.
Inside the studio, designs were subjected to relentless iteration. Concepts were pinned side-by-side on large physical boards for regular critique sessions, where teams debated the semantic value of every visual element. Under the guiding rule that every element must serve a purpose, pattern libraries and style guides were established to ensure infinite scalability for future updates.
Phase 4: Validation Through Early Testing
Rejecting the traditional model of postponing user testing until the final pre-release window, Fantasy embraced a "build, measure, learn" philosophy. Visual language concepts were embedded directly into functional prototypes and tested internally (dogfooding) as well as with external consumer focus groups. This rapid feedback loop allowed designers to swiftly discard ineffective patterns and double down on what resonated with users.
Supporting Data & Strategic Insights
The strategic importance of this overhaul cannot be overstated. A robust visual design language yields three distinct advantages:
- Consistency: Unlike physical industrial design, digital interfaces lack physical constraints, making it easy to produce disjointed experiences. Defining cross-platform components guarantees seamless multi-device scaling.
- Brand Recall & Aesthetic-Usability Effect: Distinct visual personalities combat generic market fatigue. According to the aesthetic-usability effect, users are inherently more forgiving of minor functional hiccups when an interface is visually captivating and emotionally resonant.
- Clarity: By embracing minimalist UI principles, designers stripped away screen clutter, focusing user attention entirely on essential interactive elements.
Official Realities and Implementation Hurdles
Despite the meticulous craftsmanship invested by Fantasy, the journey from design concept to consumer handset exposed a systemic industry flaw: the implementation gap.
As Kuznetsov candidly notes, the polished visual prototypes delivered by external design agencies rarely survive the engineering pipeline intact. When design teams are locked out of the implementation phase, internal engineering squads frequently follow the path of least resistance, trimming complex animations and altering layouts to bypass technical hurdles. Consequently, the pristine design language conceptualized in the studio often diverged from the production version shipped to consumers.
History demonstrates that bridging this gap requires executive muscle. Much like Steve Jobs famously insisted that Apple engineers find a way to ship the complex window-minimize animation in macOS—despite initial pushback—transformative products require top-tier leadership willing to fight for design integrity.
Implications: The Cornerstone of Future UX
The Huawei EMUI 5 project remains a profound case study in the evolution of mobile operating systems. Despite implementation friction, Huawei’s aggressive focus on user experience and visual polish played a critical role in building consumer trust, culminating in the company briefly surpassing Apple in global smartphone sales by 2018.
Ultimately, a visual design language is much more than a collection of pretty icons; it is the heartbeat of a digital product. By marrying pristine form with uncompromising function through a rigorous, research-backed development loop, organizations can transcend the chaos of fragmented software—creating harmonious ecosystems that speak fluently to users across the globe.
