Mobile App Website

Smart Riding & Navigation System

the connected riding ecosystem navigation app showing a traffic alert and alternative route options on a smartphone
  • Industries

    • Navigation
    • Travel & Hospitality
  • Company

    The client is a connected riding ecosystem designed to make navigation, speed awareness, and real-time road information easier to access while riding. The experience combines a helmet-mounted device, a companion mobile application, and a product website into one connected system focused on safer and more intuitive journeys. Our work covered the complete digital experience - from product discovery and device setup to navigation, riding alerts, personalization, and everyday device management.

  • what we did

    We designed the the connected riding ecosystem digital experience from the ground up, creating a mobile application that connects riders with the physical Pilot device and supports them throughout the ride - from device setup and route planning to navigation, speed awareness, and real-time alerts. Alongside the app, we designed a marketing website that introduces the the connected riding ecosystem ecosystem, communicates the value of the product, explains how the device and application work together, and guides potential customers toward purchase. Mobile application - designed the complete rider experience from scratch, including onboarding, device pairing, route planning, navigation, speed monitoring, riding alerts, personalization, and device management.

Challenges

  • 01

    Building the Riding Experience from Scratch

    The challenge was to turn the the connected riding ecosystem concept into a complete mobile experience that supports riders throughout their journey. We needed to define clear flows for device setup, route planning, navigation, speed awareness, alerts, and everyday controls while keeping the experience simple and focused.

  • 02

    Connecting Hardware with the Mobile Experience

    The mobile app needed to work seamlessly with the connected riding ecosystem Pilot device. We designed the experience around device discovery, Bluetooth pairing, connection states, configuration, and recovery scenarios, making a technically complex process feel straightforward for the rider.

  • 03

    Turning a New Product into a Clear Story

    As a new connected product, the connected riding ecosystem needed more than the app itself. The challenge was to create a marketing website that clearly communicates what the product does, how the device and mobile app work together, and why the experience is valuable - guiding potential customers from discovery toward purchase.

the connected riding ecosystem navigation screen showing a traffic alert and detour options

Device Connection

The app provides a simple connection flow that allows riders to discover and pair their the connected riding ecosystem Pilot with a smartphone via Bluetooth. Clear search, connection, and confirmation states guide users through the process and make the device ready for use with minimal setup.

the connected riding ecosystem app searching for a Bluetooth connection to the device
the connected riding ecosystem app confirming successful Bluetooth pairing with the device

Route Planning & Navigation

The navigation experience allows riders to quickly search for a destination, build a route, and stay informed as road conditions change. Alternative routes and traffic updates are surfaced directly within the navigation flow, helping riders adjust their journey without leaving the active route.

the connected riding ecosystem app route setup screen with destination search results
the connected riding ecosystem navigation screen offering an alternative route due to traffic

Real-Time Speed Awareness

The speedometer provides immediate visual feedback based on the rider’s current speed and the detected speed limit. Clear color-coded states make it easy to recognize normal riding conditions and speed-limit warnings at a glance, keeping essential information visible without adding unnecessary complexity.

the connected riding ecosystem speedometer showing a speed of 48 km/h below the set limit
the connected riding ecosystem speedometer warning that 190 km/h exceeds the set speed limit

Smart Riding Alerts

The app delivers contextual alerts and navigation notifications directly within the active route. Speed warnings, upcoming maneuvers, and other important updates are clearly prioritized, helping riders react to changing conditions while keeping essential navigation and speed information visible.

the connected riding ecosystem navigation screen with a speed limit warning at 78 km/h
the connected riding ecosystem navigation screen showing a roundabout instruction and a speed of 44 km/h

Adaptive Light Mode

The light mode provides the same functionality and visual hierarchy in a brighter interface, maintaining clarity and consistency across the experience. Alert preferences, speed tolerance, and visual warning settings remain easy to configure while preserving familiar interaction patterns.

the connected riding ecosystem app alert settings for speed, turns, route deviations and navigation
the connected riding ecosystem app screen for adjusting speed tolerance and alert colors

Introducing the connected riding ecosystem

The connected riding ecosystem is a connected riding ecosystem designed to fit naturally into the modern rider’s lifestyle. By bringing together the Pilot device, mobile app, and digital experience, the connected riding ecosystem makes everyday riding more connected, informed, and intuitive - from planning a journey to staying aware of what’s happening on the road.

the connected riding ecosystem website homepage with a motorcyclist at sunset and mobile app download links

Product Features

The website presents the connected riding ecosystem’s key features, compatibility, and practical benefits through a clear, product-focused experience, helping customers understand how the device works and what it brings to everyday riding.

the connected riding ecosystem website feature section for personalised speed alerts and rider-focused navigation
the connected riding ecosystem website newsletter subscription form

Product in Motion

Created as a premium digital showcase, the 3D sequence explores the connected riding ecosystem through carefully composed angles, fluid motion, and refined lighting. The experience draws attention to the product’s proportions and details while communicating the precision behind its physical design.

Product Details & Specifications

A detailed product presentation gives customers a closer look at the connected riding ecosystem hardware and its technical capabilities. Key information including design, connectivity, battery performance, charging, compatibility, and device specifications is structured to support a more informed purchase decision.

the connected riding ecosystem smart LED dashboard with technical specifications

Conclusion

The connected riding ecosystem project brought together a connected hardware product, a mobile application, and a marketing website into one digital ecosystem for riders. We designed the experience around the complete journey - from discovering and connecting the Pilot device to planning routes, navigating, monitoring speed, and receiving real-time riding alerts. The work also focused on translating technically complex functionality into clear and understandable interactions. Device pairing, navigation, speed awareness, alerts, personalization, and product information were structured to help riders use the ecosystem with less friction while keeping essential information accessible during the ride. Together, these experiences create a consistent product journey across the app and website, combining everyday riding functionality with a clear presentation of the product and its capabilities.

image-4 image image-9 image-8 image-7 image-6 image-5 image-36 image-35 image-34 image-33 image-32 image-31 image-30 image-3 image-29 image-28 image-27 image-26 image-25 image-24 image-23 image-22 image-21 image-20 image-2 image-19 image-18 image-17 image-16 image-15 image-14 image-13 image-12 image-11 image-10 image-1 image-27 image-28 image-29 image-3 image-30 image-31 image-21 image-22 image-23 image-24 image-25 image-26 image-4 image image-9 image-8 image-7 image-6 image-1 image-10 image-11 image-12 image-13 image-14 image-32 image-33 image-34 image-35 image-36 image-5 image-20 image-2 image-19 image-18 image-17 image-16 image-15 image-1 image-10 image-11 image-12 image-13 image-14 image-15 image-16 image-17 image-18 image-19 image-2 image-20 image-21 image-22 image-23 image-24 image-25 image-26 image-27 image-28 image-29 image-3 image-30 image-31 image-32 image-33 image-34 image-35 image-36 image-5 image-6 image-7 image-8 image-9 image image-4

Your Next Step Starts Here

We don’t just analyze businesses - we uncover opportunities.

Let’s Talk
Let’s Talk