Vallier
Client : Altitude Sports
Rôle: Designer UI/UX, Designer Web
Outils : Sketch, InVision
Contexte
Le projet de conception web pour Vallier.com avait pour objectif de créer une expérience utilisateur immersive et élégante, reflétant l’identité de la marque tout en mettant en valeur ses produits de manière optimale. Vallier, reconnu pour ses vêtements intemporels combinant style urbain et fonctionnalité, nécessitait une plateforme qui allie esthétisme, performance et simplicité.
Objectifs principaux
Renforcer l’identité de marque : Traduire l’esthétique épurée et moderne de Vallier en une interface visuelle cohérente et engageante.
Optimiser l’expérience utilisateur : Proposer une navigation fluide et intuitive, orientée vers la découverte des produits.
S’adapter à un modèle non transactionnel : Trouver une solution efficace pour rediriger les utilisateurs vers le site partenaire, Altitude Sports, pour le processus d’achat.
Solution proposée :
Design minimaliste et fonctionnel : Une mise en page épurée, avec une typographie moderne et une palette de couleurs inspirée de l’univers Vallier.
Navigation optimisée : Des catégories bien définies et une recherche avancée pour permettre aux utilisateurs de trouver rapidement ce qu’ils recherchent.
Intégration mobile-first : Une conception priorisant l’expérience mobile, garantissant des performances parfaites sur tous les appareils.
Mécanisme de redirection fluide : Chaque fiche produit intègre un appel à l’action clair qui redirige automatiquement l’utilisateur vers la page correspondante sur le site transactionnel d’Altitude Sports. Cette solution garantit une transition fluide tout en maintenant une expérience utilisateur positive.
Focus storytelling : Une section éditoriale inspirante, incluant des articles et des guides pour connecter les utilisateurs à l’essence de la marque.
Ce projet a permis à Vallier de proposer une plateforme en ligne qui incarne sa philosophie intemporelle et sophistiquée tout en surmontant les défis liés à l’absence de fonctionnalité transactionnelle directe.
Mes responsabilités:
Création de Wireframes
Création de maquettes avec Sketch
Communication avec l’équipe de développement
Assurance qualité
Tests d’accessibilité