UI is the stage where the structure becomes a product you recognise: art direction, palettes, typography, graphic components. We choose the materials of the interface, taking into account your brand, accessibility constraints and what will go into the code afterwards.

UI design

Q: What does UI design include?

Art direction, palettes, typography, graphic components. We formalise these design constraints in a guidelines document, and when the product grows, in a design system to stay consistent.

Q: How do you deliver the mockups?

The mockups are delivered in Figma, with access to all the elements developers need for the build. We design with what will go into the code in mind, so the result matches the mockup.

Q: Why work with a UI design agency?

For a specialised UI profile supporting your teams: delivery quality and a consistent interface over time. We bring the framework, guidelines and components, and we train your teams to maintain it.

If UX draws the architect's plan, UI chooses the materials, the paint and the finishes. Colors, typography, visual components: the stage where the structure becomes a product you can recognize.

UX has laid out the plan, the developers are waiting for the finishes. In between, we choose the materials of the interface: art direction, palettes, typography, visual components. While accounting for your brand, accessibility constraints, and what will move into code next.

Browse our UI design case studies

Lucie Anceaume Art Director & Cinema explorer

Your need

Bring the solution to life without betraying how it's used.

Your brand teams want a strong aesthetic. Your users want readable interfaces. Your developers want a design system that drops into code without ambiguity. These three demands aren't opposites, they get reconciled in the UI work. That's what we do every day.

Meet the UI team

What we help you do

We've been telling UX designers and UI designers apart for over 12 years. Both crafts demand the same quality and the same rigor, but not the same eye. UI design requires a mature visual culture, often shaped by a Fine Arts background, anchored in the ergonomic discipline that the UX chain brings. It's not decoration laid on top of a wireframe; it's the moment when an interface becomes pleasant to look at and useful to operate.

Set the art direction

It all starts with art direction. We put forward three distinct creative directions, backed by moodboards that fit you, so you can decide on concrete proposals rather than intentions. The chosen direction is iterated with your brand team, then becomes the design guidelines that will shape the entire rollout. For the Catalina Coupon Network app, we set a more colourful and airy identity, supported by a clear visual hierarchy, with micro-animations that guide the user and make each interaction more enjoyable.

For example: Coupon Network's visual identity (Catalina)

Roll out in high fidelity, across devices

Build an implementation-ready design system

UI design is about giving shape to the compromise.

Colors, spacing, transitions, typography. Every decision has a tangible effect on the user, and UI design makes sure those effects serve your intention, your users' need, and the developers' constraints.

Develop your interfaces, lay visual styling before the UX wireframes are framed, impose an art direction that ignores your brand or your production constraints.

What we cannot do

They trust us with their UI design

Training

Your teams learn to read a high-fidelity mockup, brief a UI designer and navigate a design system, so you stay in control of your digital projects.

Get trained in UI

Discover the other links in the chain

UX research

Understand what your users actually do in their own context, before deciding what to design for them.

Understand the need

UX design

Which information goes where, and when? That's the UX designers' craft: translating insights into architecture, journeys and wireframes.

Turn the need into a solution

Our UI design case studies

RFP: The call of the mountain

Read the RFP response... that we didn't win

Bordeaux.fr: a portal that informs Bordeaux residents as much as it serves them, with no compromise on accessibility and eco-design

RGAA 95%, RGESN 86%: stepping behind the scenes

See all case studies

Need to elevate your product's aesthetics?

Let's explore together the contexts, journeys and real needs of your users, to help you build products and services that make sense, for them as much as for you.

The methods, tools and deliverables of UI design

A few key concepts, for the more curious among you

Moodboard

A moodboard is a kind of overview of inspiration material, meant to support the artistic choices for the next stages of your project.

Choose before committing

Visual identity

The first element your users perceive, the visual identity is what conveys your industry and lets users or future customers identify you easily.

What people see first

Design guidelines

The visual style guide is a document that brings together all the information and graphic elements of a brand. It includes the rules to follow and the uses to avoid. It keeps the brand image coherent and consistent across all touchpoints.

Hold consistency over time

Visual mockups

Designing the future screens with the visual layer added, to produce the final representation of the interface that gets handed over to the project teams for integration.

From wireframe to pixel-perfect

Design system

A component library, useful for UX/UI designers and developers alike, that exhaustively lists the graphic elements of a digital product.

Design once, reuse everywhere

Responsive design

Responsive design means structuring an interface so the display adapts to different screen sizes depending on the device (automatic resizing and reorganising).

Hold up on every screen