Interface design

Concept

The visible layer of the product

Interface design (UI design) focuses on the visual and interactive layer of a digital product: layout, typography, colours, components. It's what the user sees and acts upon, distinct from the overall experience they feel. It's important to distinguish it from interaction design (how it responds) and experience design (what the user feels).

Here, we offer you an interface that is beautiful and pleasant, but above all usable! We treat every project with these three axes in mind, to offer you the very best.

What is it for?

  • designing interfaces that are consistent, legible and visually accessible
  • translating an information architecture and interaction flows into concrete screens
  • establishing and maintaining a coherent Design System

What's the need?

  • keeping harmony in the appearance of your product and across all its variations
  • documenting the components of an interface in a shared design System
  • making your product(s) easier to read (e.g. an action button will always have this specific appearance).

Building your design

01

Understand the context and know your users well

A beautiful but unsuitable design cannot work. It's always important to properly take into account the steps upstream of the UI.

02

Define the information hierarchy

it's important to do real UX work before diving into high-fidelity mock-ups. You have to seek clarity and simplicity, and avoid cognitive friction.

03

Ensure consistency

putting a graphic charter in place is an important step that can't be neglected. Style, colours, typography, spacing… every detail matters. You'll also need to think through each of these elements with accessibility standards in mind!

Frequently asked questions

Interaction design

Interaction design defines what a user can do and how a product responds to actions: flows, states, transitions, feedback.

Read more about Interaction design

Experience design

Experience design (UX design) shapes the overall experience beyond the interface. It focuses on what the user encounters: journeys, emotions, contexts

Read more about Experience design

Wireframe

A wireframe is a mockup describing the zones and essential components an interface should contain.

Read more about Wireframe

Zoning

The visual representation of an interface through the placement of various content blocks, kept simple and without details such as text or images.

Read more about Zoning

Curious to learn more about us?

Everyone talks about user experience, service design, ergonomics...
It's not always clear, and you'd like to find out, or sharpen what you already know.

Let's talk