Design System
Atomic design. Caliper ensures scalability and accessibility compliance.
Caha! were struggling to maintain and build upon their existing cross platform app. I redesigned and built a system called Caliper that can be used across the team, focusing on usability, scaleability and accessibility.
150+ custom icons
Created specifically for Caha! With a hint of playfulness in each icon
Semantic tokens
Built to switch between light & dark modes with just a click
Reusable components
Atomic design principles enhance both speed and efficiency
User Testing
Testing & validation. Ensuring designs are accessible and usable across all age ranges.
Initially we validated several prototypes for the new Caha! redesign with an audience of employees alongside a sample rate of twenty 18-60 year olds. We knew from initial user testing customers and new users had a strong connection with the product and it's branding.
Research
Participants were asked to complete several tasks from the primary landing page for the app, each prototype consisted of the same features in a refreshed design pattern
Prototype 1
This was the current Caha! product live on the App Store & Google Play. Customers felt that the product was poorly designed and had numerous encounters with bugs and poor performance. Customers really enjoyed being able to see their car at the top of the app.
Prototype 2
During testing a majority of male participants felt the the pink felt too female oriented but enjoyed the level of playfulness within the product. There was also additional comments around that fuel prices at the top of the page was continent
Prototype 3
This demo scored the highest in all tests we conducted. There was a strong emphasis on simplicity easy to navigate, typography sizes felt natural and had a great balance of form and function. Customers would like the option for a dark mode
Impact
Design. A essential part of the success of the product
Redesigning the mobile app faced countless hurdles—from nitty-gritty edge cases to core user flows, typography, and branding. However, the product's new refreshed look and marks a pivotal point in the brand's transformation.
All in one app
Keep track of important reminders, petrol prices & store car documents
Documents
Access your documents at anytime anywhere.
Maps
Access to thousands of fuel stations, parking locations and more
Wipe away the problem
Surprise and delight even in the most frustrating situations
Fuel prices at your fingertips
Save money every time you fill up! Curated to your own vehicle
Charging
In-app payments allow for paying to charge your car a whole lot easier
Engineering
Built with React Native. For speed and efficiency to deploy on both iOS & Android.
Hit the ground running
A small team of 8 engineers to build both front-end & backend
Cross platform engineering
Built with a modern tech stack that scales into the tens of millions
RootNavigator.tsx
Available for hire
© 2025 Jake Round