Curioser & Curioser - Web Design
by Geovana Gabrielle @g_gabrielle
- 242
- 5
- 1
Desenvolvimento de um mockup de alta fidelidade de uma marca fictícia de chá. O design foi realizado como projeto final para o curso "A rede narrativa: storytelling aplicado ao design de UX/UI", dentro da plataforma Domestika.
O intuito do exercício consiste no mapeamento da experiência de um usuário que visita pela primeira vez a página. A persona estudada, Daniel, deve iniciar sua jornada em uma propaganda da marca pelo facebook, e finalizar comprando um produto.

Para mapear a experiência de Daniel, a narrativa foi separada em atos, sequências, cenas e pontos de plotagem para avançar a história.
Nota-se também a importância da análise das emoções do personagem para o desenvolvimento pessoal até o ato de compra, em que a plataforma se adapta as necessidades do usuário.

Antes de iniciar o desenvolvimento da interface, foi feito um estudo de referências para capturar inspirações para o layout e estilo da página. Foram usados como fonte de inspiração infográficos, projetos de web design e design editorial.

Enquanto buscava referências, foram realizados os rascunhos de possíveis layouts para o site, para a seguir começar a fazer as propostas de wireframe, seguindo ainda o mapeamento do início do projeto.


Ao longo do desenvolvimento da página, fez-se necessário desenvolver algumas artes para os perfis fictícios utilizados na sessão e avaliações. Também foram desenvolvidas artes adicionais para os "coasters" usados como brinde, afim de seguir a proposta para a cena.

Foi necessário fazer algumas alterações no desenvolvimento do protótipo de alta fidelidade. Além de pequenas alterações de layout e composição, foi necessário acrescentar e alterar o posicionamento de algumas cenas, o que se provou melhor para a narrativa e adaptação a novos personagens.


1 comment
chiara
Teacher PlusDear Geovana,
I can only say in words how impressed I am with your work and project (my face is all smiles and my heart is full of gratitude!). As a teacher, it is truly satisfying to see the process you went through by following my course and using your own knowledge. Thank you for sharing this work with us. I am confident that many other students will find your work and approach inspiring, just as I did.
Your mockups are fantastic, and I appreciate how you transformed your research into a visual story/mockup for the hypothetical user.
Thank you once again for your hard work, and keep up the great work.
Chiara
Log in or join for Free to comment