99app.com
Beto Lima
UX / UI Designer
Made with

99app.com

New website

The first unicorn from Brazil 

I currently work as UX / UI Designer at 99taxis. 99taxis was the first Brazilian unicorn and we are also the main competitor of UBER in Brazil.

The 99 was bought recently by Didi (Chinese car-hailing company).


My role

I was responsible for the development of the new website of 99 where I created the information architecture, content, new visual standard and strategic alignment with other areas of the company.


Challenge

The new version of the website aimed to make the site an attractive and informative channel, putting all the information necessary for drivers, passengers and companies.

99app.com

Old website version

The old version was important for the launch of the product during a period, however it needed new concepts and the application of the new brand guide.

The process

Interviews

I conducted several interviews with stakeholders from different areas to hear needs, views and strategies for the site. This stage was important to understand the current situation of the site, to understand flows and access to information so that later it could cross these qualitative data with the quantitative ones in GA.

99app.com

Personas

The personas were important to analyze the behavior of the users that accessed the site, its preferences and demographic data. Which page every person else accesses etc.

99app.com

Card Sorting (closed)

We held a closed Card Sorting session to validate the new structure of the site with other stakeholders. That way we put all areas on the same page. 

Site map

The old version had an excess of pages, a distribution of the deficient content and lack of categorization where contents with the same subject were of different places.

99app.com

Mind map

Mind map helped with the redesign of the site and presented an overview of the new sessions that would be developed.

99app.com
99app.com

Wireframes

Based on these studies, we set out to construct wireframes. This process was carried out with the participation of the Product Owner to validate and align the navigation flow of the new hierarchy of information.

99app.com

UI Design

There was an alignment with the Brand Experience team mainly in the tone of voice and brand identity, once a new brand guide had been developed.
Throughout the creation process we always start with the mobile-first concept, mainly because it is the main part of our access.


Another interesting solution was to create different content depending on its location since we are present in almost the entire Brazilian territory.



99app.com
99app.com

The work never ends

That was just the beginning of the project. Access data is analyzed bi-weekly to track project metrics. We always look for better features and keep the site always "alive" with news and content relevant to each region.

Learnings

What did I Learn?

  • Listen to people (user or stakeholders)
  • Paper-prototype is a powerful tool
  • Engage developers in the stage of ideation
  • Deliver work in layers


Design system

99 Design System

With the new structure and new look, the opportunity to begin the development of the design system of the 99 was created, starting with the standardization of colors, typography, iconography and some components. So both the evolution of the site and the creation of new products became much faster and more consistent.

99app.com
15%
+ access
+3,5%
navegation time
+12%
More users

Check the website

www.99app.com