Industry
Platform
Project Length
2-3 Weeks
Line Pattern Line Pattern Line Bottom Pattern
Ruunt Travel App
Ruunt Travel App
Ruunt Travel App

Project Overview

Ruunt - Mobile App UI Design for a Smart Travel Booking Platform

Ruunt is a mobile travel app designed in Figma for finding flights, planning trips, and booking with ease. It brings scattered travel planning into one clear flow, from searching deals to secure payment.

Designed with a deep navy palette, bright sky-blue accents, and rich destination imagery, the app feels trustworthy and inviting. Screens include splash, offers, flight results, trip planner, and payment.

Built for frequent flyers, holiday travelers, business travelers, solo explorers, and travel agencies.

Key Features

Welcoming Splash Screen

A bold brand mark on a deep navy background, paired with a clear Get Started button, invites users straight into their travel journey.

Smart Flight Results

A route map with flight cards tagged Fastest, Cheapest, or Refundable makes comparing timings, duration, and ticket prices simple and quick.

Flexible Payment Options

Users can pay with net banking, saved cards, wallets, Google Pay, or gift cards, all from one clean and secure payment screen.

Location-Based Offers

Limited-time flight deals with destination photos and save buttons appear based on the user’s location, helping them spot great fares quickly.

Day-by-Day Trip Planner

A timeline view organizes flights, hotels, and activities for each day of the trip, with times and costs shown at a glance.

Guided Booking Steps

A simple Billing, Payment, and Confirm progress bar shows users exactly where they are, making checkout feel clear and stress-free.

Line Pattern Line Pattern Line Bottom Pattern

Color & Typography

The palette and type system used across the product, kept consistent from screen to screen.

Color

Electric Cyan

#08B0E9

Deep Midnight Indigo

#1B1447

White

#FFFFFF

Typography

Inter

Heading and Body

Inter is a clean, modern sans-serif typeface designed for excellent readability across digital interfaces. Its balanced proportions and versatile weights make it ideal for headings, body text, and mobile app UI.

Our Proven Process

A clear, collaborative process designed to turn complex challenges into simple, scalable, and impactful digital solutions.

Step 1

Client Brief & Research

We understand your business goals, target audience, and requirements through a detailed brief, competitor research, and project planning.

Step 2

UX Strategy & Wireframing

We map user flows, page structure, and wireframes to create a clear, intuitive layout before moving into visual design.

Step 3

UI Design & Development

We craft pixel-perfect designs and build them into fast, responsive websites on Framer, Webflow, or WordPress with smooth interactions.

Step 4

Testing & Deployment

We test every page across devices and browsers, fix final details, and launch your website live with a smooth handoff.

Line Pattern Line Pattern Line Bottom Pattern

Explore More Projects

Discover how GenQ Solutions helps businesses across industries solve complex challenges with innovative digital products, scalable technology, and user-focused experiences.

Frequently Asked Questions

Which tool was the Ruunt app designed in?

The app was designed entirely in Figma, using reusable components and auto layout. This keeps every screen consistent and makes the design easy to hand off for development.

How long did it take to design the app?

The complete UI design, from research and wireframes to the final screens, was delivered in about 2–3 weeks, including revisions based on client feedback.

Which screens are included in the design?

The design covers the splash screen, offers, available flights, trip information, and payment. Together, these screens map the full booking journey from discovering deals to checkout.

Can users plan and book a full trip in the app?

Yes. Users can compare flights, view a day-by-day plan with hotels and activities, and complete the booking with their preferred payment method in one smooth flow.

Can a similar app be designed for my travel business?

Absolutely. We can design a custom booking app for your brand, tailored to your routes, offers, and customers, with the same clean, trustworthy experience.

Line Pattern Line Pattern Line Bottom Pattern

Book a 30 min call