Contexte et objectifs
Dans le cadre de ma formation Webdesigner Concepteur UX-UI de Activmedia, j’ai travaillé sur ce projet commun de site web et communication à 360°. Ce travail était surtout une mise en application technique et parfois créative des différents modules de formation.
Le client fictif est Génial Shop, une entreprise spécialisée dans la vente (B2B) de vélos cargos électriques et écologiques pour la restauration mobile.
En plus du design UI, j’ai travaillé notamment sur :
- Des visuels
- Le logo
- Un flyer
- Une vidéo
- L’intégration de la home page
- Une newsletter
Outils utilisés : Canva, Photoshop, Illustrator, Filmora, WordPress
Design UI
La partie design UI consistait à refaire sur figma la maquette de la page d’accueil du site, en version desktop et mobile.
J’ai utilisé notamment les auto layouts, les grilles, les composants, les variants, les styles de couleur et typographie.
Composition de la page :
- Un header, avec logo, menu de navigation, et icône de panier
- Une section « hero » avec un visuel, une phrase d’accroche, et la proposition de valeur
- Des boutons en grille pour accéder aux catégories de produits
- Un call-to-action qui emmène vers la boutique
- Deux sections descriptives qui mettent en avant les spécificités de l’offre et ses avantages
- Deux sections de preuves sociales avec les « testimonials », et les logotypes des entreprises partenaires
- Un footer, avec logo, menu de navigation, et un formulaire d’inscription à la newsletter
Outil utilisé : Figma
Bilan
📝 Ce projet était avant tout un ensemble d’exercices techniques destinés à valider nos connaissances. La partie UX en était presque absente. Néanmoins, ce travail m’a permis d’entraîner mon œil de designer et d’acquérir des automatismes sur Figma.