Hostelworld

For travellers on a budget

A laptop on red background with the 46 labs main dashboard of the app
overview

Hostelworld is a leading global Online Travel Agent (OTA) focused on the hostel market, inspiring adventurous minds to experience new places, meet new people and come back with amazing stories to tell.

industry
Hospitality
Market
Portugal
Company size
200 - 500 Employees
Deliverables
Mobile App, Design System
challenge
Hostelworld has seen massive decrease in sales because of the pandemic event so they took this chance to make a complete redesign to all of their existing solutions: web app, admin app, mobile app (iOS, Android) and setup a design system to unite everything.
solution

The travel industry is highly dynamic. Keeping up with these changes, such as the increasing demand for sustainable and unique travel experiences and adapting the business model accordingly can be challenging.They were in the middle of building a design system so they reached out to us to eliminate ambiguities in the components library, naming convention and complete the design rules to be able to scale and fit all of their solutions.

Multiple screens from the 46 labs project showing logo, connected world and the main dashboard of the app
process
The project involved a wide range of UX and UI design activities: in-depth research, development of user flows, wireframe creation, idea validation, design of visual assets, prototype testing & culminating in the development of the product.
Research icon
Research

We learned more about the different problems and business requirements and contextualised the opportunity.

Discovery

User persona

Competitive analysis

User Experience icon
UX Design

After filtering the ideas and data gathered, we generated user flows detailing the journey of the user.

User journey

UX flows

Wireframes

User Interface icon
UI Design

With a strong basis of UX findings, interface app screens are designed to be intuitive and user-centric.

Moodboard

Art direction

High-fidelity

Design System

Prototype icon
Prototype

For a selected user flows of the app, we’ve tested how the ideal user interacts with the solution proposed.

Interactive prototype

Developer hand-off

A user persona example that we use for our projects and include in the design systemWoman at her desk working on her computerA laptop showing the main screen of a web appmultiple screens of dashboard appselements of design system: colors and griddesign system components: font and branding colors design system components: examples of social media designlogo of the elixir design system
results
We've approached this project by establishing first the ‘happy path’ of their ideal user followed by creating interactive prototypes and applying design system rules for all existing screens. This lead to a decrease in feature release, increased collaboration and consistency for web, mobile and desktop apps .‍‍✨ 5M Downloads ✨ 4.9/5 (56.2k ratings on Appstore)

Where Design Elevates,
Opportunities Follow

Work with us