The Narrative Web: storytelling applied to UX/UI design
The Narrative Web: storytelling applied to UX/UI design
de Ángela Saldaña Contreras @angelasaldana
- 9
- 0
- 0
Introduction
In my storytelling applied to UX/UI design course I have been doing tasks related to each unit. Starting from understanding the UX process and how storytelling can be useful for landing pages. At the end of the course I had created a High-Fidelity design for the home page of company I work on, 1xINTERNET.

Supplies
I used Figma and PDF editor.
User persona
I created an user persona and after thought about the goals I want he to complete and what I need to design for it.

Story telling creation
Based in my user I created a user story following the course unit. So at the end I had what travel would user do in our website and what emotions would this evoke.

Benchmark & Inspiration
For inspiration I used similar company websites and some resources from the course.

Low-fidelity wireframes
First I reviewed the current website, make some notes about the actual info and write down what I want to place and in which order. I placed all my ideas in a paper as a list and then I created a low fidelity wireframe as the first visual step for my design.

High Fidelity Wireframes
I created high fidelity wireframes in Figma using the low-fi wireframes as base.



Design
As last step, I created a design based on the wireframes. Adding colours, typography styles, components, images, text and prototyping the whole page.



0 comentários
Faça login ou cadastre-se Gratuitamente para comentar