Automotive UI · Brand Design · JavaScript
VELOXSimplicity meets intelligent driving.
01 — Overview
A concept brand built around
intelligent in-car experience.
Velox is a concept automotive brand created to explore the future of in-car digital experiences. This project focused on designing an interactive dashboard display that prioritizes clarity, speed, and ease of use while driving.
The interface was powered by JavaScript interactions and centred around a simplified 3-button system for essential controls — reducing cognitive load without sacrificing capability.
02 — The Challenge
Modern dashboards are
too loud.
Modern car dashboards often become cluttered, distracting, or overly complex. The challenge was to design an interface that solved real in-car usability problems without stripping away capability.
- Reduce cognitive load while driving — every glance away from the road costs attention
- Keep key features easy to access with minimal taps or swipes
- Feel premium and futuristic — quality that matches a high-end vehicle context
- Support entertainment and utility needs without creating visual noise
- Create a unique brand identity from scratch — no existing brand constraints
03 — My Role
End-to-end ownership
from brand to build.
Brand concept creation
Vehicle ideation & direction
UI / UX design
Interaction planning
JavaScript functionality
Visual direction
04 — Brand Creation
Why Velox?
To avoid relying on existing brands and to create complete creative freedom, I developed Velox as a new automotive concept brand focused on speed, intelligence, and modern luxury.
The name Velox is inspired by "velocity" — immediate, motion-driven, decisive. Rather than building on an existing automotive reference, the brand was constructed from nothing: name, identity, tone, and vehicle concept all created specifically for this project.
This gave the UI complete freedom — no legacy design system to conform to, no brand constraints to work around. Every decision was made in service of the user experience, not inherited conventions.
Brand Name
Velox — from Latin & velocity
Identity
Clean, futuristic, minimal luxury
Brand Pillars
Speed · Intelligence · Modern Luxury
Design Language
Dark interfaces, sharp geometry, purposeful motion
05 — Product Concept
Core navigation:
3-button system.
The interface used three simple controls to reduce complexity and improve accessibility. Each button maps to one clear domain — no nested menus, no hunting for functions.
Vehicle Control
Lighting, settings, drive functions — the core vehicle behaviours accessible in a single tap.
In-Car Apps
Media, navigation, and connected experiences — entertainment and utility without clutter.
Vehicle Status
Battery/fuel levels, maintenance alerts, diagnostics — health monitoring at a glance.
Wireframe Images
Upload wireframes.jpg to ./assets/
06 — Design Decisions
While driving,
less is more.
Every UI decision was filtered through a single constraint: this interface is used at 100 km/h. That changes everything about how you prioritise, size, and structure a screen.
Large tap targets — minimum touch areas sized for a moving vehicle, no precision tapping required
Clear icons — immediately recognisable at a glance, no labels required for core functions
Minimal distractions — nothing on screen that doesn't need to be there right now
Fast transitions — screen changes under 200ms to minimise attention interruption
Strong contrast — readable in direct sunlight, at night, and in variable lighting
Readable typography — large, high-weight type for at-a-glance information scanning
07 — Technical Build
Built with JavaScript
not just screens.
JavaScript was used to power screen changes, interactions, and functional behaviour — turning the concept into a more realistic prototype rather than static visuals. State management, transition logic, and input handling were all coded from scratch, making the dashboard respond like a real product.
08 — Visual Development
The vehicle is
part of the brand.
The Velox vehicle itself was imagined and generated as a custom 3D concept using generative AI — helping create a complete product ecosystem around the interface. The car is inseparable from the dashboard; the two had to feel like they came from the same design language.
09 — What I Learned
Designing for constraints
sharpens everything.
Designing for usability in high-attention, high-consequence environments
Simplifying complex systems without hiding capability
Connecting brand identity and interface design into one coherent system
Building interactive prototypes with JavaScript from scratch
Thinking like a product designer — considering the full ecosystem, not just the screen
Live Project
Drive the
interface.
Experience the Velox dashboard prototype — real JavaScript interactions, the 3-button system, and the full in-car UI, live in your browser.
View Full Experience