Design system

The subtle art of sharpening the visual and functional consistency of your interfaces.

Benefit from a reference system

Guaranteeing you a coherent digital expression

Nowadays, the digital presence of brands has become their main communication tool. The image is present on the website, but also on numerous applications and social networks. Mastering your identity is a real challenge. It is essential to build a coherent ecosystem in order to optimise the user and customer experience. 

The main objective of a Design System is to make your users' lives easier by optimising their experiences on your interfaces so that the trust they place in your organisation is complete!

Image
Design system

Access a library of centralised and ready-to-use components

A Design System is a reference library that includes the graphic charter and the ergonomic charter. Whether it's your logo in its various variations, the components of your visual charter or all the functional elements of your applications, they are described and available to the specialists who contribute to your digital presence.

Image
Graphic Atomic Design

Benefit from user experience (UX) recommendations

A Design System is also an opportunity to position yourself in terms of the experience you wish to offer your users. Good practices in terms of ergonomics, accessibility standards and editorial tone represent your values and forge your reputation. Your visual charter also becomes functional... and unique.

Optimise the work process of your teams

A Design System allows your teams to share a common vision of your goals. It allows them to focus on what's important and, in doing so, find the best solutions to align those goals with your users' needs.

If your teams can start each new project with graphic assets ready to be integrated, the time and development savings will optimise time and costs. Briefings, workflows and approvals are streamlined. As a result, your products will be available more quickly.

Who are the users of the Design System?

In addition to your visitors, 3 types of main contributors will be positively impacted:

Your project managers

They will have access to:

  • ergonomic guidelines and recommended accessibility standards;
  • aspects related to the indexing of your content in search engines;
  • visual and technical resources to share with service providers;
  • educational material related to the challenges of your digital presence.

They will benefit from:

  • information to prepare precise creative briefing;
  • a charter to assess the compliance of deliverables;
  • centralized resources, available, up to date and easy to distribute.
Your creatives

They will have access to:

  • your visual chart and your Corporate Guidelines;
  • the graphical resources of your visual identity;
  • your recommendations in terms of user experience;
  • all validated and described interface components.

They will benefit from:

  • a quick immersion in your visual universe and your quality criteria;
  • repetitive work steps eliminated and rapid validation;
  • resources allowing them to concentrate on the ergonomics of interfaces.
Your developers

They will have access to:

  • concise information about your technical background;
  • your recommendations in terms of visibility and accessibility;
  • all interface components in code, ready for integration;
  • resources concerning the responsive behaviors of interfaces.

They will benefit from:

  • a quick immersion in your technical context;
  • repetitive developments with no added value avoided;
  • Codes tested and display errors eliminated.

We support you in the creation and implementation of your design system

Establishing the digital charter of your organisation's values is certainly a project that will call into question a few certainties... and mobilise the precious time of your employees. At Inovae, we believe that a Design System should fit smoothly into your context and generate enthusiasm among your teams. A charter that is not adopted and applied will be useless. We support you with a rigorous process that is tailored to your needs and priorities.

The main objective is to quickly establish a first version that allows you to quickly adjust the consistency of your interfaces.

Inventory and audit
  • Analysis of your digital ecosystem.
  • Inventory of your interfaces.
  • Visual and functional consistency audit.
  • UX and accessibility audit.
  • Exhaustive list of your graphical elements and your components.
Scope and platform
  • Definition of the needs of your future digital chart.
  • Choice of a platform adapted to the scope of your Design System.
  • Common analysis of the educational topics to be addressed.
  • Implementation of the platform.
Priorities
  • Implementation of the architecture of content.
  • Planning of the implementation stages.
  • Definition of priority information and resources.
Visual design
  • Analysis of the compliance of your visual identity for optimal use in the digital context.
  • Graphic design / standardisation of interface components.
  • Analysis of iconographic needs.
  • Typographic optimisation.
  • Definition of a digital color palette.
Visual components
  • Definition of preferred graphics software.
  • Organisation of the atomic library and naming conventions.
  • Preparation of all interface components.
  • Creation of all the visual elements required by the different components.
  • Writing of functional descriptions of each component.
  • Definition of a digital color palette.
Technical components
  • Definition of required code formats.
  • Development of all components.
  • Implementation of a strategy for updating resources.
Recommendations
  • Definition of UX related topics that need to be addressed.
  • Content creation.
Dissemination
  • Presentation and training of the Design System to your users.
  • Preparation of educational material available in the charter.
  • Training of your users and support.
Check out our blog posts on design

Let's discuss your project together

Based in Geneva, our digital experts look forward to discussing your strategic challenges and objectives.
We regularly organise presentations at our clients' sites and would be delighted to come and meet you.

 

Our office

Inovae 
Rue Du-Roveray 16
1207 Geneva
Switzerland
View on Google Maps

Contact

[email protected]
+41 22 548 00 28

Kian Rieben

Kian Rieben
Director & Partner
LinkedIn

Let's discuss your project together

Based in Geneva, our digital experts look forward to discussing your strategic challenges and objectives. We regularly organise presentations at our client's sites and would be delighted to come and meet you.

Close