BTRES • Lead Designer • 2019
Visualizing engine performance in real-time
I designed multiple touchscreen gauge displays, auto logging, auto dyno, map switching, fault checking, and more for Audi cars. Built on the power of Dyno Spectrum, this system presents a dynamic interface for complete transparency on your car's performance, as well as data storage for all logs.
Listen to case study
Loading case study audio...
Problem
There is not a clean and easy-to-read display for Audi engine performance. The current solutions require viewing the data after-the-fact, or not having one entirely.
Proposal
Design an interface, dials, and meters for a touch panel to reflect engine performance for Audis. This UI needs to be implemented via CSS and some additional SVG graphics. Additionally, the company needs branding and a logo.
Impact & outcomes
The dynamic gauge interface provides real-time performance data, enhancing user experience and vehicle monitoring.
User interface design
Real-time KPIs on one screen with dynamic gauges, min and max, labels, graphs, and more.
Brand identity
I designed the logo and brand mark for the company's marketing, website, and product.
Branding
Designing the branding began with the company's name "better than." They were looking for a logo and a brand mark to include as a badge on the gauge dashboard. "Resolutions" was added to the company name, which resulted in the "Res" in the final logo. Red was the chosen logo accent color, to match the color of the gauges and dials.
Animations and style
The dials were designed as stackable shapes with linear and radial gradients. The layers could be rendered as CSS with CSS animations to give motion to the gauge displays. CSS styling was key because the unit was capable of hosting it's own CSS, without needing to import any asset libraries for images.
Skills & competencies
Key areas of expertise and methodologies applied during this project.