Rapidoto

  • Conseil
  • UI / UX
  • E-commerce

Dispositif

  • Site web et mobile

Technologie

  • Magento 2 et Elasticsearch

Liens

Voiture rétro
Siteflow Rapidoto

La conception UX

Nous sommes partis d'une page blanche pour la conception de ce site e-commerce, en prenant le soin d'intégrer contraintes liées à l'utilisation du CMS Magento 2 pour faciliter le travail de développement.

Nous avons conçu l'application en prenant en compte les comportements des utilisateurs en mobilité dès le début du projet, usage privilégié de nos utilisateurs cibles.

Wireframe page d'accueil desktop Rapidoto

La réalisation graphique

Un choix colorimétrique qui reprends les codes de la masculinité en lien avec notre cible.

Le Jaune-orangé qui est la couleur principale de Navigation et d’action. Elle est la couleur de la marque. Cette couleur évoque le dynamisme et la chaleur. C’est une couleur stimulante, qui a l’avantage de trancher par rapport aux concurrents directs.

Le Noir pour évoquer la simplicité, sobriété, rigueur.
Le Vert est la couleur secondaire permettant d’affirmer la hiérarchisation visuelle dans la navigation. Il s’agit d’une couleur en complémentarité parfaite avec la couleur chaude Jaune-Orangé.

#FFB400
#323232
#61D2B9
#989898

Iconographie

Nous avons créé un univers pictographique identifiable avec des lignes épurées et en accord avec l'UI du site. La volonté était d'avoir un pictogramme par univers, systématiquement mis en valeur par une couleur vive.

Styleguide

Styleguide Rapidoto
Styleguide Rapidoto

Nous avons appliqué la méthode de conception Atomic Design pour ce projet, afin d'otpimiser le temps de conception et d'intégration, et de fournir un matériel graphique scalable et durable.

Cette méthodologie permet également de concevoir des applications intégrant dès l’origine une réflexion autour des usages utilisateurs, et non pas seulement du responsive, avec notamment une réflexion Mobile First.

Site web et mobile

Mockup Rapidoto
iPhone
UI page d'accueil mobile Rapidoto
iPhone
UI configuration véhicule mobile Rapidoto
UI menu mobile Rapidoto
iPhone
Rapidoto iPhone 4
Ils nous ont fait confiance
Retour en haut keyboard_arrow_down background Layer 1