Skip to content
Services

UX / UI design

Flows, mockups and a component system. Drawn by the people who build them, so they ship as drawn.

FigmaDesign systemAccessibilité

Design that survives development

A beautiful but unbuildable screen costs twice: once to draw it, once to renegotiate it. Because we build what we draw, the signed-off mockup is the one that ships.

What we deliver

  • User flows: the key screens and the paths between them
  • Desktop and mobile mockups of every screen, not just the homepage
  • A reusable component system, with its states
  • Empty, loading and error states, too often forgotten
  • Contrast and sizing meeting accessibility criteria

The screens that actually matter

On a platform, value is not won on the homepage but on the dashboard, the sign-up form and the payment page. That is where most of the design time goes.

Timeline and budget

From €4,500 for a site, two to four weeks. Included at no extra cost when the design accompanies development we carry out.

Why we do not sell design separately, with one exception

A design handed to another supplier for implementation almost always degrades: undrawn states get improvised, spacing drifts, components get duplicated, and nobody owns the gap. We prefer to design what we build.

We make an exception when you have an in-house technical team: in that case we deliver a documented component system, with states and usage rules, usable without us.

The states nobody draws, which make up half the experience

A screen does not exist in a single state. There is loading, the case where there is nothing to show, the error, the over-long list, the over-long text, the invalid field, the denied permission. These cases account for a considerable share of a product's real usage time, and they are almost always missing from mockups — which is why so many interfaces look polished in a demo and feel frustrating in use. We draw them.

Accessibility, treated as a design constraint

Sufficient contrast, touch target sizes, full keyboard navigation, explicit labels, a coherent heading hierarchy, alt text. Retrofitted afterwards, accessibility costs a complete round of mockup rework; handled at design stage it costs almost nothing. It also improves SEO, because the same signals serve search engines.

The screens that actually matter

On a platform, value is not won on the homepage but on the dashboard, the sign-up form and the payment page. On a store, on the product page and the checkout. We allocate design time according to what produces revenue, not what makes an attractive presentation image.

What you receive

  • An organised, named and annotated Figma file
  • The user flows: key screens and the paths between them
  • Desktop and mobile mockups of every template
  • The reusable component system, with all its states
  • The colour, spacing and typography tokens
  • The empty, loading and error states

The file is yours. If you change supplier, it stays usable.

What is not included

Full brand identity creation — logo, guidelines, photographic world. We work with your existing identity, and point you to a specialist studio when one needs to be built.

Projects delivered with this service

5,0/5Google rating
E-commerce · Office furniture

Côté BURO

Next.jsCloudinaryCatalogue
coteburo.fr
3Membership plans
Site & booking · Sport

MH Defense

Next.jsRéservationAbonnements
mh-defense.com
3Languages served
Site & booking · Automotive services

Elite Detail Tampa

Next.jsRéservationTrilingue
elitedetailtampa.com
All services
Let's talk

Got a project? Say hello.

Tell us what you need: within 48 hours you get technical feedback plus a budget and timeline estimate. No commitment.