The Narrative Web: storytelling applied to UX/UI design

The Narrative Web: storytelling applied to UX/UI design

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.

I used Figma and PDF editor.

I created an user persona and after thought about the goals I want he to complete and what I need to design for it.

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.

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

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.

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

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