A foundation for a trucks and equipment brand
Setting the base UI direction and UX flow for a trucks and equipment business, from competitor research and information architecture through to a built front-end mockup.
- Role
- UI Design, UX Flow, Front-End Mockup
- Discipline
- UI / UX
- Year
- 2024
- Headline
- 0 to 1 From research to mockup
Context
Platinum Trucks & Equipment needed a starting point: a clear UI direction and a sensible structure to build a site on, rather than a fully mature product. The work was about establishing the foundation that everything else could grow from.
The problem
Starting from zero is its own kind of hard. With no existing structure to react to, the job was to make the early decisions well: a base UI variation worth committing to, a UX flow that matched how buyers actually move, and an information architecture that wouldn't need tearing up once the catalogue and content grew.
Process
- 01
Grounded it in quick competitor research
Basic competitor analysis mapped how similar trucks and equipment businesses structure their sites, so the early choices were informed by what the category already trains buyers to expect.
- 02
Set the architecture and flow
I laid out a basic information architecture and the core UX flow first, deciding how someone moves from landing to a specific unit before any visual polish went on top of it.
- 03
Built the mockup in code
The deliverable went past static screens into an actual front-end mockup in HTML, CSS, and JavaScript, so the direction could be seen and clicked rather than only described.
Outcome
Platinum came away with a concrete base to build on: a UI direction, a structure, and a working front-end mockup that turned an idea into something tangible the business could react to and take forward.
- Base UI Direction set
- Coded Front-end mockup delivered
The unglamorous first move on any project: decide the structure well, so everything built on top of it has somewhere solid to stand.