My project for course: The Narrative Web: storytelling applied to UX/UI design
przez Anastasiya Dalenka @dalenka
- 187
- 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 komentarze
chiara_10
Prowadzący PlusAnastazja, świetna robota z tą pracą. Jestem pod wielkim wrażeniem jakości, kompleksowego podejścia i efektu końcowego. Doceniam sposób, w jaki zaprojektowałeś stronę tak, aby odpowiadała potrzebom i celom obu grup użytkowników.
Zaspokojenie potrzeb dwóch różnych grup docelowych jest dość skomplikowane (ten kurs jest dla początkujących ;)), ale udało Ci się znaleźć wspólną płaszczyznę i zaprojektować końcową stronę, która będzie pasować dla wszystkich.
Zadałeś kilka świetnych pytań na temat ilustracji. Jest ściśle powiązany z marką i ogólnym doświadczeniem, jakie marka chce zapewnić. Ponieważ jest to marka fikcyjna, istnieje duża elastyczność.
Jednak w prawdziwym świecie strategia wybrana przez markę w celu promowania produktów z limitowanej edycji zależy od ogólnej strategii marki. Na przykład marka taka jak Curiouser & Curiouser, posiadająca w swojej witrynie wiele innych produktów, może zdecydować się na ponowne wykorzystanie ilustracji przedstawiających caddie do oznakowania strony docelowej poświęconej specjalnej edycji caddie, upamiętniającej zarówno herbatę, jak i jej artystę. Z drugiej strony mogliby zachować unikalne ilustracje caddiego, podczas gdy pozostała część strony zachowała wspólne elementy wizualne marki używane w innych materiałach komunikacyjnych firmy. Obydwa podejścia są dobre, o ile są zgodne ze strategią marki.
Na przykład Nike tworzy unikalną ministronę internetową dla każdej pary butów z limitowanej edycji. Projekt tych stron docelowych znacznie różni się od korporacyjnej strony internetowej. Z drugiej strony marki takie jak włoska marka ciastek Mulino Bianco wolą zachować spójność projektu i komunikacji wizualnej całej marki, nawet podczas wprowadzania na rynek nowego produktu w postaci ciastek, mimo że opakowanie i samo ciastko są nieco inne.
Mam nadzieję, że to wyjaśnia Ci sprawę.
Ja też wolę płaskie ilustracje. Myślę, że dobrze wpisują się w świeże i innowacyjne podejście marki Curiouser & Curiouser do produkcji swoich herbat. Dobra robota!
Zobacz oryginał
Ukryj oryginał
dalenka
@chiara_10 Dzięki za odpowiedź i przykłady, dzięki nim wszystko stało się znacznie jaśniejsze!
Najtrudniej jest mi wtedy, gdy klienci, którzy chcą reklamować swój produkt, tak naprawdę skupiają się na konkretnym stylu interfejsu użytkownika, który im się podoba, nawet jeśli uważam, że nie pasuje on dobrze do produktu. Na przykład mogą chcieć, aby strona docelowa kliniki medycznej była wykonana w bardzo ostrym, brutalnym stylu. Chcę nalegać na to, co najlepsze dla użytkowników, ale trudno nalegać na zmianę stylu, ponieważ mógłbym stracić tego klienta. Mam jednak nadzieję, że zastosowanie technik opowiadania historii może w tym pomóc.
Zdałem sobie sprawę, że sposób, w jaki przedstawiam proponowane rozwiązanie, stanowi ogromną część mojej pracy. Jeśli uda mi się opowiedzieć przekonującą historię na temat moich wyborów projektowych, być może uda mi się przekonać klientów, aby wybrali coś, co będzie dobre dla użytkowników i firmy, a nie tylko to, co początkowo podobało im się wizualnie.
Zobacz oryginał
Ukryj oryginał
Zaloguj się lub dołącz bezpłatnie, aby móc komentować