Mobile App UX/UI
Role: Product designer (sole designer)
Client: Tek Tus Mobile
Team: Product owner in Stockholm, engineers in Turkey
Stockholm, 2019
Client: Tek Tus Mobile
Team: Product owner in Stockholm, engineers in Turkey
Stockholm, 2019
Context — A B2B mobile app for water suppliers in Turkey.
Challenge — BiSU's consumer app had modernised water ordering for millions of users, but supplier communication still ran on phone calls. Some of BiSU's roughly 3,500 distributors asked for an app to replace it and to keep track of orders and monthly finances.
What I did — Created a questionnaire for 25 volunteer distributors, defined the user flow, and designed the full UI from sketches to a high fidelity prototype, including a component library. The MVP was in use from the start, and we iterated on it in sprints based on their feedback.
Outcome — A functional B2B app covering real time order tracking, transaction reporting, pricing management and direct communication. Rolled out to thousands of distributors.
About
It’s not safe to drink tap water in 187 countries in the world. As Turkey is being one of them, with no guarantee of clean tap water, the country is surrounded by a web of local/countrywide clean water supply agencies predominantly use phone order method to deliver bottled water to houses.
In 2015, BiSU App was launched to change this outdated phone order method to one-click-action from mobile. With BiSU App, you can see all the brands serving in your region, you can order all sizes of drinking water from any brand you want with a single click. Today (2019), BiSU App is available in most of the cities and used by millions of end users on a daily basis. However there is still a problem!
_____
The Problem
Even though the BiSU app replaced phone ordering on the user's end, communication with suppliers still ran by phone. Some distributors asked for an app to bypass this time consuming method and to keep track of orders and monthly finances. The idea for a B2B app between BiSU and water suppliers came from them, with these requirements:
- Track the orders/delivery status real time.
- Report past orders/transactions.
- Change pricing and stock availability of products.
- Call BiSU or the customer if a problem occurs.
- Report past orders/transactions.
- Change pricing and stock availability of products.
- Call BiSU or the customer if a problem occurs.
_____
The Process
The supplier workflow was the starting point. A questionnaire mapped how and where they work, what they expect from an app and how they would use it, and data from the product owner showed where the phone system broke down: missed orders, pricing errors, no visibility on delivery status. That shaped the user flow directly. Every screen had to answer a question a distributor was already asking by phone.
Research: Contextual Analysis, Data Analytics, Questionnaire with volunteer distributors
Define: Requirements ,User Flow Map
Design: Sketching, Wireframing, high fidelity screens
MVP: In use with the distributors from the start
Iterate: Sprints of one week to one month, depending on the feedback and schedule.
Handoff: Final screens to engineers in Turkey, plus testing and bug reporting
_____
User Flow
_______
The Solution
BiSU BAYI (Distributor) App provides a complete solution for tracking the orders and reporting the transactions.
Component Library
Reflection
A lean project with a clear problem — which made the design decisions easier. If I did it again, I'd push for a second round of testing with a wider supplier group before handoff.