Google Analytics

Improving booking holiday stays and the Property Management System.

Role: Contracted Founding Product Designer for the startup, responsible for driving the entire design of both the consumer facing product and the hosts' Property Management System.

Experiences: Mobile-first room search and booking experiences. Hosts' CMS and property management platform.

Tools: Figma, UserTesting, ChatGPT, Otter.ai, Balsamiq, Google Analytics, SurveyMonkey

Timeframe: September 2024 - July 2025

01 - Intro

What is bnbme?

Similar to AirBnB and Booking.com, bnbme is an online booking service for short-stay and holiday homes.

How is bnbme different?

The focus is high-end luxurious travel-experiences for people traveling in the Middle East. The rooms are offered by vetted hoteliers with experience in the field coupled with a range of extra add-ons to makes someone's stay more comfortable.

What are the problems?

  • The landing-page and discovery experience had no design attention and the conversion rates were low.
  • The booking flow was developed with a 3rd party, so it didn't support bnbme's add-ons and the conversion rates were low.
  • There was no in-house CMS and room management platform for hosts, so less hosts would list their rooms with bnbme.

What is the goal?

To re-design everything from scratch, including all traveler experiences, the hosts' landing page and the hosts' management tools. All the consumer experiences should be designed with a mobile first approach and support an Arabic version.

Image generated with ChatGPT.

What are my challenges?

"Can I improve the conversion rates in all parts of the website?"
"Can I design the Property Management System in-house on top of the rest?"
"Can I design a mobile-first approach and support our Arabic users too?"

02 - Discovery

What does the owner want to do?

At first I started running workshops to extract what the owners' vision was, in order to understand how to prioritise my process.

The Chief Commercial Officer, the Lead Product Manager and the Tech Lead also joined the workshops, so we could drive towards a vision.

Can I find the problem?

I looked at Google Analytics, customer reviews and run a survey with SurveyMonkey on the consumers' website. The survey was completed by 26 people.

What do the hosts say?

I ran research workshops with hosts that have their properties listed with bnbme and some that were on other platforms. I used Otter.AI as a notetaker, and connected it with ChatGPT to help me summarise the findings.

What did I learn?

  • The external PMS was user friendly.
  • Our hosts lost $17-$20 per month for every listed room.
  • Most visitors from the Arabic countries would book their holidays from Booking.com.
  • Most visitors from Europe and the USA would book their holidays from Airbnb.

What are the important figures?

24875
100%
$3004

Total landing page views

This was the number of total views of the landing page recorded in a period of 3 months.

Total drop-off rates

There was no booking completed from the website, meaning that we failed to convert any traffic.

Beds24 annual fees

This was the cost that bnbme paid to use an external platform for the hosts' room management.

What is the hypotheses?

"If we design the website to look familiar, visitors will feel more comfortable to book their holidays through bnbme."
"If we bring the room management in-house, we will save the HostHub fees, and more hosts will list their rooms with us."

What are the personas?

After talking to users and running the surveys I created 4 personas which helped me understand the target audience from Europe/USA and from Arabic countries. The personas also helped put into perspective the hosts I wanted to design for.

What is the product vision?

Together with the owner and the Lead Product manager, we had a product vision workshop. I used ChatGPT for story mapping and to generate some visual insperation for the UI.

Image generated with ChatGPT.

03 - Finding a room

What do we tackle first?

From Google Analytics, it seemed like the website had very low conversion rates throughout. This meant that we would need to prioritise our releases.

With the owners' approval, I decided to prioritise the users' first touch points, so focus on the Landing page, Search results and Room details pages. This also made sense, because these were the pages that we already had ownership of, and were not hosted by Beds24.

How would a user search for a room?

At first I mapped out the user flow for the consumers to understand their experience when searching for a room they want to rent for their trip.

What do the big companies do?

After the hosts told me that they mainly rely on Airbnb and Booking.com, I decided research and analyse these two websites in depth.

What is the direction we are going for?

I generated some concepts that look closer to Airbnb with more prominent views of the map and a focus on a "discovery" experience. I also generated some concepts closer to Booking.com with a bigger hero section on the landing page and more detailed filtering system.

Image generated with ChatGPT.

What am I designing?

As competitors stated, most users book either through Airbnb or Booking.com, so I decided to design a version that is similar to Airbnb, a second version similar to Booking.com and a third version that is a mix of both.

I prototyped and experimented on these three versions with 50 participants on UserTesting.

What was the preferred version?

Results from UserTesing experimentation.

Booking.com - style

Airbnb - style

Hybrid - style

11

Users liked the Hero section, the "What is around" section and the "Trending destinations".

12

The "Explore" experience, "Search on the map" section "Room details" felt cleaner and were preferred.

27

As anticipated, users liked the combined version the most, because it felt clean with enough details.

Total number of testers: 50 

Do we need to rebrand?

Due to the lack of trust to the website I decided to run rebranding workshops with the owner, CCO and Lead Product Manager. The main focus was to keep the gold theme as a common luxury colour and a desirable colour in the Middle East. We concluded in a colour palette inspired by Nescafe gold, and I created a Typescale using <Inter> because it would be compatible with the Arabic version.

Do the components support an Arabic version?

I created a design system from scratch with the idea that it will make the Arabic support very efficient. I designed everything with the philosophy to be aligned either to the left or to the right, and little content being centrally aligned. This made it easy to mirror everything and the components helped to efficiently reflect the content.

What does the final version look like?

Carried forward, I finalised content details and handed over the Landing page, Search results and Room Details pages before moving to the next priority.

04 - Booking a room

What do I do next?

After the first release, I recruited people using UserTesting and run research sessions. I also run a new survey on the consumers' platform with SurveyMonkey.

What companies have high up-selling journeys?

I researched and found that airlines have the best upselling booking flows in tourism. I analysed airlines that are famous for their luxurious experience and are also close to the Arabic world. I found out that the best example to follow would be Ryanair as the best upselling flow and most familiar with Europeans, with easy skippable steps and accessible progress tracker.

What are the new happy and unhappy paths?

After I saw how airlines structure their booking experiences, I revised the booking flow, to improve the conversion and increase the upselling of the add-ons. I decided to design the upselling steps to be skippable.

In the past, when I designed high-converting onboarding flows, I changed steps to be optional, and observed that users were more likely to complete a step because they want to, and less likely to complete a step if they are forced to.

What should the UI look like?

The major elements that we needed were the "Skip" buttons on each step, to not force anything to users, and an accessible progress tracker to reduce the stress from users on lengthier tasks.

The UI needed to be more "eye-catching" like Ryanair's in contrast to boring UI like Emirate Airlines'. More "white space" to make the page look less crowded and more visual content.

I decided to prototype and test a version booking process with the "Next" and the "Skip" buttons on the top right corner of the PC version and anchored above the menu bar on mobile. The intention behind this was to allow users to flow through these steps quickly and not interrupt their momentum when booking.

05 - The hosts

How do we onboard more hosts?

I mapped a user flow to understand how we would drive more hosts to register and list their rooms with bnbme.

What does the landing page look like?

The main thing was to convince hosts that this would be a profitable choice for them and keeping the sales contacting spots as accessible as possible.

Are we building our own PMS*?

New hosts said to our sales team, that they would prefer to list their rooms with a platform that they don't need to pay extra. Would we have a return of investment if we built our own PMS with a host Dashboard?

*Property Management System

What would the dashboard look like?

After doing more workshops with some of bnbme's existing hosts, and exploring other PMS tools, I collected all the insights and details I needed. I used them to create prompts and form an idea generating chat in ChaGPT to help me design the PMS.

Images generated with ChatGPT.

What does the final product look like?

I stripped the dashboard down to the tools that would be used more than 90% of the users, and excluded tools used less than 1% of a hosts monthly usage, to keep the production cost down, but build usefull product.

The platform features a dashboard with a calendar and latest bookings widgets, a messaging app for hosts to chat to visitors, incoming requests widget and performance highlights.

The rest of the platform is locked behind a disclosure agreement and I am unable to share more.

06 - Impact

Impact for the business.

This is what we ended up achieving by the end of my contract.

256
23

Bookings

Recorded in 3 months since the release of the new booking journey.

New listings

More hosts registered listing more rooms for Dubai, but also expanded in Riyadh.

Major impact:

I captured these metrics with Google Analytics in a timeframe of three months. Starting from the day that the new booking flow was released and ending 2 weeks after the PMS was released. This is where my contract ended, but a growth in those numbers is anticipated for the next year, as more people find out about bnbme.

8%
15%
27%
7

Decrease in total dropoffs

Conversion on discovery

Add-ons sold on booking journey

More registered vetted hosts

Other impact:

  • Trust in the brand: Users said in the surveys, that the website felt genuine and that they trust they wouldn't get scammed.
  • Nice Room details page: A common theme in the surveys was that users commented positively about the "Things to do" section and de-cluttered look of the Room Details page.
  • Scalable and responsive: The design system I made, and the page layouts I designed, helped the developers build the hosts' Dashboard in two months, while the website is responsive to different devices and also converts well to Arabic.

07 - Takeaways

What did I learn?

  • Leadership: Working as the solo designer for a startup felt like a lot of responsibility, and that I had to make the right choices for the process. This helped me understand how to prioritise every task and build confidence behind design decisions.
  • Design Ops: Working on a startup, meant that I worked with a tight budget, so I had to figure out how to design ideas without costing the company more for using expensive tools. This taught me that I can still produce good results with the use of free tools.
  • Fast deliveries: We wanted to move fast and release updates before holiday seasons. To do that I had to understand what parts of the process I could sacrifice in order to get a fully designed concept delivered with confidence and built in time.

Thank you!

LinkedInDribblevaggosdesign@gmail.com

©Evangelos Angelis ️

01 - Intro
02 - Discovery
03 - Finding a room
04 - Booking a room
05 - The hosts
06 - Impact
07 - Takeaways