Dans le cadre d'un processus de recrutement, j'ai été chargé de concevoir l'interface utilisateur d'une application mobile permettant aux utilisateurs d'explorer et d'acheter des produits écologiques. On m'a donné exactement une semaine pour soumettre mon travail.
Mood Board

Nom de marque
Trouver un nom de marque peut être la partie la plus difficile du processus de conception car le nom est essentiel et doit refléter notre thème commun pour atteindre un bon design.
J'ai recherché des noms liés à la nature, la cohésion, l'environnement, le vert, le durable et l'éco-responsable. Je voulais un nom qui puisse refléter l'idée d'un lieu unique (marché / plateforme de commerce électronique) éthique avec des produits bénéfiques pour la planète.
J'ai choisi "Hiveby", qui évoque une ruche, un lieu communautaire / un réseau pour trouver d'excellents produits écologiques. C'est tout au sujet de la proximité, de la communauté et de la durabilité. Les abeilles sont essentielles à la vie et représentent la planète.

Police, couleur & accessiblité
Couleur Primaire: Un vert atténué peut créer une sensation de tranquillité et de confort, idéal pour les designs qui visent à rassurer. Le vert est universellement reconnu pour la conscience environnementale et la durabilité. Cette nuance particulière reflète les valeurs écologiques. C'est une teinte de vert moins courante, ce qui pourrait aider à se démarquer et à véhiculer un sentiment d'unicité ou de non-conformité.
Couleur Secondaire: Cette nuance s'harmonise bien avec les esthétiques de design modernes et minimalistes, suggérant une focalisation sur l'essentiel. En raison de sa nature légère et discrète, cette couleur fonctionne bien comme arrière-plan ou comme élément d'équilibre, permettant aux autres couleurs de ressortir plus nettement.

Logo




Wireframes
L'application devait être conviviale et facilement mémorable pour les utilisateurs, similaire à d'autres plateformes de commerce électronique disponibles, mais je voulais y ajouter cette petite touche esthétique supplémentaire.
🤔 J'ai tenté de concevoir une page de paiement qui s'éloigne de la norme, mais je ne suis pas certain qu'elle offre la meilleure expérience utilisateur. Bien qu'elle maintienne le flux de paiement et intègre des éléments visuels, trois étapes peuvent être trop pour les utilisateurs pendant leurs achats.

Prototype Hi-Fi


J'ai conçu la page d'accueil pour qu'elle soit aussi attrayante visuellement que possible ; les premières secondes sont cruciales pour retenir les utilisateurs sur l'application. Avoir une interface utilisateur belle et épurée est essentiel. Vous pouvez facilement accéder aux catégories que vous achetez fréquemment pour une navigation plus rapide. Les utilisateurs peuvent voir la progression de leurs commandes récentes en haut de l'écran. De grandes cartes sont conçues pour présenter les nouveaux produits et fournir des informations détaillées, y compris une histoire sur le créateur lorsqu'on clique dessus. En dessous de ces cartes, les utilisateurs peuvent accéder aux informations sur le processus de production du produit et à ses attributs écologiques.


La mise au point de la liste est sur le produit lui-même, permettant aux utilisateurs d'ajouter facilement des articles à leur liste de souhaits. Les filtres pour la taille, les couleurs, les prix, etc., sont standard sur la plupart des applications de commerce électronique, ce qui les rend confortables et faciles à naviguer et à mémoriser. Dans le cadre de la conception UX, j'ai envisagé de ne pas afficher le prix initialement, encourageant ainsi les utilisateurs à effectuer une étape supplémentaire, ce qui pourrait augmenter les chances d'achat de l'article, mais cela pourrait potentiellement nuire à l'expérience utilisateur globale.


La page a été méticuleusement conçue pour offrir un accès facile aux différentes couleurs et tailles disponibles. D'un coup d'œil, les utilisateurs peuvent voir comment le produit répond aux normes éthiques et écologiques grâce à des étiquettes informatives. Des informations détaillées sur le produit, y compris sa coupe et d'autres détails pertinents, sont facilement accessibles aux utilisateurs. L'élément de carte produit est grand et permet le changement d'images, permettant aux utilisateurs de voir facilement l'article sous tous les angles.




Pour le processus de paiement, je souhaitais quelque chose d'innovant et convivial tout en maintenant une certaine familiarité pour les utilisateurs. Vous pouvez utiliser le bouton classique sur l'interface utilisateur pour passer à l'étape suivante, ou simplement faire glisser vers le haut et vers le bas pour naviguer à travers les différentes étapes. La navigation est intentionnellement conçue pour être aussi simple que possible, avec des éléments d'interface utilisateur vous guidant de manière transparente tout au long du processus. À tout moment, vous avez une vue claire du montant total dû et de ce qu'il inclut. En cas d'erreur, l'annulation de votre commande est facilement accessible.




Utilisant l'intelligence artificielle générative, le compagnon Hiveby AI aidera les utilisateurs à découvrir des produits qui correspondent à leur style personnel unique et à leurs préférences, en mettant l'accent sur les produits naturels et respectueux de l'environnement. Les utilisateurs peuvent améliorer la sélection de l'IA en donnant leur avis sur les recommandations de Hiveby AI.
Prochaine étape
La prochaine étape pour Hiveby sera de trouver la meilleure intégration possible pour l'intelligence artificielle générative, lui permettant de guider les utilisateurs et de les assister pendant leurs achats sur la plateforme. Il sera fascinant de voir comment cette technologie peut être mise en œuvre dans la vie des gens de manière discrète et efficace.