Wolt collecting app – how it could be
I love to order things from Wolt. Especially, on weekend evenings, 20-30 minutes before the shop closes 😂 It is exactly THAT time when I realize that I want something, but I didn't buy anything 🍨🍟
A few weeks ago I saw the opening for an intern position at Wolt. And I applied. "One more internship? Why?", – you might think. Very simple. I would never miss the opportunity to learn, even if it takes another 6 months to do it. And I could only imagine how cool it is to be an intern at Wolt 🤩That's why I applied. The competition was tough, there were more than 80 talented candidates. Unfortunately, I didn't get the job. But there is nothing to be sad about, it's all good for experience. And such things won't dampen my enthusiasm.
The task was to design a picking/collecting interface on iOS. There should be interfaces, where their retail partner would see what the user has ordered and can - while walking around the store - mark items as collected and/or indicate if they are all or partially out of stock during fulfillment.
This task was primarily a UI task and not an end-to-end UX/UI task, just to understand the applicant's UI abilities. More details about the task you can find here.
Also, you can check the whole design and prototype to see how everything is working together.
There won't be any solid case studies here, just a few of my thoughts, since everything I did is pretty obvious.
I tried to create something easy to use on a go. I almost immediately settled on the option where you can scroll and mark items in the list. Plus, I grouped items as they are located at the store. So the user can choose where he/she wants to start and just go through the list marking the items as collected, fully or partially out of stock, or even can replace the item that is currently unavailable.
Here you can also see some helpful and timesaving features, like:
- replacement suggestions based on article name, type, or product group (price is also an important criteria);
- search for a replacement, if the right product isn't in the suggestions list (and only if it's needed since I didn't go very deep into research, it's just my idea about how to save time).
- if the user marks an item as fully out of stock and this item can be replaced, the quantity is defined automatically (if there were 4 bananas to collect, it will be marked as 4 bananas to be replaced by smth equivalent).
- if some item is out of stock, but cannot be replaced, the app notifies about it, and suggest to contact support. Then, there the message will be generated with the item name and quantity that is out of stock, so the support specialist will help to resolve this issue with the customer. Hopefully, that could save the user's time.
- last check of collected items before pick up. I wasn't that sure about it, but from my understanding of the process, it's quite logical. The picker collects all items into the basket, then goes to the cashier and transfers them into the bag. So at this moment, it may be helpful to double-check if everything was collected correctly.
Also, I created components for the main elements. It's amazing when everything is organized. I love this feature in Figma 🥰 And I want to encourage all Figma people to use components in their work. It will definitely save you time!