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's the difference between UI and UX?

If UX draws the architect's plan, UI chooses the materials, the paint and the finishes. UX has laid out the plan; UI chooses the materials of the interface. We design both together.

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.

It's time to bring the solution to life and prepare the handover to the developers. Making sure form fully serves function.

The final sprint: the moment we have been waiting for from the start, when everything is about to come to life and things become final. And when we prepare the handover to the developers, because it is not all glamour and glitter either.
Moving from grayscale mockups (no, that was not a bold, if slightly austere, creative choice, they were wireframes) to art direction and high-fidelity mockups. Translating the identity into a delicate balance of colors, fonts, visual choices, layout and motion, so that what is useful is also pleasant for users.

Browse our UI design case studies

Lucie Anceaume Art Director & Fan of dragons and spices

Your need

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

This means reconciling the requirements of three parties (at least). First, your branding, identity, image, and the graphic experience you want to offer. Then, your users and their potential accessibility situations. Finally, the technical teams who will implement all of it. At the end of the process, the product mockup is in the state closest to what everyone will eventually have in their hands.

Meet the UI team

What we help you do

Here, UI isn't UX, and vice versa. We've laid out the skeleton of the experience to make sure it would perfectly meet stakeholders' needs. Now it's time to give the solution tangible form: set an art direction, roll it out across devices, screens and platforms, and hand it over to the technical teams.

Set the art direction

It all starts with art direction. We agree on the creative direction: a brief to get off to a good start, your existing brand identity assets, and benchmark and moodboard work to see what you like and don't like elsewhere. We use all that to produce several creative directions and apply them to an approved wireframe so you can see exactly what they look like. You'll like the first, the second less so; in the third, you'll like this but not that. Or the other way round. You'll want to mix them together. We call that a cabbit: part cat, part rabbit. We put it all in the shaker, and it becomes the design guidelines that will frame the entire rollout.

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, microanimations, typography, choice of visual types... Every decision affects the user experience and how users will remember it. We make sure every choice serves your intention, your users' needs and the developers' constraints.

Develop your interfaces (we can speak that language, but each to their own profession!), apply graphic styling before the UX wireframes are defined (every change would cost you twice as much!), or simply execute without being able to give our opinion (others are fine with that, and they cost less too).