White Label App — a template app for a partner to create their own native mobile product on iOS and Android with search, airfare and/or hotel booking functions.
Task
Travelpayouts is a platform that unites partners of travel brands and travel content creators all over the world. Travelpayouts participants can connect their projects — websites, mobile applications, social media channels — to the program and earn extra money on airline tickets, hotels and other travel services with the help of a partner commission.
Swift
For iOS
The customer asked us to implement a template application, which program partners can use as a basis and produce their own application independently.
This is how White Label App was created — a native application template for a partner to create a new mobile product with the functions of searching, buying airline tickets and booking hotels with the possibility of its further publication in app stores under any name and icon.
YouTrack
Management
Kotlin
For Android
Android Studio
IDE Android
IDE iOS
Xcode
Architecture Android
MVI
Solution
We created a mobile application template with a ready-made set of functionality and a flexible configurator - possibilities to customize the interface design.
White Label is available in 2 formats:
White Label App is an application that a Travelpayouts partner can easily customize to fit any style.
Convenience is provided by a universal configurator with detailed and simple instructions - from downloading the archive with the app files to publishing the finished product to app stores.
White Label SDK is a set of SDK libraries for embedding separate functional modules - search and purchase of airline tickets and hotel booking - into ready-made partner applications.
Using our configurator, these modules can also be customized to match the interface style of any application.
White Label app has some features that distinguish it from “classic apps”. For example, it can be used in two variants - as a ready-made app template and individual screens.
In the case of White Label App, the partner makes a copy of the app, sets the style and releases it under its brand.
In case of White Label SDK, you can take some functional module and attach it to any ready-made application. For example, add the ability to search for hotels to a car rental app for traveling.
Alena
Analyst
White Label configurator functionalities
Interface
The interface is easily customizable to fit any corporate style. There are three main styles of UI elements and several icon variations. The color palette of the application can be changed depending on the corporate color of the partner's brand.
To avoid errors in color assignment, we have defined a number of constant shades for the dark and light themes of the app. The main shade of the app is selected first, and additional colors are selected automatically based on the harmony of the palette.
Sharp style
Basic style
Round style
Icons
For the visual consistency of the interface, sets of icons have been prepared, which can be selected when customizing the application.
There are 3 types of variations for all icon styles: filled, linear and toned.
Filled icons
Linear icons
Toned icons
While working on the project, we took care to keep the configuration work flexible and easy to customize.
As a result, we created a configuration file common for iOS and Android. With its help you can easily change the design and functionality. And thanks to the most detailed documentation, you can understand how everything works.
Any partner can take this document, go through the steps and customize the necessary White Label App parameters for themselves - as required. You don't need to get into the specifics of this or that platform - everything is configured in one file. The result is two app builds - for iOS and Android.
Sergey
Project manager
Colors
The HSL color model was chosen to create a universal color scheme. When specifying a color in the configurator settings, the HSL model is converted and a tonal palette of the required shades is created.
The received color shades are applied in the necessary places and states of interface elements. Application of such model allows to create a palette with optimal contrast and harmonious combination of colors.
90
80
70
60
40
50
30
20
Main color
10
Localization
White Label supports many different languages and localizations, including the languages of the Middle East countries with Right-To-Left script. In this case, not only the text writing changes, but also the navigation, typography, position and direction of some icons, time and currency display, inputs and other elements.
White Label functionality
Airline ticket search module
To start your search, simply enter your flight destination and dates. The departure city is automatically determined based on your geo-position.
As you type in the name of an airport or city, the app will pick up matching options.
The final cost is calculated according to the age and number of passengers and class of service.
Search Tickets
Airport Search
Passengers
Search results contain airfare cards with basic flight information
Filters help you narrow your search and find the right tickets for your specific requirements
With the help of the price chart it is convenient to track the dynamics of airfare changes depending on the date of flight
Search Results
Filters
Price Chart
The ticket screen displays detailed information about the flight. If necessary, you can view offers from other sellers.
Ticket Screen
Hotel Module
To start your search, all you need to do is enter your city, number of guests and booking dates
To find suitable accommodation options, simply select the dates on the calendar
The search results are displayed on the screen, taking into account the filters. Each hotel card contains price, number of stars and room photo.
Hotel Search
Calendar
Selecting a hotel
Hotel information including room details, ratings and amenities is displayed on the hotel screen. You can also see reviews and book available rooms.
Hotel Information
Example of an application with built-in White Label SDK modules
Travelpayouts is an affiliate program that connects Influencers and travel brands. Join the program, recommend your favorite brands to your audience and get rewarded!
Travelpayouts helps travel bloggers make money with famous brands!
We provide full-cycle mobile application development services - from business analysis and design to release and further development support. In addition, we can connect to an existing project at any stage.