Challenge 2: Wireframing
For this second challenge I have chosen to work with FRICHTI, a french app created in 2015 that proposes to deliver some fresh food or even better: some fresh cooked meals.
I decided to analyse how you choose your product until the payment checkout. I found it interesting to analyse this flow and how it works in an app that is used by a lot of consumers during lunch time: which means users don’t have a lot of time to lunch because they work so the flow has to be intuitive, quick and efficient.
The product that I chose are fresh fruits :
- You select your kind of food
- You choose which fruits you want
- You look at the property of the fruits you want to buy
- You add them to your basket
- Click on your basket icon
- Arrived at you basket page : you have the detail of your list of products you chose
- Go to the checkout (address, card, ..)
- Order
In this app there is a lot of UI elements such as toggle, buttons, text field, search field, sliders, icons, images, notifications, … (please see some of them in the picture below)
First I drew the user flow in lo-fi :
Then I used Figma to do the wireframe :
And then… the prototype !
I learned a lot during this challenge. First of all I learned to focus on what is really important and which information to choose. It was the first time I analysed a flow and I realised how much work it needs to be efficient and user friendly ! I discovered the concept of “wireframe” and I really like it even though it’s not as easy as it seems ! The best part of this challenge was the prototype part : it’s really amazing to see your work in a concrete representation. At the stage of the prototype I realised that some of my wireframes weren’t exactly correct so I had to arrange them. It’s a really interesting part of the work !