The background

The old version of the business panel for B2B was poorly designed, meaning both the UX and design. It had many functionalities that were hidden within the subpages. Moreover, the leading service that should be as easy as possible was quite complicated. I mean – to order a taxi using this panel was very painful. It is no wonder that barely any client used this tool, and most of the B2B orders were done by call center or mobile apps. It could be useful if not the fact that the call center is quite expensive. What is more, mobile apps were designed not for multiple orders made by an office manager; for example, to order a taxi for a guest using a mobile app is not possible at all!

It is why the decision to develop a brand new business panel for the client was an obvious choice.

The task

I started with research, using help from my colleague Chef of Sales Department Marta to discover pain points and wishes of both: sales from iTaxi and clients’ administrators. Together we gathered requirements. Based on that, I have prepared the first batch of wireframes.

Screenshot
iTaxi business panel wireframes - first version.

Having the first version of wireframes, I started work with the designer Marek. Also, together with the development team, we started to work on it. Soon it occurred that these wireframes are not covering all needed functionalities. To make things worst, Marta left our company, and there was no longer any business owner of the project. To decide what to do next, we had somehow to get to know what functionalities are essential for B2B clients but are missing from the first version of wireframes. The best idea had Kamil, Senior java developer. He started to check the old business panel code to discover what options are there. Based on that, we prepared an improved version of the product that could cover the old panel’s functionalities and add much of new ones.

Screenshot
iTaxi business panel wireframes final version 2.
Screenshot
iTaxi business panel final version of wireframes.
Screenshot
iTaxi business panel wireframes final version 3.

I prepared almost 30 new wireframes before we were sure that we covered all the needed functionalities. Based on that, we were able to develop a useful tool for business clients.

What is new in the panel:

  • it is now easy to order one and multiple taxis for employees
  • it is also easy to order taxis for guests; there is also the possibility to generate vouchers for passengers;
  • it is possible to manage all the orders, current ones and historical;
  • it is easy to manage all transportation costs, usage limits, invoices, and users data;
  • office manager /administrator can easily switch between accounts and settings.

The product is now live and is being tested by iTaxi partners. I observe users’ movement (thanks to Hotjar and Analytics) to be sure that everything is working fine. Soon we will improve our business panel of new sub-services, stay tuned!

Video Case Study

The final look of iTaxi business panel

Screenshot
The final look of iTaxi business panel.
Screenshot
The final look of iTaxi business panel.
Screenshot
The final look of iTaxi business panel.

This website was made in PWA technologu (image)

Credits

Role Owner
Client iTaxi
UX designer Katarzyna Małecka
Product Owner Katarzyna Małecka
IT director Gaweł Boguta
Head of Sales Marta Głowacka
Senior QA manager Sylwia Okraska
Junior QA manager Ewa Janik
Senior java developer Kamil Jagiełło
Senior Front-end developer Jakub Strączyński
Graphic designer Marek Kaleta