omnisense
Case 13 / 28
2026
  • Concept · self-initiated
  • SaaS / web app
  • logistics / EV fleet

Voltyard

Every van charged by 06:00 — at the cheapest hour the grid allows.

Depot command center for electric delivery fleets: charging schedule vs routes, battery health and energy cost per delivery.

Motion preview — 0:12 loopA 10–15 s click-through: depot → charging plan → move a van → live map.
Services
Product strategy · UX / UI design · Data visualisation · Design system
Platform
Web app · desktop 1440, office + ops-mode dark
Year
2026
Type
Concept · self-initiated
Key decisions
  • Vector, on purpose
  • Two themes
01Overview

A self-initiated concept, designed like a real product.

The brief we set ourselves

Design a depot command centre for electric delivery fleets: which van charges where and when, which will miss its departure, and what each delivery costs in energy.

Who it is for

Fleet and depot managers at last-mile logistics companies — the night-shift lead who has 40 vans, 12 chargers and a grid cap of 900 kW.

What we designed

The depot overview with charger bays, tonight's charging plan as a Gantt against departures, a live route map in dark ops-mode and the monthly energy & cost report.

4key screens3 office-light + 1 ops-mode dark
16.6:1text contrastasphalt on concrete (AA needs 4.5)
4.8:1label on charge greenblack text on primary buttons
2raster imagesthe 3D brand mark and one user photo — map, charts and icons are drawn vectors

Design facts from the concept files — not business results.

02Research

Electric fleets are here. Depots still plan charging on a whiteboard.

We checked how fast electric trucks are being adopted, how the charging network is maturing, and what broad telematics products show — then cut the scope down to one job: the night at the depot.

We checked how fast electric trucks are being adopted, how the charging network is maturing, and what broad telematics products show — then cut the scope down to one job: the night at the depot.

  1. Adoption

    Electric trucks reached about 9% of truck sales in 2025 — over 400,000 vehicles, double the year before (IEA).

    DecisionDesign for a depot already running dozens of electric vans: the unit of the interface is a van with a departure time, not a single car.

  2. Infrastructure

    Public charging grew by a third in 2025 to about 7 million points — but delivery fleets still charge at their own depot, overnight.

    DecisionThe core screen is tonight's plan: charging sessions against departures, peak-tariff hours shaded, the grid cap drawn on the site load.

  3. Scope

    Telematics platforms such as Samsara cover the whole fleet — tracking, safety, maintenance — and depot charging is one tab among many.

    DecisionDo one job deeply: risk-first lists («VAN-07 may miss 05:40»), one-click fixes («Move to C-01 · 150 kW») and cost per delivery.

Patterns we borrowed

Samsara
Only the scope of fleet operations as a reference; no screens or visuals audited or reused
Project planning tools
A Gantt with a now-line, here against each van's departure marker
Network ops consoles
A dark ops-mode for the live map — high-contrast routes at night
Energy dashboards
Tariff bands and site load with a cap line

What we left out

Logos, screens and copy of Samsara or any charger maker, and real depot locations. Voltyard has its own name and mark, and the city on the map is invented.

Moodboard references

03Before → After

From tables of vans to a plan you can read at 2 a.m.

Every «before» is generated from the very same screen markup, reduced to outlines, readable labels and grey word-bars — no colour, charts or map. Drag the handle to compare.

Before — Tonight's charging plan, generated wireframe
After — Tonight's charging plan, final hi-fi design
After · hi-fiBefore · wireframe
Tonight's charging plan
Before — Depot overview, generated wireframe
After — Depot overview, final hi-fi design
After · hi-fiBefore · wireframe
Depot overview
Before — Live map · ops-mode, generated wireframe
After — Live map · ops-mode, final hi-fi design
After · hi-fiBefore · wireframe
Live map · ops-mode
Before — Energy & cost, generated wireframe
After — Energy & cost, final hi-fi design
After · hi-fiBefore · wireframe
Energy & cost
  1. 01

    Hierarchy

    Risk before inventory: «9 of 10 vans reach target» in the subtitle, late-risk and no-bay vans flagged in the Gantt, «Needs attention» beside the charger bays.

  2. 02

    Grid & density

    A fixed sidebar and a 12-column canvas; big numerals in the KPI row, dense Gantt and table rows where the night lead scans.

  3. 03

    States

    Charging / starts at / late risk / fault / available bays, a selected van with tooltip, a no-free-bay row, a low-return-SoC van on the map, a meter-data gap in the report.

  4. 04

    Vector, on purpose

    No photos or 3D inside the product: map, charts, state-of-charge bars and icons are drawn vectors — operations software should look like an instrument. 3D lives only in the brand mark.

  5. 05

    Two themes

    Office-light for planning; ops-mode dark for the live map at night, with the same lime and green reading on both.

  6. 06

    Real-looking data

    40 vans, 4 × 150 kW / 5 × 50 kW / 3 × 22 kW chargers, a 900 kW grid cap and a cost per delivery of €0.31 — realistic numbers test every row.

04Brand system

Charge green for actions, volt lime only for data.

Charge green marks actions and charged energy (black labels on it at 4.8:1); volt lime is a data highlight at 1.19:1 on concrete — peak bands, selection, the charging bolt — never text. Space Grotesk sets the engineered numerals, IBM Plex Sans the dense interface.

Voltyard 3D mark
3D mark · the only mark
Voltyard

One mark, in 3D. An isometric charge block with a lime bolt cut through it — one depot bay seen from above. We generated four directions and picked the fourth: the most compact silhouette (block and bolt still read at 40 px in the sidebar and down to 24 px, where a plug or a van fleet falls apart), its green and volt lime are the palette itself, and it stays clear on both concrete and asphalt. There is no flat version — the same raster mark sits in the product, on the case and on the cards, next to a Space Grotesk wordmark.

01 — Palettelight + dark ops-mode
PrimaryCharge green
#0F8A5F
vs bg 3.94:1 · label 4.82:1
AccentVolt lime (data highlight)
#C6F135
on bg 1.19:1
TextAsphalt
#101614
on bg 16.58:1
BackgroundConcrete
#F2F4F3
text on it 16.58:1
SurfaceWhite
#FFFFFF
text on it 18.31:1
MutedCable grey
#4D5A55
on bg 6.53:1
Text / bg16.58:1
Text / surface18.31:1
Muted / bg6.53:1
Muted / surface7.22:1
Primary / bg3.94:1
Label / primary4.82:1

Accent / bg 1.19:1 — volt lime is for data highlights, selection and fills with dark text, never for text or signal icons.

02 — TypographyGoogle Fonts
HeadingSpace GroteskBodyIBM Plex Sans
Heading
Space Grotesk 600
Voltyard
Subheading
Space Grotesk 600
Fleet & depot managers at last-mile logistics companies
Body
IBM Plex Sans 400 · 16/26
Depot command center for electric delivery fleets: charging schedule vs routes, battery health and energy cost per delivery.
Caption
IBM Plex Sans 600 · 12
logistics / EV fleet
GlyphsAaBbCc 0123456789 &@€%→
05Screens

Four screens for one night shift.

Voltyard — Depot overview
01

Depot overview

Ready by 06:00, chargers in use, site load and energy cost tonight; twelve charger bays in their states and what needs attention — a fault, a late risk, a peak overlap.

Voltyard — detail: Gantt against departures
02

Gantt against departures

Peak tariff, the charging session and the departure marker on one row — risk is a gap you can see.

Voltyard — detail: Charger bays
03

Charger bays

Twelve bays, one tile each: charger, power, van, state of charge to target and time to full.

Voltyard — Tonight's charging plan
04

Tonight's charging plan

Each van's charging session against its departure, peak-tariff hours shaded, a late-risk van selected with a faster charger suggested, the site load under the cap.

Voltyard — Live map · ops-mode
05

Live map · ops-mode

Vans on route sorted by return state of charge, routes on a dark map, and VAN-22 projected to return below reserve — with a top-up planned.

Voltyard — Energy & cost
06

Energy & cost

The month's energy, cost and cost per delivery; daily cost split off-peak / peak with estimated days, tariff bands, smart-charging savings and cost per route.

07

Component sheet

Charger status tile in four states, Gantt row (default / selected / risk / no bay), state-of-charge bar, buttons, inputs with error, KPI tile, filter bar with toggles, alert rows and map markers.

Mood

IndustrialElectricLegible

06FAQ

Questions & answers

Is Voltyard a real product?

No. Voltyard is a self-initiated concept by Omnisense — a brief we set ourselves, with no client and no business metrics. All depots, vans, drivers, routes and costs in the screens are sample data, and the city on the map is invented.

Who is Voltyard for?

Fleet and depot managers at last-mile logistics companies — for example a night-shift lead with 40 vans, 12 chargers and a grid cap of 900 kW.

What is the main screen?

Tonight's charging plan: charging sessions as a Gantt against departures, with peak-tariff hours shaded and the grid cap drawn on the site load.

How does it deal with problems?

Risk first: lists such as «VAN-07 may miss 05:40», one-click fixes like «Move to C-01 · 150 kW», and the energy cost of each delivery.

What did you design?

A desktop web app: the depot overview with charger bays, tonight's charging plan, a live route map in dark ops-mode and the monthly energy & cost report — plus a component sheet, logo, palette and type system.

→More work

Related projects

All work

Running operations that need a clearer screen?

We design operational dashboards — schedules, maps and alerts that people read under pressure.

Condensed showcase cases. Full versions are not published.