HomeServicesUI/UX & mockups

UI/UX & product design — approved before a line of code.

Strategy, wireframes and pixel-perfect interactive mockups — the exact process behind this website. Use it standalone for your own dev team, or as phase one of a PrimeoLab build.

The process, visible

Sketch, wireframe, polished

Every screen earns its way up the fidelity ladder. You sign off cheaply at the bottom, so the expensive pixels at the top never get re-drawn.

01 · sketchidea
02 · wireframestructure
03 · polishedhi-fi

Colour system

--bg--pn--ac#18E4C2accent
radius / 22pxspace / 8pt gridelevation / 4light + dark

Type scale

Aa
Sora · headings
Manrope · body
JetBrains · mono

Display / Sora 600

Body copy in Manrope keeps long reads calm and legible at any density.

tokens.color.accent = linear-gradient(...)

On the canvas

Six artboards we work across

From the first journey map to the last reusable component — disciplined design, not decoration.

strategy.fig

Product strategy

User journeys, feature mapping, scope you can afford.

wireframe.fig

Wireframes

The skeleton agreed before pixels get expensive.

hifi-ui.fig

High-fidelity UI

Light & dark, every state, every screen.

prototype.fig

Interactive prototypes

Click through the product before it exists.

system.fig

Design systems

Tokens and components your developers reuse forever.

redesign.fig

Redesigns

Your existing product, modernised without breaking habits.

Redesign note

Modernise without losing what works

A redesign should feel like the same product after a great night's sleep — familiar, but sharper. We move clutter, not muscle memory.

Before

Cluttered, dated, friction-heavy

Competing actions, inconsistent spacing, and a 2014 visual language that quietly costs you conversions.

After

Focused, modern, on-brand

Logo, colours and voice stay. One clear path per screen, a coherent system, and the clutter gone — habits intact.

In the box

Every engagement includes

  • Clickable prototype (like our showcase)
  • Complete developer handoff pack
  • Design system + asset library
  • Two structured revision rounds included

What you get, technically

Mockups & prototypesDesign tokensLight + darkResponsive specsHandoff docsBrand kit

Good questions

Before you brief us

Q.We already have developers. Do you only design?

Gladly — about a third of our design work is delivered straight to in-house teams as a handoff pack: screens, flows, tokens, edge cases and a written spec developers actually thank us for.

Q.How many revisions are included?

Two structured rounds per phase, which is almost always enough because you approve wireframes before high-fidelity starts. Extra rounds are quoted transparently.

Q.Can you redesign without losing our brand?

Yes — we modernise around your brand equity. Logo, colours and voice stay; clutter, friction and 2014 go.

Tell us your idea.

Scoped proposal and a fixed quote within 48 hours — free, NDA on request.

Get my quote