My project for course: The Narrative Web: storytelling applied to UX/UI design
par Anastasiya Dalenka @dalenka
- 188
- 10
- 2
Hi Chiara!
Here is my version of the website for Daniel:
You can also check it in Figma. Feel free to leave comments if you see any problems or ways for improvement: https://www.figma.com/proto/zqbzfnZaEeBsDqJnkCYZIM/Curiouser-%26-Curiouser?page-id=0%3A1&node-id=1-2200&viewport=590%2C2492%2C0.34&t=xtdDze0oZ1DESJWU-1&scaling=scale-down-width
I think overall the experience will be similar to Laura's one. The only difference is that Daniel will likely find the website via search engine or go directly to it from recommendations. His experience will primarily involve researching and comparing options with other tea shops. That's why I moved the block with the offer higher and added a modal with a discount for the first-time buyer if a user spent more than 10 seconds on the website.
I also want to know your opinion about the image styles. In the first drafts, I used acrylic style images: https://www.figma.com/proto/zqbzfnZaEeBsDqJnkCYZIM/Curiouser-%26-Curiouser?page-id=1%3A2777&node-id=1-2778&viewport=466%2C1908%2C0.43&t=LK1IxrVNZjcA3Ca9-1&scaling=scale-down-width
I like them, but they feel off because they're different from the flat elements on the caddy. I'm wondering how important it is. It feels like the website tells a slightly different story than the artist who made the design of the caddy intended. That's why I decided to go with realistic photos + flat illustrations in the final design.
Thank you for the wonderful course! The materials are perfectly structured, and the additional resources (PDF files) look awesome. They also inspired me when I was working on the final project 🤩.
2 commentaires
chiara_10
Professeur PlusAnastasya, excellent travail sur ce travail. Je suis vraiment impressionné par la qualité, l'approche globale et le résultat final. J'apprécie la façon dont vous avez conçu la page pour répondre aux besoins et aux objectifs des deux groupes d'utilisateurs.
Il est assez complexe de s'adresser à deux groupes cibles différents (ce cours est destiné aux débutants ;)), mais vous avez réussi à trouver un terrain d'entente et à concevoir une page finale qui convient à tous.
Vous aviez d’excellentes questions sur les illustrations. C'est étroitement lié à la marque et à l'expérience globale qu'elle souhaite offrir. Puisqu'il s'agit d'une marque fictive, il y a beaucoup de flexibilité.
Cependant, dans le monde réel, la stratégie qu’une marque choisit pour promouvoir ses produits en édition limitée dépend de sa stratégie globale de marque. Par exemple, une marque comme Curiouser & Curiouser, avec de nombreux autres produits sur son site, pourrait choisir de réutiliser les illustrations du caddie pour marquer la page de destination dédiée au caddie en édition spéciale, célébrant à la fois le thé et son artiste. D'un autre côté, ils pourraient conserver les illustrations du caddie uniques au caddie, tandis que le reste de la page conserve les visuels de marque courants utilisés sur d'autres supports de communication de l'entreprise. Les deux approches conviennent tant qu’elles s’alignent sur la stratégie de marque.
Nike, par exemple, crée un mini-site Web unique pour chaque paire de chaussures en édition limitée. La conception de ces pages de destination diffère considérablement de celle de son site Web d'entreprise. D'un autre côté, des marques comme la marque italienne de biscuits Mulino Bianco préfèrent maintenir la cohérence du design et de la communication visuelle de leur marque globale, même lors du lancement de nouveaux produits de biscuits, même si l'emballage et le biscuit lui-même sont légèrement différents.
J'espère que cela clarifie les choses pour vous.
Je préfère aussi les illustrations plates. Je pense qu'ils s'alignent bien avec l'approche fraîche et innovante de la marque Curiouser & Curiouser dans la production de leurs thés. Bon travail!
Afficher le texte original
Masquer le texte original
dalenka
@chiara_10 Merci pour la réponse et les exemples, ils ont rendu les choses beaucoup plus claires !
Le plus difficile pour moi, c'est lorsque les clients qui souhaitent faire la publicité de leur produit se concentrent vraiment sur un style d'interface utilisateur spécifique qu'ils aiment, même si je pense qu'il ne correspond pas bien au produit. Par exemple, ils voudront peut-être une page de destination pour une clinique médicale réalisée dans un style super audacieux et brutal. Je veux faire pression pour obtenir ce qu'il y a de mieux pour les utilisateurs, mais il est difficile d'insister pour changer de style car je pourrais perdre ce client. Mais j'espère que l'utilisation de techniques de narration pourrait aider.
J'ai réalisé que la façon dont je présente la solution proposée représente une grande partie de mon travail. Si je peux raconter une histoire convaincante autour de mes choix de conception, je pourrai peut-être convaincre les clients d'opter pour quelque chose qui fonctionne pour les utilisateurs et l'entreprise, et pas seulement pour ce qui les a initialement séduits visuellement.
Afficher le texte original
Masquer le texte original
Connectez-vous ou inscrivez-vous gratuitement pour commenter