Redefining London Experience for Scandinavians

A Norwegian travel agency specialized in organizing trips to England for Scandinavians.

01.  Project Overview

1.1  The Challenge

Despite being in business for over two decades. Londontown customers were turning to other travel agencies for booking their trips. The competition was catching up with modern websites, beautiful designs and better user experience. Londontown was in dire need of website overhaul featuring a better design with a seamless experience. Easy to navigate the website and booking trips.

1.2  The Goal

Creating a modern looking website with a cogent information architecture, better navigation, content strategy and good experience design that reduce the churn in making a request for booking a trip. This will enable users to quickly find information about an event, artist or a place. Explore the site supplementary services and request the booking with an easy to fill form.

02.  Empathize , Research and Synthesize

The process involves understanding stakeholder requirements, business objectives and their struggles. Performing user research to deep dive what is happening in user’s mind? What are the main ingredients missing that can make users to start booking with Londontown again? This is what we are about to find out below.

2.1.  Stakeholder Interviews

I conducted stakeholders interview in order to understand business goals and requirements. What are their expectations from this project and how does success look like to them? The main purpose of this qualitative research method was to get stakeholders concerns and requirements in early phase to avoid any 11th hour change.

“A problem well stated is a problem half solved.”
Charles Kattering.

Insights gathered from
the interviews of all 4 stakeholders

Business Goals

  • Increase site traffic and trip booking
  • Increase football match trips selling
  • Need to sell supplementary services
  • Need to rebuild market dominance
  • Increase trip re-booking rate

Competitive Advantage

  • First travel agency organizing trips to England
  • Long business relationship with hotels and clubs and get fair prices all over the season
  • In service for more than two decades and knows ins and outs of the whole process

Necessary Features

  • Modern & Sleek website with focus on aesthetics and usability
  • Adhere to brand colors but also introduce some excitement in color
  • A comprehensive and easy to use table listing all upcoming events with ticket status alongside
  • Intuitive design that present all necessary information without too much written text
  • Capture User Emails of abandoned forms

Concerns & Pain Points

  • No new users, only returning customers
  • Re-booking rate is dropping drastically
  • Users can't tell what’s in the package?
  • User often mentioned they don’t like the look of the site as it look old
  • Company customer service and users are adapted to current booking system, Revising it makes it hard for users and staff
  • Users might not adapt to design change as they are familiar with current design and navigation
  • Tried online booking feature but failed - User didn’t liked to pay on the website

I got what stakeholders think!Now I needed to learn what customers think of LondonTown?

2.2.  User Interviews

The stakeholder organized interview with their long term customers. All of them could speak English. Since it was their second language so a stakeholder was available in all interviews to help me with interpretations. Conducted 11 users interview in the span of 4 weeks.

2.2.1.  Synthesizing User Interview Data

Through insightful user interviews, I meticulously examined the collected data, distilling key findings to enhance the user experience. Employing the strategic approach of affinity mapping, I visually organized and interconnected user responses, revealing invaluable patterns. This method not only illuminated crucial insights but also provided a foundation for my informed decisions, steering my efforts in refining and optimizing user-centric design strategies.

Affinity diagram of notes taken in user interviews
82%
Users find the website outdated
77%
Users struggle finding the relevant information
64%
Users find it difficult trusting the website
53%
Users says website need a filter option
48%
Users find customer support moody
39%
Users says website lack visual elements

Key Takeaways

The side-by-side comparison of business goals and user needs along feature request shows us how fulfilling these important tasks could possibly result in achieving tangible business goals.

Business Goals

User Needs and Requests

Increase site visits and bookings
Update website, Fluid Navigation, Make useful information accessible, Improve site credibility
Increase football match trips selling
Provide filter option, Ticket statuses, Package details, Show important details.
Market Dominance +
Re-booking
Improve Customer Support, Show customers reviews, Better booking form, Confirmation emails
Sell Supplementary Services
Show hotel amenities, Hotel type, Room prices, Filter concert dates, Search by month/year, Activities in London
After in-depth comparison, I had a clear understanding of what design features and requests to take into account. Where are users suffering and where the website lacks?

The next step was to create personas to better understand user needs and expectations.

2.3.  User Personas

Based on the interviews conducted with their old and loyal users. I’ve had enough information to create user personas. This was a crucial step towards understanding users mindset and building empathy for end-users.

2.4.  User Journey Maps

To gain deeper insights into users' thoughts while booking a trip, I crafted journey maps. This process allowed me to uncover both areas of opportunity and pain points in the user experience, providing a more comprehensive understanding of their current state of mind during the trip booking request.

Time to make a decision

After creating the journey maps. I analyzed gathered data and made a list of all opportunities with the stakeholders on board. Created prioritization matrix to identify tasks and features that are high value to users.

These tasks are compared against design and development efforts to produce. Due to the budget cap and limited resources, we decided to work on the most important areas first to reduce user frustration.

A good website is not just aesthetically pleasing but one that's easy to use and serves user needs!

03.  Laying Foundations

Armed with concrete facts and figures obtained through a meticulous process of collecting and synthesizing data, it's now time to construct the website structure and develop a design system. By weaving together data-driven decisions and design principles, the aim is to create an engaging and purposeful online experience for users.

3.1.  Sitemap

Reshaped the website structure by establishing a more coherent page hierarchy. Reducing intermediate pages to shorten steps involve in selecting an event to request booking. Additionally, I incorporated dedicated pages for listing hotels, attractions, and more, eliminating the need to redirect users to secondary sites for a seamless and efficient experience.

3.2.  Wireframes

These skeletal outlines served as the blueprint for the website's layout, strategically aligning with user needs and preferences. By distilling complex information into a visual framework, the wireframes provided a clear roadmap for subsequent ideation and refinement phases. These are the early sketches that were refined in next ideations.

04.  The Designs Process

Given the scale and scope of the project, I made a strategic decision not to fully implement a design system at the current stage. The immediate investment in a comprehensive design system seemed impractical. However, recognizing the potential for scalability and future team expansion, I laid the foundation by creating a component library. This approach ensures a structured and reusable set of design elements, paving the way for a seamless transition to a full-fledged design system

4.1.  Style Guide

Upon request, I revamped the brand color scheme by introducing an additional primary color and an accent color. This was aimed at injecting more meaning into the design, steering clear of a bland appearance. In terms of typeface, I opted for Franklin Gothic, a versatile font widely employed in newspapers, advertisements, and posters. This choice struck a balance between classic and modern aesthetics, contributing to an overall refreshed and purposeful design.

4.2.  Pattern Library

A comprehensive collection has been curated, encompassing nearly all UI elements meticulously crafted with a focus on scalability, standardization, and reusability. This repository serves as a centralized hub for a diverse range of design components, ensuring consistency across the project and facilitating efficient reuse

05.  Page Designs

Crafted to align with user needs and project objectives, each page serves as a visual narrative of thoughtful design choices. From the strategic layout structure to the integration of a refined color scheme and typefaces, the pages reflect a commitment to consistency and brand identity. The amalgamation of aesthetic appeal and functional efficacy ensures that every user interaction is not just visually engaging but also intuitively navigable. These pages, conceived through an iterative and user-driven design process, collectively contribute to a cohesive and impactful digital experience.

06.  Usability Testing

Planned and moderated usability testing of frequently used pages and sections. Showing test of one of the most important part of the website i.e football match booking request. Users were tasked to perform complete process from requesting tickets to talking with customer support to confirm the order. All of the tests were moderated remotely.

10 Participants
Participants hadn't used the website before
Tasks to Perform
Perform football match trip booking request
Tool Used
Userberry tool was used to perform remote testing

Scenarios

  • Can user tell the price of one standard ticket?
  • Can user tell ticket status; if it’s available or sold out?
  • Can user tell which hotel is included in the package?
  • Can user tell what are the hotel amenities?
  • Can user tell price of standard 2 night package?
  • Can user book more than two night package?
  • Can user tell what will they get in club level ticket?
  • Can user request booking without any trouble?
Average time filling request form
Old Design
2:00
New Design
3:00
Average Call Duration
Old Design
18:00
New Design
~5:00

Users and Customer Service Agents Satisfaction Level

Users Says

  • The whole booking process feels as long as old one
  • More satisfied with new booking form as they get to choose ticket type, hotels and get to see estimated price
  • Feel no confusion about the hotel type, location, amenities and tickets availability
  • Elegant design with a balance between visuals and text
  • No frustration at all compared to old booking method
Satisfaction Score:
7/10

Customer Support Says

  • The whole booking process feels as long as old one
  • More satisfied with new booking form as they get to choose ticket type, hotels and get to see estimated price
  • Feel no confusion about the hotel type, location, amenities and tickets availability
  • Elegant design with a balance between visuals and text
  • No frustration at all compared to old booking method
Satisfaction Score:
8/10

Key Takeaways

Users mentioned they are more satisfied with the request form as compared to before. But takes almost same time talking with customer support to confirming the booking. Whereas the stats shows otherwise.

Average Form Fill Time
New Design
3 Minutes
Average Call Duration
New Design
5 Minutes
The average request form filling time is increased a bit because of the options to choose from. And the talk time with customer service has reduced drastically. Concluded both users and staff are benefiting from new design.
To design the best UX, pay attention to what users do, not what they say. Self-reported claims are unreliable, as are user speculations about future behavior. Users do not know what they want.
Charles Kattering.

06.  Future Directions

Once the website is developed by the in-house development team, the next focus will be on enhancing user experience with features like Seat Selection, Room Selection, Online Payment, Live Chat, and Capturing Email on Abandoned Forms. Following the re-launch, comprehensive statistical analysis, including Bounce Rate and Conversions, will be conducted. Based on the insights gathered, I will iterate on the design by creating different landing page versions and conducting A/B tests for continuous improvement. Looking forward to optimizing the user journey for maximum engagement and success.

My clients like to say nice things
My clients like to say nice things