Customer Journey

Navigation flow

Interface redesign

Affinity Map

Interaction redesign

Sitemap 

Wireframes

UX & UI Design

Starting point

The first thing we did was a heuristic analysis to understand how to adapt our website to the new situation. Also, we made an empathy map and a customer journey.

Organization

Using the Agile Methodologies as a card sorting, we defined 3 types of User Persona, designed a sitemap and the web architecture. Then, we designed the low-fidelity wireframes and tested the new navigation.

Finally, we presented a new responsive website with microinteractions and new transitions.

Conclusions

This was a complicated project because each user could have different roles. I managed to design an attractive website adapted to the digital world.