Skip to content
Creative Nomad DesignCREATIVE NOMAD
← All work
04Battle Motors — Raider truck

2027 Raider ICE Data Book

Turning dense engineering spec data into a designed product — searchable, navigable, and printable.

Data book index — the navigable subsystem map
Data book index — the navigable subsystem map▤ Image
Client
Battle Motors
Role
Information design + build
Year
2026
Surface
20+ subsystem sections
Search
120KB JSON index
Output
Web + printable PDF
01The challenge

Engineering spec data for the Raider truck lived as raw tables, PDFs, and engineer notes — accurate but unusable. Finding a single value meant hunting through documents. The job was to turn that dense data into something a user can read, search, and print without losing fidelity.

It's the proof point most designers can't show: information design as a deliverable, with the discipline to track content parity against the engineering source so nothing is lost in translation.

02The approach
01

Structure the whole subsystem map

20+ section pages cover every subsystem — cab, cab-interior, cab-electrical, chassis-frame, axles-suspension, brakes-steering, drivetrain, engines, transmission, fuel-system, air-system, paint-wheels, instrumentation, standard-equipment, safety, and more. The structure itself is the first design decision.

02

Build search into the document

A 120KB search-index.json makes the entire spec book searchable across all content — so a user finds a value in seconds instead of scanning pages. Search isn't a feature bolted on; it's how the document is meant to be used.

03

One source, two outputs

A full-book.html for online reading and a print-all.html for a clean printable PDF — the same content serving screen and paper without a second authoring pass.

03Information Design

The deliverable is a navigable system over engineering data, with parity tracked against the source so the designed version stays trustworthy.

ArtifactPurpose
20+ subsystem pagesOne screen per system, consistently structured
search-index.jsonFull-text search across the book (120KB)
full-book.htmlContinuous online reading view
print-all.htmlClean printable / PDF output
_parity_audit_reportTracks content parity vs. engineering notes
04Motion vocabulary

Search in action

Type a term and the book filters to matching spec entries instantly — the core interaction that turns a static reference into a tool.

05Selected work
01

Index / table of contents

A clear entry point into 20+ subsystems — the map that makes a dense reference feel navigable.

02

Subsystem pages

Engines and instrumentation are the most visually dense; the layout system keeps even the heaviest spec tables legible.

03

Print output

print-all.html produces a clean, paginated document — the spec book as a physical artifact when a dealer or engineer needs paper.

06Captures
Engines — emissions, configs & cross-reference
Engines — emissions, configs & cross-reference▤ Image
Brakes & steering
Brakes & steering▤ Image
Fuel system
Fuel system▤ Image
Transmission
Transmission▤ Image
Engine accessories & cooling
Engine accessories & cooling▤ Image
07Before / After

The arc is the whole story: raw data in, a designed product out.

Find a spec
Before

Hunt through PDFs & notes

After

Search the index, seconds to answer

Format
Before

Scattered files, no system

After

20+ consistent subsystem pages

Distribution
Before

Email a PDF

After

One source → web + print

Dark / Light theme
Light
Light▤ Image
Dark
Dark▤ Image
08Outcome

A reference that engineers and dealers can actually use — and a clean third proof of capability beyond UI and full-stack: information design.

20+

Subsystem sections

120KB

Search index, full-text

2

Outputs from one source (web + print)

parity

Audited against engineering source

What I owned

Original wireframes and end-to-end UI/UX in Figma, information architecture, the searchable document system, the web + print output pipeline, and the parity audit against engineering notes.

Next case — 01

Fortris.ai Marketing Site

Want something like this?

Start a conversation