Travelap – Travel Booking Mobile App Figma UI Kit – 0 Sold!

LIVE PREVIEWBUY NOW $29

Overview

Travelap is a premium and high-quality UI kit designed for a complete Travel Booking Mobile App. It offers an intuitive and user-friendly experience for booking flights, trains, hotels, and accessing travel guides. With features such as real-time search, filters, map integration, and video calling for guide assistance, traveLap ensures a seamless travel planning experience.

The UI kit is built in a modern, stylish, and customizable design, making it easy to adapt for various travel app projects. It is fully compatible with iOS and Android platforms, leveraging Figma’s variables, auto layout, and design components for effortless customization.

TraveLap is designed in a modern and trendy style, you can easily edit and customize all elements with design components which can speed up design process for your projects.TraveLap suitable for iOS/Android and 255+ screens which is 100% editable & customizable.

Main App Features:

1. Flight, Train, and Hotel Booking Workflows
2. Filter, Search Results, and Recent Searches
3. Guide Listing with Details, Chat, and Video Call Options
4. Interactive Map Integration for Location Selection
5. Complete Onboarding Flow: Sign In, Sign Up, OTP Verification, Password Reset

Highlights:

1. 74+ Ready-to-Use Screens
2. Fully Customizable Components
3. Light and Dark Mode Templates
4. Modern Design with Auto Layout
5. Pixel-Perfect Design System with Google Free Fonts
6. Organized Layers for Easy Editing
7. 137+ Screens (Suitable for iOS/Android)
8. 100% Editable & Customizable
9. Compatibility: Figma
10. Design System & Thousands of Components
11. Fully Auto Layout
12. Well Organized Layers System
13. Unique, Stylish & Modern
14. Used Google Free Fonts
15. Used Grid System
16. Pixel Perfect Design
17. Global Styleguide
18. Easily Drag & Drop Design

What’s Inside:

• Flight Booking Flow: Search, Select Flights, Booking Information, Checkout.
• Train Booking Flow: Choose Train, Edit Dates, Booking Confirmation.
• Hotel Booking Flow: Select Hotels, View Details, Proceed to Booking.
• Guide Assistance: Chatbox, Video Calls, Guide Details.
• Onboarding & Authentication: Login, Signup, Forgot Password, OTP Verification.

Figma Variables

Figma variables are amazing! TraveLap has been equipped with 75+ figma variables. It will help you to easily define colors, styles, and Templates according to your preferences.  If you are not familiar with figma variables, don’t worry, you can always detach the variable and edit the design manually.

Big Design System

TraveLap is equipped with a big design system with 1100+ components and variants. Everything is integrated with the design system, so you only need to change the logo, button, input form, modal, chips, and all elements in the design system, then the entire design screen will automatically change.

✨ 100% Auto Layout

Auto layout is very useful! TraveLap has been designed with fully auto layout, so it is very adaptive if you want to edit, delete, or add some parts. You can also resize the frame (artboard), and the design will be responsive according to the size of the frame you want. If you are not familiar with auto layout, you can turn it off by right-clicking the layer, and selecting remove auto layout.

What’s Inside:

1. 75+ Ready-made Screens
2. 375+ Figma Variables
3. 1100+ Components & Variants
4. 85+ Color Styles
5. 40+ Text Styles
6. 1950+ Free Icons
7. 100% Auto Layout
8. And much more

List of Screen:

• 02_Splash screen
• 03_walkthrough 1
• 04_walkthrough 2
• 05_walkthrough 3
• 06_walkthrough 4
• Onboarding:
• 07_Sign In
• 08_Sign up
• 09_Forgot Password
• 10_Verify OTP
• 11_Create password
• 12_Reset Successfully!
• Home, Packages & Action Page Menu:
• 13_Homescreen
• 14_Recent Search
• 15_Category
• 16_Popularly Visited
• 17_Filter
• 18_Search Result
• 19_Place details
• 20_Chat box
• 21_Ringing
• 22_Receive call
• 23_Video call
• 24_Guide List
• 25_Guide details
• 26_Select Location
• 27_Show map
• Flight Booking:
• 28_Homescreen
• 29_Choose Flight
• 30_Chooses Flight
• 31_Continue Your Flight
• 32_Flight Information
• 33_Edit Date
• 34_Booking Information
• 35_Checkout Flight
• Train Booking:
• 36_Homescreen
• 37_Choose Train
• 38_Chooses Train
• 39_Continue Your Train
• 40_Train Information
• 41_Edit Date
• 42_Booking Information
• 43_Checkout Train
• Hotel Booking:
• 44_Homescreen
• 45_Choose Hotel
• 46_Continue Your Hotel
• 47_Hotel details
• 48_Hotel Information
• 49_Edit Date
• 50_Booking Information
• 51_Checkout Hotel
• Payment Section:
• 52_My Payment
• 53_Add New Card
• 54_Confirm Payment
• 55_Booking Successfully
• Review Section:
• 56_Review details
• 57_Review
• 58_Review details
• 59_Review Submitted
• Booking History:
• 60_Bookings History > booked
• 61_Bookings History > history
• Account, Settings, & Action Page Menu:
• 62_Setting
• 63_Profile
• 64_Change your picture
• 65_Help & Support > faq
• 66_Help & Support > Contact Us
• 67_Notification
• 68_Notification Settings
• 69_Terms and conditions
• 70_Language
• 71_My Favorites List
• 72_My Address
• 73_Billing & Security
• 74_About Us
• 75_Logout

Credits:

• freepik
• pexels
• pixabay
• shutterstock

Customization Services Offer: 

Need custom modifications? Contact us at pixelTemplate96@gmail.com for tailored solutions to match your specific requirements.

Note:

• All images are just used for preview purpose only and replaced with Placeholder Images. They are not part of the template and not included in the final purchase files.

  Please don’t forget to rate this item if you like it.

  Thanks a Lot!

Source
Product ID: 56751924
Caegory: ui-templates/figma/retail/travel
app,booking ui kit,flight,holiday,hotel,ios,mobile,tour,tourism,travel,travel agency,travel booking,traveling,trip,vacation