Building a Scalable Design System for Heliyatra’s Expansion

Reyhan Tamang

Building a Scalable Design System for Heliyatra’s Multi-State Expansion

Background

Heliyatra is IRCTC’s official helicopter booking platform for pilgrimages to destinations like Kedarnath and Hemkund Sahib. As the sole booking provider for these tours, the platform is a popular and trusted choice for thousands of travellers.
IRCTC was now looking to expand this offering to other states, adding more destinations and increasing tourist accessibility. This required a major overhaul of the platform to make it scalable, flexible, and modular.

My Role

I led the design efforts for this redesign project, working with
1 additional designer
2 front-end developers
1 product manager
This case study explains why and how we worked on the design system to create a scalable product design.

Bringing Principles of Atomic Design

I worked closely with the dev team to:
Understand existing design tokens already being used
Identify mismatches between design and implementation
Clarify component states that were confusing or undocumented
Instead of starting from scratch, we reverse-engineered what was in development and brought it into design, then iterated with clear documentation, ensuring smoother handoff and understanding.
A screenshot from a presentation that I did on design system
A screenshot from a presentation that I did on design system
A screenshot from a presentation that I did on design system
A screenshot from a presentation that I did on design system

Outcome: The Design System

We built a clean, scalable design system with:
A clear set of design tokens and naming conventions
A well-organised Figma file structure for easier collaboration and onboarding
Reusable components with well-defined states
A governance model to keep the system maintainable long-term

Design Principle of Simple, Easy, Authentic

I love setting design principles for any project; this project's principle was not only for the end users but rather the development team as well (The Figma File users).
Simple, easy to use/navigate, authentic
Like this project

Posted Apr 30, 2025

Led design for Heliyatra's scalable platform expansion using atomic design principles.

Avax Pulse: De-Fi Dashboard Design for Avalanche
Avax Pulse: De-Fi Dashboard Design for Avalanche
PixelGrowth - Framer SaaS Website
PixelGrowth - Framer SaaS Website
User Experience Curation Website
User Experience Curation Website
Designing an Emergency Alert App
Designing an Emergency Alert App