Hikari - Motorcycle Mobile App

We need a redesign that turns a boring utility app into a high-performance digital garage.

Hiroshi Watanabe, CEO & Head of Product / Hikari App
Hiroshi Watanabe

CEO & Head of Product / Hikari App

Hikari motorcycle app hero cover

About the project

We skipped the usual green design of EVs. Just a love for cool hardware. The app itself simplifies owning multiple electric bikes - check charge, adjust settings, and enjoy the ride, all from one place. We started with a focused ux audit of the old utility app to find exactly where ownership felt like a chore, then rebuilt it into something riders actually want to open.

  • Hikari app UI screen
    Hikari app UI screen

Logotype

Precise Geometries, Built for Speed

  • The Hikari identity is built in three parts. The logomark is an angular glyph whose precise geometries evoke energy and speed — a visual stand-in for control over your electric fleet. The logotype is a clean sans-serif, engineered for legibility while holding the high-tech aesthetic of the app. And the lockup, HikariApp, pairs the brand name with a technical descriptor for clarity, making it ideal for hardware integration. 

    Together they form a system that reads as confidently on a charger casing or a storefront sign as it does on an app icon. Nothing decorative, nothing soft — every element earns its place.

  • Hikari app UI screen
    Hikari app UI screen
  • Hikari app UI screen
    Hikari app UI screen

Typography

Where Readability Meets Industrial Brutalism

  • The primary typeface is TripSans, used across Regular and Medium weights. It carries a stripped-back, mechanical confidence — readable enough for dense telemetry, characterful enough to feel like a performance product rather than a spreadsheet. 

    A secondary dot-matrix face handles the instrument-panel moments, speed readouts, garage labels, service dates, borrowing the language of dashboards and digital gauges.

  • Hikari app UI screen

Colors

A Stark, High-Voltage Palette

  • Hikari's palette is deliberately mechanical. Shocking Black (#111111) and Colourless (#D1D1D1) form a stark, industrial base that keeps the interface feeling engineered rather than friendly. 

    Against that restraint, Crispy Yellow Green (#EDF425) is the high-voltage signal: charge states, active selections, the moments that demand a rider's eye. Steel Red (#D65256) handles alerts and the rare warning.

  • Hikari app UI screen

Mobile App

Welcome to Your Digital Garage

  • This is the heart of the project. The Hikari app is a gateway to smart mobility — total control, zero compromises. The "My Garage" view puts each bike front and center as a 3D model, with charge, range, and weather laid out beneath it, so a rider's most-asked question — am I ready to go? — is answered the moment the app opens. 

    We turned the most stressful part of EV ownership into a seamless experience. A high-contrast module shows precise time-to-full, and live GPS tracking keeps an entire fleet under command. Clean information architecture ux lets owners switch between bikes, locations, and settings without ever feeling lost in menus.

Key Features

Key Features

    • My Garage

      Every bike a rider owns, rendered in 3D with live charge, range, and condition at a glance. Switching between machines takes a single tap.

    • Predictive Tracking

      Odometer, range, average speed, and service dates are surfaced with professional accuracy. Zero guesswork about what the bike needs next.

    • Live Location & Charging

      Real-time GPS mapping pairs with a charging module that shows exactly how long until full — "75%, 24 min" — turning anxiety into a number.

    • Hikari app UI screen

    Landing Page Design & Development

    A Digital Garage, Built for High-Powered Electric Bikes

    • The landing page introduces Hikari in its own words: a digital garage built for high-powered electric bikes. Oversized typography, generous white space, and product-first photography set a premium, performance-led tone from the first scroll. 

      The structure leads with the product and lets curiosity, not a feature list, pull people down the page.

    • Hikari landing page

    Branding

    Building the Hikari Brand DNA

    • Hikari's branding is a stark, confident visual language that puts performance first. Illuminated storefront signage, bold logo-marked apparel, ID badges, and even the physical charger hardware all carry the same angular mark and high-voltage accent. 

      Shot against raw concrete and steel, the brand reads as industrial and deliberate rather than playful. Whether it's a billboard, a social post, or a wall-mounted charger, every touchpoint reinforces the same idea: this is precision hardware, and the brand should feel like it.

    • We treated social media as an extension of the product. Every post had to feel as engineered and confident as the bike itself.

      Tyler B., UX Architect
      Tyler B.

      UX Architect

    • Hikari brand visual

    Impact

    Built to Perform

    • By aligning the interface, the brand, and the physical hardware into a single system, Hikari turned a forgettable utility app into something riders genuinely reach for. Consistent visuals, instant clarity on what matters, and a unified design language gave the product a measurable head start on its broader digital transformation from app to ecosystem.

    Key Results

      • 3x Faster Fleet Synchronization

        Riders managing multiple bikes get a near-instant, unified view of their whole fleet instead of checking each machine in isolation.

      • 62% Growth in Premium User Retention

        A product worth opening daily turned casual owners into committed, paying users who stay.

      • We created an app that feels like part of the machine - fast, precise, and built for people who actually love the hardware.

        Victoria P., Team Lead
        Victoria P.

        Team Lead

      • Hikari brand visual
      • Hikari brand visual
      • Hikari brand visual
      • Hikari brand visual

      Next steps

      The Start of the Hikari Ecosystem

      • With the logotype, app, landing page, and brand system in place, the roadmap points toward two fronts. Localization will adapt the experience for riders in new markets, while AI integration turns the app from a control panel into a co-pilot, predicting service needs, optimizing range, and learning each rider's habits. The bigger move is hardware-software synergy: the app and the machine designed as one. That's where Hikari stops being a mobile app and becomes a platform.

      • Great result. Next step: hardware-software synergy. This is the start of the Hikari ecosystem.

        Hiroshi Watanabe, CEO & Head of Product / Hikari App
        Hiroshi Watanabe

        CEO & Head of Product / Hikari App

      • Hikari brand visual

      Next cases

      If you liked the previous cases, you will definitely like these ones

      Shall we chat?

      [email protected]

      Let’s

      Image

      talk

      This site uses cookies. By continuing to browse the site, you are agreeing to our use of cookies.