Colette

Pour ce projet lors de mon bootcamp UX/UI à Ironhack, la mission était de concevoir une plateforme responsive pour un magazine. Un user persona a été attribué, et nous devions concevoir cette plateforme pour celui-ci. Le résultat devait être des wireframes et des prototypes hi-hi. Bien que nous appliquions l'ensemble du processus de design thinking pour ce projet, nous nous concentrons davantage sur la partie ui.

Problem statement

Après avoir mené une enquête et plusieurs sondages / entretiens, nous avons commencé à rassembler toutes les idées et à les analyser. Il apparaît que les gens peuvent être inspirés par de nombreuses sources. Alors, comment trier et simplifier cela ? Nous sommes arrivés à l'énoncé de problème suivant : Comment rassembler les personnes qui, au sein d'une même identité, se sentent continuellement inspirées par les nouvelles tendances ?

User Persona & Audience

Voici ci-dessus le user persona sur lequel nous avons dû travailler. Candice est qualifiée de trendy marketeer. Elle se sent toujours inspirée par les dernières tendances et utilise les publications sur les réseaux sociaux comme source d'inspiration pour son travail.

Rôles et responsabilité

The group consisted of two students randomly assembled by the teachers. My partner Ildiko was not physically present in Berlin, thus we work remotely for the whole project. In this project, Ildiko took the UX part, and I took the UI one.

Périmètre et contraintes

Comme pour les trois premiers projets, le délai était serré : 5 jours. Pendant la semaine, nous avons continué à étudier avec des cours sur l'interface utilisateur. Contrairement au projet précédent, il n'y avait pas de partie prenante externe. Nous devions tout concevoir à partir de zéro. Nous étions complètement libres en ce qui concerne le design : c'était notre mission de fournir une expérience cohérente, marquée et attrayante, ainsi que toute la documentation qui permettrait au projet de se poursuivre après votre intervention en tant que concepteurs d'interface utilisateur..

Processus

Empathize

Nous avons commencé ce projet avec la méthode Empathize. Nous avons analysé le persona utilisateur de Candice, en essayant de comprendre son objectif et ses points de frustration. Nous avons réalisé un sondage et plusieurs entretiens. Il apparaît aujourd'hui que nos utilisateurs lisent moins de magazines papier. Ils lisent davantage en ligne et la présence des médias sociaux montre que les utilisateurs ne s'inspirent plus seulement des magazines ou des institutions, mais aussi les uns des autres. Les réponses de l'enquête et de nos entretiens nous ont permis de réaliser que les utilisateurs luttent pour être à la pointe des dernières tendances. Ils peuvent être inondés par de nombreuses sources. Comment pouvons-nous simplifier ce flux d'inspiration ?

Moodboard

Sur la base du user persona de Candice et de l'analyse des concurrents, nous avons créé un moodboard. Cela nous aide à inspirer la direction du design.

Contenu

Nous avons ensuite commencé à réfléchir au contenu du site. Nous voulions simplifier clairement la navigation. Sur la base de l'analyse de nos concurrents, nous avons défini 4 sections principales : Mode, Beauté, Décoration et Habillage.

Mode, Beauté et Décoration sera un flux de contenu lié à ce sujet. Dans ces sections, nous pouvons trouver des nouvelles, des articles plus approfondis d'experts, mais aussi des sections spécifiques afin de relier le lecteur entre eux.

Dans la section Mode, nous trouvons le look de la semaine.Cette fonctionnalité permet au lecteur de postuler pour être le look de la semaine. Ils peuvent poser leur candidature chaque semaine, en envoyant des photos d'eux-mêmes et en décrivant leur look. S'ils sont sélectionnés, leur look sera promu dans cette section et ils pourront inspirer d'autres personnes.

Identité

A travers la marque du magazine, nous voulions renforcer le sentiment de proximité entre le lecteur et le magazine. Nous avons eu l'idée de choisir un prénom, comme si le lecteur pouvait identifier le magazine comme une personne proche, un ami. Morgane ? Cloe ? Colette ? Nous avons essayé différents noms et nous sommes restés sur le choix de Colette.

Quatre couleurs ont été définies pour identifier chaque section. Ces couleurs, légèrement pastel, pourraient être inspirées d'une palette de maquillage.

Wireframes

Les wireframes lofi et medium nous ont aidé à définir la mise en page de la page d'accueil principale et celle des autres sections principales. Ces pages d'accueil doivent être cohérentes dans la mise en page, un seul élément change : la couleur.