Revers wireframing

What the heck is revers wireframing? I would say that this exercise’s goal is to learn how to synthesize the content of any website to realize what are the most important elements that form the structure of the navigation users will see once in your app or web. We tend to love beautiful pictures and typographies, fancy effects that are created for our delightment and marketing purposes. It is less usual to pay attention to where and why things are placed where they are. That’s how a UX professional works, and in Ironhack they are trying to switch our focused on it. So we are going to invert the wireframing process, from a finished app to its origins, peeling its layers and taking only the important pieces.

Emov is an app to rent an electric car for short periods of time (car-sharing). It uses Vulog to operate and was launched in 2016 in Madrid with 500 electric Citroens in the fleet. By early January 2017, there were already 40,000 users in the city.

Some of the screens in their app look this way. Of course all the app is completed with all the designed branding, with pink and violet colors and cars illustrating some pages.

Emov original and finished design. You can see the process from the login to the car availability.

Our approach must be synthetic, what means to just use black and white figures to avoid distractions and only consider the structure.

Sketch work to simplify the structure and see only the basics of the navigation
Final presentation with the chosen device