click image

Agorize

Design System

Product design
Context
Several internal needs are at the origin of the conception of the Agorize design system:
- improve the coherence between our different products and pages using several frameworks
- synchronise as well as possible the development teams and the design (components, naming, colors...)
- improve the efficiency and facilitate the work of the team by reducing the time of prototyping to test the proposals quickly
- find an effective way to share the knowledge and facilitating the onboarding of newcomers
Design Principles
The first step of this redesign work was to determine the values and principles of the product with the technical, marketing and product teams.

Consistent
Agorize is divided into several products for each profiles (participants, administrators, mentors, teachers...). The design system must standardize all components to create a single interface between the different roles and facilitate the work of developers.

Clear
Agorize is a very complete and sometimes complex platform. It is therefore essential to facilitate access to features and allow any type of profile to use the interface. The visual language and the components must serve this simplicity.

Human
Whether you are a participant, a mentor or an administrator, the Agorize platform is for everyone. It must be inclusive and respect accessibility rules.

Adaptive
Agorize's clients are diverse and each has its own identity and language. This is why each component of the interface is designed to be adapted. Thus, the shape of the buttons, the colors of the flash messages or the content of certain texts must be adaptable and customizable to reflect the values of our customers.

Responsive
35% of Agorize users are mobile users, so every interface and component must be designed to fit any screen: mobile, tablet and desktop.

Next chapter: