Wireframe Challenge — EMOV APP

I continue my Ironhack prework. Here you’ll see the fourth exercise. We had to wireframe an existing app, Emov App. You can see the existing version below.

EXISTING APP

My final product should be simple, in black and white, but still follow the same flow as the high-fidelity screens shared above.

Target what is important

We’d like to copy each elements, write the right text immediatly… But here the exercise is to show how the app will work before thinking about the design.

So we have to use SIMPLE elements to transfigure the existing interfaces.

• place good information
• symbolize images and logo by boxes
• links or buttons to go to the other pages on the app ( /!\ not be stuck )
• clear screens
• what is mandatory or not

Let’s see the complete exercise:

HOW I WIREFRAME IT !

My impressions:

• + I feel comfortable with Sketch now.
• When I begin a project I tend to think about small details, or the idea come from a detail ! Sometimes it’s hard to stop me or to simplify things. So this exercise was quite difficult for me.