Raidho – UI Design en Atomic design

Ui design web

Raidho est une marque destinée aux sportifs professionnels spécialisés dans le marathon et sports de course. Leur produit est composé d’une puce à mettre sur les chaussures entrelacées dans les lasser, d’un site e-commerce d’achat et d’une application de suivi sportif.
Le concept : Une puce de suivi sportif à placer sur la chaussure et connectée à une application mobile.
Leur promesse : Maximisez vos performances sportives avec notre puce connecté.

Durée du projet :

6 mois

outils :

Figma – Pexel – Photoshop – illustrator

Nous avons fait les maquettes selon les wireframes et notre charte graphique et éditoriale. Nous avons construit un design system ou plutôt un Ui kit pour la partie web, qui est un site one page. Cet Ui kit se compose:

Des boutons et leurs variants
Les icônes et pictogrammes utilisés
Les éléments principaux comme le header et footer
Les typographies utilisées en taille pour : les titres, les textes, les différentes graisses.

Nous avons construit un Ui kit pour la partie application mobile qui se rapproche de celui du web. Nous avons différencié les 2 car les règlementations pour les applications ne sont pas les mêmes que pour un site web. Cet Ui kit se compose :

Les typographies utilisées en taille pour : les titres, les textes, les différentes graisses.
Les éléments comme : articles, dropdown, texte aera, formulaire
Les icônes et pictogrammes utilisés
Le menu de l’application