Tranzio

Introduction

Introduction

Client

Tranzio

Timeline

2 months

Year

2023

How Tranzio transformed their ride-hailing experience with a clean, intuitive, and future-ready mobile app interface.

Tranzio is a mobility startup building a modern ride-hailing ecosystem designed for reliability, simplicity, and seamless payments. They partnered with WebRay Studio to redesign their app’s user experience from the ground up — focusing on clarity, speed, and a more trustworthy visual system.

The goal was clear: build an interface that feels friendly, safe, and easy to navigate whether users are booking a ride, managing payments, or updating account settings.

In this project, we designed a complete mobile experience with refined flows, enhanced visual consistency, and a stronger brand presence across all user journeys.


Introduction

Client

Tranzio

Timeline

2 months

Year

2023

How Tranzio transformed their ride-hailing experience with a clean, intuitive, and future-ready mobile app interface.

Tranzio is a mobility startup building a modern ride-hailing ecosystem designed for reliability, simplicity, and seamless payments. They partnered with WebRay Studio to redesign their app’s user experience from the ground up — focusing on clarity, speed, and a more trustworthy visual system.

The goal was clear: build an interface that feels friendly, safe, and easy to navigate whether users are booking a ride, managing payments, or updating account settings.

In this project, we designed a complete mobile experience with refined flows, enhanced visual consistency, and a stronger brand presence across all user journeys.


Challenges

Challenges

An inconsistent UI, unclear booking flow, and outdated visuals were slowing down the user experience.


Before the redesign, users struggled with friction across the app. The booking flow felt crowded, navigation wasn’t intuitive, and the visual style lacked the warmth and clarity needed for a consumer mobility product.

Key pain points included:

– A cluttered booking process that confused new users
– Poor visibility for key actions like “Book a Ride” or “Add Payment Method”
– Outdated iconography and inconsistent spacing
– A generic onboarding experience that didn’t reflect the brand
– Payment screens that lacked structure and trust indicators

These issues created hesitation, especially for first-time users who rely on speed and confidence during a ride-hailing experience.

Challenges

An inconsistent UI, unclear booking flow, and outdated visuals were slowing down the user experience.


Before the redesign, users struggled with friction across the app. The booking flow felt crowded, navigation wasn’t intuitive, and the visual style lacked the warmth and clarity needed for a consumer mobility product.

Key pain points included:

– A cluttered booking process that confused new users
– Poor visibility for key actions like “Book a Ride” or “Add Payment Method”
– Outdated iconography and inconsistent spacing
– A generic onboarding experience that didn’t reflect the brand
– Payment screens that lacked structure and trust indicators

These issues created hesitation, especially for first-time users who rely on speed and confidence during a ride-hailing experience.

Results

Results

A polished, intuitive, and friction-free mobile experience built for everyday riders.

WebRay Studio delivered a complete UI/UX overhaul grounded in clarity, speed, and a fresh orange-driven visual identity that feels both energetic and trustworthy.

What improved:

A streamlined home screen with a clear balance, quick-action buttons, and immediate ride categories
A simplified booking flow that highlights pick-up, destination, vehicle type, price, and wait time at a glance
Clean onboarding screens and user-friendly forms to boost sign-ups
Optimized map interactions and real-time updates that reduce friction during ride tracking
A refreshed payment management system with better hierarchy and safer-looking card inputs
Consistent visual language across all screens, icons, spacings, and interactions

The redesigned app strengthened Tranzio’s brand perception, improved ease of use, and created a smoother experience from login to ride completion — helping the platform compete confidently in the modern mobility market.

Results

A polished, intuitive, and friction-free mobile experience built for everyday riders.

WebRay Studio delivered a complete UI/UX overhaul grounded in clarity, speed, and a fresh orange-driven visual identity that feels both energetic and trustworthy.

What improved:

A streamlined home screen with a clear balance, quick-action buttons, and immediate ride categories
A simplified booking flow that highlights pick-up, destination, vehicle type, price, and wait time at a glance
Clean onboarding screens and user-friendly forms to boost sign-ups
Optimized map interactions and real-time updates that reduce friction during ride tracking
A refreshed payment management system with better hierarchy and safer-looking card inputs
Consistent visual language across all screens, icons, spacings, and interactions

The redesigned app strengthened Tranzio’s brand perception, improved ease of use, and created a smoother experience from login to ride completion — helping the platform compete confidently in the modern mobility market.

Get in touch.

Get in touch and let’s explore how we can strengthen your brand and build something meaningful together.

Office

Gullbergsgatan 5,

582 46 Linköping

Sweden

By submitting, you agree to our Terms and Privacy Policy.

Get in touch.

Get in touch and let’s explore how we can strengthen your brand and build something meaningful together.

Office

Gullbergsgatan 5,

582 46 Linköping

Sweden

By submitting, you agree to our Terms and Privacy Policy.

Get in touch.

Get in touch and let’s explore how we can strengthen your brand and build something meaningful together.

Office

Gullbergsgatan 5,

582 46 Linköping

Sweden

By submitting, you agree to our Terms and Privacy Policy.