The mobile app's version before redesign lacked automated processes that discouraged less experienced users. The app's interface design was not well-optimized, with large blocks of content leading to increased scrolling time, and a lack of clear differentiation between text sizes and indentations.
solution
To redesign the existing product, we leveraged in-depth research, outlined issues to deal with, and offered key solutions to streamline the platform's processes and boost its usability.
Ux redesign for tikx service mobile app
Research
Before diving into further design steps, we conducted in-depth research on the product, its competitors, etc. We outlined issues to deal with and offered key points to develop a winning user experience.
01
emphatize
discovery
audit
02
featured list
app structure
user flow
wireframes
03
visual concept
prototype
ADAPTIVE SCREENS
04
Ui kit
finalising layouts
Identity
color
userstory
During the user story phase of our website rebranding, our goal was to capture and articulate end users' desired features and functionalities, shaping a user-centered and engaging experience.
features
At this stage we mapped out and prioritized features that would boost product performance and help users to accomplish their goal.
conversion to target action
outflow in the first session
return to the application
I would like to be able to buy a round-trip ticket immediately on the first screen;
I want to minimize the chances of facing errors while filling in the data.
I would like to see the most convenient trips at the beginning (in terms of price, speed);
I prefer to have the option to select only the date when purchasing a ticket, without any potential for confusion.
I would like to have a more convenient way to switch modes of transportation.
I want to be able to change the info in the ticket when it is already in the cart;
I would like to be able to buy a round-trip ticket immediately on the first screen;
I want to be notified of important changes: ticket alerts, changes in train schedules, COVID changes, price changes, etc.
design solution
First session
01
Added the ability to select a ticket for a round-trip on the same screen;
02
Changed the selection of the type of transport to a more noticeable one;
03
"Fastest" and "Cheapest" trip options are displayed first in the list.
Choosing a date
Optimized the date selection for the trip
gray color shows past dates or unavailable dates for the trip;
by clicking on a gray date, a hint pops up for the user;
Choosing seats
01
Added the option to select a carriage class.
02
Selecting a seat for a round-trip on the same screen
03
Enhanced user interaction by improving carriage navigation
Sense
the Design
Boost your business performance?
Our assistance is available!
From giving your startup its first identity to rebranding a massive data science platform, we've got you covered! Let us help you transform your business today.