nike air mag
design ui/prototypage – Figma – scolaire
démarche projet
étape 1 – trouver le produit
Pour commencer, je suis allé sur Behance pour trouver des inspirations pour le projet. En tant que grand fan de la trilogie Back to the Future, j’ai décidé de choisir la paire de souliers Nike Air Mag. Non seulement c’est un modèle iconique, mais c’est aussi un produit très intéressant et ma paire de souliers préférée.
étape 2 – moodboard
Je suis allé sur Pinterest ensuite pour trouver des idées de design qui pourraient bien s’accorder avec le thème du produit. J’ai donc opté pour une approche plutôt futuriste.
étape 3 – début des maquettes
Après avoir trouvé mes inspirations, j’ai commencé à réaliser des maquettes de base (wireframes) pour définir la vision du projet, en y intégrant des images et des palettes de couleurs.
étape 4 – Design des wireframe
Après la phase d’inspiration, je me suis concentré sur la production des wireframes pour structurer la disposition des éléments de ma page. Une fois cette structure validée, je suis passé au design final.
étape 5 – design final des maquettes
Après la phase d’inspiration et la création des wireframes, je me suis concentré sur le design haute fidélité des maquettes, en appliquant tous les styles choisis et les images pour établir le design system final.
étape 6 – protoypage du projet
Finalement, je me suis concentré sur le prototypage du projet pour rendre le tout dynamique. J’ai ainsi intégré les animations, la direction artistique et les flux de navigation à travers l’entièreté du site.
déonouement du projet
En mariant l’esthétique cyberpunk tirée de Back to the Future et les codes du e-commerce moderne, ce site sur tablette trouve une identité visuelle forte. De la phase de recherche sur Pinterest jusqu’aux animations fluides du prototype final, chaque choix graphique a été pensé pour rendre hommage à cette paire légendaire. C’est une réalisation complète qui démontre l’impact d’une direction artistique habitée sur l’engagement de l’utilisateur.