En bref
Pour ce projet étudiant, une équipe de quatre personnes a eu deux jours pour concevoir et prototyper une marque de vêtements virtuels à partir de zéro. Notre utilisateur cible était Ilef, un gamer de 28 ans et un collectionneur axé sur le design qui dépense pour des articles d'avatar numérique lorsque le design est rare, unique et visuellement frappant. En avançant rapidement à travers le processus de design complet, nous avons développé un moodboard, établi un kit UI et progressé des maquettes basse fidélité jusqu'aux maquettes haute fidélité. Le prototype final démontre un flux d'achat sur desktop pour des vêtements d'avatar virtuel. Le résultat est Star Wears, une marque de mode virtuelle inspirée de l'an 2000 qui canalise une vision futuriste du passé avec des vêtements audacieux, nostalgiques et résolument tournés vers l'avenir.
Ce qu'on a choisi et pourquoi
Pour notre cible, nous avons mené une recherche rapide sur le marché et constaté que l'utilisateur moyen intéressé par la mode virtuelle a tendance à être dans la vingtaine avancée, avec un fort intérêt pour les jeux vidéo et une compréhension réelle de la valeur sociale et culturelle de l’expression de soi numérique. En tenant compte de cela, nous avons choisi un thème de revival Y2K, une esthétique qui semblait native au paysage virtuel edgy d'aujourd'hui tout en ayant un véritable poids nostalgique pour notre démographique. À partir de là, nous avons recherché des interfaces de vêtements d'avatar existantes pour trouver des mises en page qui correspondaient à la vision de la marque avant de collaborer sur nos maquettes.
Une décision clé en matière de design a été de choisir un environnement de boutique 3D immersif plutôt qu'un catalogue de commerce électronique standard. Plutôt que d'acheter simplement une texture, nous voulions que l'utilisateur ait l'impression de pénétrer dans un monde qui prolongeait sa propre expérience virtuelle. Faire du shopping devient une partie du jeu plutôt qu'une interruption. Pour servir davantage le désir de notre public d'une expression de soi unique, nous avons priorisé la personnalisation tout au long des écrans de produit, offrant aux utilisateurs la possibilité de personnaliser la couleur et le style directement. L'inclusion d'un aperçu de mannequin renforce cela en permettant aux utilisateurs de visualiser comment un morceau pourrait réellement apparaître sur leur avatar avant de s'engager dans un achat.
Résultats
Dans deux jours, notre équipe a livré un prototype de bureau entièrement marqué couvrant l'ensemble du flux utilisateur, de l'écran d'accueil immersif de la boutique à la sélection des produits et à la personnalisation des couleurs. Le kit UI et le moodboard ont établi un système visuel cohérent qui a porté l'esthétique du revival Y2K de manière consistante sur chaque écran. Le résultat final est une interface utilisateur qui capture l'esprit ludique de jeux comme Les Sims tout en poussant vers quelque chose de plus cinématographique et futuriste, une boutique virtuelle immersive construite pour les utilisateurs qui considèrent leur identité numérique aussi sérieusement que la leur réelle. Notre enseignant a reconnu la véritable ambition créative du travail, et le retour principal était de pousser plus loin sur les éléments interactifs pour mieux démontrer le plein potentiel du prototype.
Conseils à moi-même
Avec du recul, avoir le bon logiciel de retouche photo dès le départ aurait permis de gagner un temps significatif. Trouver des modèles de base adaptés pour nos cadres haute-fidélité s'est avéré plus difficile que prévu, car très peu correspondaient à l'esthétique futuriste et sans genre que nous recherchions. Du côté de l'interface utilisateur, le texte de la description du produit est placé sur un panneau en verre dépoli qui rend la lecture difficile dans certaines zones, ce qui signifie que le contraste et la lisibilité doivent être révisés pour garantir que le texte soit toujours clair, peu importe l'arrière-plan. La barre latérale de navigation des catégories est également fonctionnelle mais visuellement discrète par rapport à la richesse du reste de l'interface, et bénéficierait d'une élévation pour mieux s'accorder à l'esthétique générale. Enfin, le parcours client a été écourté en raison des contraintes de temps, et un flux de paiement aux côtés d'un écran de profil utilisateur aurait complété l'expérience et mieux montré la vision complète de la marque.
