I am working with (at the time of writing) a client who manufacturers aftermarket cruise control kits for motorcycles. His next step is developing an associated app for riders to customize their cruise control experience via a set of configurations.

Currently, the launch version includes a speedometer and CC display and the configuration page with a handful of customization options. Originally the speedometer page had arrows to adjust the cruise control setting but we decided against affording motorcyclists the ability to fiddle with the a screen while riding. The rider can actually just use the attached hardware kit to make that adjustment without looking down...and trying to interact with the app wearing gloves.

While the design has been completed, the development has not yet started.

After development, I will work with him to create an admin suite where he can log in to a backend and perform certain actions (not sure what yet! That will come with discovery later in the year). I am working on this project with Pixeltree Inc., a software agency, where I am the lead UX/UI/Visual designer, project manager, and product manager.

This project began as a new custom build for a client who has an established business creating after-market cruise control kits for motorcycles. These kits include mounted triggers tailor-made for each bike they’re designed for. This app is a companion tool to the cruise control kits. The goal - create a product that gives riders tuning control over their riding experience.

The project kicked off with a discovery meeting where Pixeltree met the Veridian Cruise owner to discuss his vision, priorities, goals, and details. The discovery session led into the design phase where our designer created mockups for the main speedometer page and configuration page.

Below are some draft mockups that explored different kinds of styling to feel out the vibe and brand identity. With client feedback, we were able to narrow the focus to a minimal, bold interface optimized for quick glances and safe in-drive interaction. Considering the context of use, we made the touch points larger for improved accuracy and easy of use. We ended up removing the cruise control toggle buttons since it wouldn’t be drive-safe and the rider already has the triggers at hand, a superior way to adjust cruise control on the go. We also removed the KPMs to reduce clutter.

The configuration page is where riders have access to tuning their cruise control settings. These are expandable/collapsable tiles and feature text fields, sliders, and toggles, depending on the nature of the setting. The client has a separate firmware team we are working with that the app communicates with to pull and send data.

As of September 5, the app is in active development at Pixeltree where I am overseeing development, liaising with the client, firmware team, and my internal team. An admin interface is also being built that will allow admin to create bike profiles and create factory settings, upload firmware updates, and edit other existing pages.

I even designed wallpaper for the client's new office space!