Digital Ticket UI/UX Design
Horizon Railways
A smartphone-based digital ticket experience designed to modernize Horizon Railways’ paper ticket system while improving usability, information access, and travel convenience.
● PROJECT OVERVIEW
Designing a Smarter Digital Ticket Experience
Horizon Railways is expanding its passenger rail service and wanted to bring its traditional paper tickets into the digital space through a smartphone-based digital wallet experience. The project focused on creating digital ticket designs that preserve the essential information from the existing ticket while introducing new features that improve the travel experience, including seat visualization and Wi-Fi availability.
Project Type
UI/UX Design
Deliverables
Digital Ticket Designs
Three Ticket Concepts
Interactive Figma Design
Target Audience
Tech-Savvy Travelers
Student Commuter Travelers
Design Focus
User Experience
Information Hierarchy
Accessibility & Readability
Digital Ticket Usability
TOOLS & SKILLS
Tools & Skills
The project was developed in Figma, using interface-focused tools to structure, refine, and maintain consistency across the digital ticket concepts.
UI/UX Design
Interface Design
Information Architecture
Visual Hierarchy
Digital Ticket Design
User Experience
Responsive Layout
Component Design
Prototyping
Figma
● DESIGN CHALLENGE
Modernizing the Traditional Ticket
01 ─────
Digital Transformation
Transform the existing paper-ticket experience into a smartphone-based digital wallet format while retaining the essential travel information.
02 ─────
Information Hierarchy
Present passenger, route, schedule, train, platform, class, seat, and ticket identification information in a clear and accessible digital layout.
03 ─────
New Digital Features
Introduce seat visualization and an indication of Wi-Fi availability as new features in the digital ticket experience.
04 ─────
Traveler Needs
Create an intuitive experience that supports both highly technical users seeking efficiency and student commuters who value simplicity, affordability, and convenience.
● USER PERSONAS
Designing for Real Travelers
Horizon Railways developed two user personas to represent its client base and help guide the UX team’s digital ticket designs
PROFILE 01
Alex
The Tech-Savvy Traveler
Age
28
Occupation
Software Engineer
Goals
Easily locate and access the assigned seat while keeping the travel experience efficient and hassle-free.
Challenges
Avoid cluttered digital interfaces and provide accurate seat availability and location information.
Values
Efficiency, convenience, seamless digital experiences, reliability, and security.
Technical proficiency
High.
PROFILE 02
Emily
The Student Commuter Traveler
Age
21
Occupation
Full-Time College Student
Goals
Easily locate her seat, manage her travel schedule and expenses, and access trains with reliable Wi-Fi.
Challenges
Balance commuting with classes and extracurricular activities while quickly managing travel information.
Values
Cost-effective transportation, reliability, simplicity, and ease of use.
Technical proficiency
Moderate.
● DESIGN REQUIREMENTS
Building the Digital Ticket
The new digital ticket needed to retain the essential information from Horizon Railways’ existing ticket while introducing two new features designed specifically for the digital experience.
Existing Ticket Information
The digital ticket preserves the key travel and passenger information contained in the existing ticket.
Passenger Name
Departure
Arrival
Departure Date & Time
Arrival Time
Train Number
Platform Number
Class
Seat Number
Barcode / QR Code
New Digital Features
01 ─────
Seat Visualization
A visual representation of the assigned seat was introduced as a new element in the digital ticket.
02 ─────
Wi-Fi Availability
The ticket indicates whether Wi-Fi is provided on the train.
● DESIGN PROCESS
Developing the Ticket Experience in Figma
01 ─────
Auto Layout
Auto Layout helped manage spacing, alignment, and structure across the three ticket designs without requiring every element to be repositioned manually.
02 ─────
Visual Direction
Reusable components helped keep elements such as seat indicators, Wi-Fi icons, and information cards consistent across the ticket designs.
03 ─────
Design Variations
Duplicating frames made it possible to test different design variations while maintaining the same dimensions and required ticket information.
04 ─────
User Experience
The design process considered the needs of both Alex and Emily, incorporating features such as seat visualization and Wi-Fi information to improve usability and convenience.
● DIGITAL TICKET DESIGN
Horizon Railways Digital Tickets
● NEXT PROJECT
FutureFunds
Website Redesign
A user-centered website redesign for FutureFunds, created to improve clarity, navigation, trust, and the overall experience for young professionals seeking financial guidance.
