Quick commerce customer App
CLIENT
Macai S.r.l.
YEAR
2022
ACTIVITIES
UX
UI
Art direction
I was involevd in this project as a Senior UI Designer to redesign the customer App for Macai S.r.l., an Italian quick commerce grocery startup, starting with creating a new visual identity.
Analyzed the market scenario and shared a mood board with all product's stakeholders has been defined a lighting, positive and simple look&feel setting white and light orange as a mains colours.
By style tile defined I started to build the design system creating the basic components and making the patterns helpful to create all the layouts.
The product was developing in agile kanban team and I create the UI assets following the UX wireframes, understanding all technicals limits and setting the Screens, User flows, interactive prototype and micro interactions.
On top the nav bar is focused on delivery address, delivery time and profile settings that make easy for the User check witch address is setting or changing that and go to profile screens to consult or edit his datas.
On the middle are shown all important communications or promo messages and in the viewport are also shown the catalogue categories per raw. Any category is scrollable horizontally to make easy find what is looking for or to be inspired by the categories images.
On the bottom the tool bar permits moving immediately by the home page to the searching tool or to the user basket.
An important setting is the delivery address creation that permit to link the right dark store to the User and making the delivery faster. The User cans check in the map his address and set the street number and the delivery details that are important information for the riders.
In the end is request a telephone number witch could be different by the User number and a tag that make easy for the user recognise an address from an other.
From the home page the user cans go to a particularly subcategory and moving from each other on top by scrolling horizontally the tabs and in the bottom moving by microcategories.
Any product card shown product name, quantity, unit cost and the price and through an action button the User cans add a product to his basket.
Tapping the product is open the product details screen that show more informations like certifications, origin country, ingredients and nutritional values.
In the end all the picked products are collect in the basket when is possible check the quantity and what is going to be bought.
In this step the User cans set payment method as Ticket restaurant, credit card or PayPal account, add a discount code and check all the amount details like basket and delivery cost.
When an order is creating is possible track all the delivery steps like Order received, in preparation, ready to be delivered, in delivering and delivered.
The User cans check easily the order states in the tacking screen or in the home page where is shown a preview.
Any order is collect in the profile setting with different states as in progress, delivered, to be delivered and canceled.
