Skip to content

cjleeau/oem-system-stack

Repository files navigation

OEM System Stack — Prototype

An experimental OEM intelligence interface exploring how complex automotive data can be structured, visualised, and interacted with in a more coherent, decision-focused way.

🔗 Live prototype: https://cjleeau.github.io/oem-system-stack/


Overview

This repository contains an early-stage prototype designed to test how an OEM-facing system could present:

  • vehicle data
  • market signals
  • operational insights

in a way that prioritises clarity, hierarchy, and usability over traditional dashboard patterns.

The focus is not feature completeness, but interaction quality and structural direction.


Purpose of This Prototype

The current implementation exists to explore:

  • How to move away from dashboard-heavy interfaces
  • How to surface high-signal information without clutter
  • How layout, hierarchy, and motion influence comprehension
  • How multiple data types can live within a single coherent system

This is a design and interaction prototype, not a production-ready application.


What This Is

  • A working front-end prototype
  • A structured UI exploration
  • A foundation for future system development

What This Is Not

  • A complete product
  • A fully validated data model
  • A production-ready system
  • A final representation of the platform

Key Characteristics

  • Dark, premium interface direction
  • Strong emphasis on layout and hierarchy
  • Minimal reliance on traditional tables and dashboards
  • Component-driven structure
  • Early motion and interaction patterns

Current State

  • Core layout and shell established
  • Initial components and patterns in place
  • Prototype interactions implemented
  • Data is static and simplified

Some areas are intentionally incomplete or simplified to allow rapid iteration.


⚠️ Next Version (In Development)

A significantly more advanced version of this system is currently being developed.

This next iteration will:

  • Introduce a structured data contract
  • Add decision-layer intelligence (Battery Intelligence)
  • Improve interaction patterns and motion
  • Refine visual system and component consistency
  • Expand beyond prototype-level architecture

This repository will remain as a reference point for the original prototype.


Development

Install

pnpm install

Run Locally

pnpm dev

Build

pnpm build

Design Direction

This prototype intentionally avoids:

  • Dense dashboards
  • Overloaded data tables
  • Excessive visual noise

Instead, it explores:

  • Clear hierarchy
  • Focused information blocks
  • Progressive disclosure of detail
  • A more considered, product-like experience

Notes

This project was built to move quickly and test ideas.

As a result:

  • Some patterns may change significantly
  • Some components may be replaced or removed
  • Code structure may evolve in future versions

About

Global Automotive OEM digital ecosystem using a layered systems architecture and D3 visualisation.

Topics

Resources

Stars

Watchers

Forks

Packages

 
 
 

Contributors

Languages