Home

Pubhub

Case Study

Concept

7 Minute Read

Connecting London's public to their perfect pub.

ROLE

UX/UI, Research, Design, Testing

ROLE

UX/UI, Research, Design, Testing

ROLE

UX/UI, Research, Design, Testing

ROLE

UX/UI, Research, Design, Testing

ROLE

UX/UI, Research, Design, Testing

TIMELINE

Oct - Dec 2023

TIMELINE

Oct - Dec 2023

TIMELINE

Oct - Dec 2023

TIMELINE

Oct - Dec 2023

TIMELINE

Oct - Dec 2023

SECTOR

Hospitality, Entertainment

SECTOR

Hospitality, Entertainment

SECTOR

Hospitality, Entertainment

SECTOR

Hospitality, Entertainment

SECTOR

Hospitality, Entertainment

Context

Two Years Pub'n

I spent two years living abroad in central London, spending half my time traveling and the other half working in traditional historic english pubs.

During my time there, I found that…

Solution

Pubhub offers a comprehensive look at London pubs.

Solution

Pubhub offers a comprehensive look at London pubs.

Solution

Pubhub offers a comprehensive look at London pubs.

Problem

Young adults in London need an easier way to find pubs that fit their needs.

1.

Simplifying London's Pub Discovery

Pubhub streamlines the process of finding pubs in London, offering an intuitive and efficient way for the user to explore a variety of venues.

1.

Simplifying London's Pub Discovery

Pubhub streamlines the process of finding pubs in London, offering an intuitive and efficient way for the user to explore a variety of venues.

1.

Simplifying London's Pub Discovery

Pubhub streamlines the process of finding pubs in London, offering an intuitive and efficient way for the user to explore a variety of venues.

2.

Tailor Your Tavern Experience

The design addresses the unique tastes and preferences of individuals, providing a tailored search experience.

2.

Tailor Your Tavern Experience

The design addresses the unique tastes and preferences of individuals, providing a tailored search experience.

2.

Tailor Your Tavern Experience

The design addresses the unique tastes and preferences of individuals, providing a tailored search experience.

3.

Discover What Each Pub Brings to the Table

Pubhub offers detailed insights into each pub's offerings, providing a holistic view that goes beyond the current methods.

3.

Discover What Each Pub Brings to the Table

Pubhub offers detailed insights into each pub's offerings, providing a holistic view that goes beyond the current methods.

3.

Discover What Each Pub Brings to the Table

Pubhub offers detailed insights into each pub's offerings, providing a holistic view that goes beyond the current methods.

Research

User Interviews

Londoners Love Pubs

Londoners
Love Pubs

I conducted various informal interviews with friends, colleagues and pub patrons to explore the way they engage and perceive pubs.

"Where can I find a pub with live music?"

"Do you have a garden?"

"Do you know where I can watch the footy?"

"What kind of cocktails do you serve?"

"Does your pub put on quizzes?"

"You're choice of cask ales is great! Not many places have ESB"

"Is my dog allowed in here?"

"Where is the closest place I can smoke?"

I Received More Questions than Answers

Findings

No Two Pubs in London are Quite the Same

Each establishment offers a unique experience, reflecting the diverse preferences and interactions of London's pub-goers.

People Want to See Live Music and Other Events But Can't Find Them

With so many pubs, one can be overwhelmed with choice. A perfect pub nearby could be easily overlooked.

Findings

No Two Pubs in London are Quite the Same

Each establishment offers a unique experience, reflecting the diverse preferences and interactions of London's pub-goers.

People Want to See Live Music and Other Events But Can't Find Them

With so many pubs, one can be overwhelmed with choice. A perfect pub nearby could be easily overlooked.

Findings

No Two Pubs in London are Quite the Same

Each establishment offers a unique experience, reflecting the diverse preferences and interactions of London's pub-goers.

People Want to See Live Music and Other Events But Can't Find Them

With so many pubs, one can be overwhelmed with choice. A perfect pub nearby could be easily overlooked.

Findings

No Two Pubs in London are Quite the Same

Each establishment offers a unique experience, reflecting the diverse preferences and interactions of London's pub-goers.

People Want to See Live Music and Other Events But Can't Find Them

With so many pubs, one can be overwhelmed with choice. A perfect pub nearby could be easily overlooked.

Findings

No Two Pubs in London are Quite the Same

Each establishment offers a unique experience, reflecting the diverse preferences and interactions of London's pub-goers.

People Want to See Live Music and Other Events But Can't Find Them

With so many pubs, one can be overwhelmed with choice. A perfect pub nearby could be easily overlooked.

Competitor Analysis

Current Options
Lack Depth of Information

The current options ignore the uniqueness of each pub. Each business differs in their selection of food, drink, atmosphere, and events.

Competitor 1

Competitor 2

Competitor 3

Pub Club

Pub profiles lack substance and content

Low fidelity icons

Dated UI

The "chalkboard"; an area where events are posted

Large list of filter chips

Search by location

Competitor 1

Competitor 2

Competitor 3

Pub Club

Pub profiles lack substance and content

Low fidelity icons

Dated UI

The "chalkboard"; an area where events are posted

Large list of filter chips

Search by location

Competitor 1

Competitor 2

Competitor 3

Pub Club

Pub profiles lack substance and content

Low fidelity icons

Dated UI

The "chalkboard"; an area where events are posted

Large list of filter chips

Search by location

Competitor 1

Competitor 2

Competitor 3

Pub Club

Pub profiles lack substance and content

Low fidelity icons

Dated UI

The "chalkboard"; an area where events are posted

Large list of filter chips

Search by location

There’s opportunity in providing more to the user

Primary Personas

Meet the Aussie Expat

The information gathered from the user interviews led into defining the primary user persona.

"Amelia" served as a guidepost for our design decisions, ensuring that the end product aligns with the needs and expectations of the users.

The Challenge

How can we offer users a tailored pub browsing experience that prioritizes ease, accuracy, and a comprehensive view of each pub's unique offerings?

North Star Principles

Guiding Fundamentals

For this project, the design philosophy is anchored in three Guiding Principles that serve as the compass for our user experience journey. They ensure that every aspect of the design—from initial discovery to in-depth exploration—is user-centric, genuine, and intuitive.

Effortless Pub Discovery

Streamline the search process to enable users to quickly find their ideal pub, focusing on simplicity and direct results.

Authentic Representation

Ensure each pub's profile vividly captures its unique ambiance and offerings, accurately reflecting its distinct character.

Intuitive Layout & Flow

Design a user interface that is inherently easy to navigate, providing a natural and logical user experience from the start.

Ideation

Current-State User Story

Mapping Amelia's User Story Revealed Opportunities

Amelia's user story highlighted gaps between user needs and current discovery platforms. The design should focus on bridging these gaps, fostering an effortless, personalized pub-finding journey.

Amelia finds herself in an new area of London, and wanting to find a pub.

Pain Points:

Amelia feels lost due to a lack of immediate, localized pub information.

Needs:

She needs a way to quickly identify pubs in her immediate vicinity with the desired features.

She wants a pub to have pizza, a fireplace, and live music.

Pain Points:

Difficulty in filtering pubs based on specific amenities.

Needs:

A filtering tool that allows her to select multiple desired features to streamline her search.

She searches for pubs nearby and goes through each looking for a cocktail list and a patio.

Pain Points:

The time-consuming process of checking each pub profile for specific details.

Needs:

An aggregated view of pub features that allows for quick comparison.

She settles for one even though it did not satisfy all her needs.

Pain Points:

Compromising on her preferences due to insufficient information.

Needs:

A more robust search result that aligns closely with all her preferences to avoid settling for less.

Amelia finds herself in an new area of London, and wanting to find a pub.

Pain Points:

Amelia feels lost due to a lack of immediate, localized pub information.

Needs:

She needs a way to quickly identify pubs in her immediate vicinity with the desired features.

She searches for pubs nearby and goes through each looking for her preferences .

Pain Points:

The time-consuming process of checking each pub profile for specific details.

Needs:

An aggregated view of pub features that allows for quick comparison.

Opportunities & Application

Turning Opportunities into Ideas

Building on research insights, the design should focus on refining search functionality to align with patrons’ varied tastes, creating a go-to platform for uncovering pub events, and crafting detailed profiles that capture the distinctive essence and story of each pub.

Personalized Preferences

Opportunity:

Patrons have diverse tastes, seeking specific types of beverages (beers, ales, wines, cocktails) and experiences (food choices, atmosphere).

Application:

The design can offer advanced search features. This allows users to easily locate pubs that cater to their specific tastes and desires.

Event Discovery

Opportunity:

There's a high interest in pubs hosting live events such as music, sports, and pub quizzes. However, finding these events is often challenging.

Application:

The design can bridge this gap by becoming the destination for discovering such events, helping users effortlessly find venues that host their desired activities.

Rich Pub Profiles

Opportunity:

Current platforms fall short in providing detailed and engaging profiles for pubs.

Application:

The design can capitalize on this by offering more comprehensive and engaging pub profiles.

User Journey

By turning the user story opportunities into a user journey, I was able to visualize the flow of the app and potential screens that would be involved.

60%

of respondents say that Limited or outdated information "frustrates" them the most when searching for pubs.

70%

of respondents say that a pub's ambience & theme are "very important" when choosing.

80%

of respondents say they prefer a pub with outdoor seating than one without.

60%

of respondents say that a pub's ratings and reviews from other users are " important" when choosing.

70%

of respondents say that food and drink menus are " important - very important"

Prioritization

Survey Results Showed What Pub-goers Prioritize

To get a better sense of the user, I conducted a survey of what customers look for in a pub. The survey collected answers from UK natives, expats from other countries, and visitors to the UK.

Current-State User Story

Mapping Amelia's User Story Revealed Opportunities

Amelia's user story highlighted gaps between user needs and current discovery platforms. The design should focus on bridging these gaps, fostering an effortless, personalized pub-finding journey.

Amelia finds herself in an new area of London, and wanting to find a pub.

Pain Points:

Amelia feels lost due to a lack of immediate, localized pub information.

Needs:

She needs a way to quickly identify pubs in her immediate vicinity with the desired features.

She wants a pub to have pizza, a fireplace, and live music.

Pain Points:

Difficulty in filtering pubs based on specific amenities.

Needs:

A filtering tool that allows her to select multiple desired features to streamline her search.

She searches for pubs nearby and goes through each looking for a cocktail list and a patio.

Pain Points:

The time-consuming process of checking each pub profile for specific details.

Needs:

An aggregated view of pub features that allows for quick comparison.

She settles for one even though it did not satisfy all her needs.

Pain Points:

Compromising on her preferences due to insufficient information.

Needs:

A more robust search result that aligns closely with all her preferences to avoid settling for less.

Amelia finds herself in an new area of London, and wanting to find a pub.

Pain Points:

Amelia feels lost due to a lack of immediate, localized pub information.

Needs:

She needs a way to quickly identify pubs in her immediate vicinity with the desired features.

She searches for pubs nearby and goes through each looking for her preferences .

Pain Points:

The time-consuming process of checking each pub profile for specific details.

Needs:

An aggregated view of pub features that allows for quick comparison.

Opportunities & Application

Turning Opportunities into Ideas

Personalized Preferences

Opportunity:

Patrons have diverse tastes, seeking specific types of beverages (beers, ales, wines, cocktails) and experiences (food choices, atmosphere).

Application:

The design can offer advanced search features. This allows users to easily locate pubs that cater to their specific tastes and desires.

Event Discovery

Opportunity:

There's a high interest in pubs hosting live events such as music, sports, and pub quizzes. However, finding these events is often challenging.

Application:

The design can bridge this gap by becoming the destination for discovering such events, helping users effortlessly find venues that host their desired activities.

Rich Pub Profiles

Opportunity:

Current platforms fall short in providing detailed and engaging profiles for pubs.

Application:

The design can capitalize on this by offering more comprehensive and engaging pub profiles.

User Journey

By turning the user story opportunities into a user journey, I was able to visualize the flow of the app and potential screens that would be involved.

60%

of respondents say that Limited or outdated information "frustrates" them the most when searching for pubs.

70%

of respondents say that a pub's ambience & theme are "very important" when choosing.

80%

of respondents say they prefer a pub with outdoor seating than one without.

60%

of respondents say that a pub's ratings and reviews from other users are " important" when choosing.

70%

of respondents say that food and drink menus are " important - very important"

Prioritization

Survey Results Showed What Pub-goers Prioritize

To get a better sense of the user, I conducted a survey of what customers look for in a pub. The survey collected answers from UK natives, expats from other countries, and visitors to the UK.

Current-State User Story

Mapping Amelia's User Story Revealed Opportunities

Amelia's user story highlighted gaps between user needs and current discovery platforms. The design should focus on bridging these gaps, fostering an effortless, personalized pub-finding journey.

Amelia finds herself in an new area of London, and wanting to find a pub.

Pain Points:

Amelia feels lost due to a lack of immediate, localized pub information.

Needs:

She needs a way to quickly identify pubs in her immediate vicinity with the desired features.

She wants a pub to have pizza, a fireplace, and live music.

Pain Points:

Difficulty in filtering pubs based on specific amenities.

Needs:

A filtering tool that allows her to select multiple desired features to streamline her search.

She searches for pubs nearby and goes through each looking for a cocktail list and a patio.

Pain Points:

The time-consuming process of checking each pub profile for specific details.

Needs:

An aggregated view of pub features that allows for quick comparison.

She settles for one even though it did not satisfy all her needs.

Pain Points:

Compromising on her preferences due to insufficient information.

Needs:

A more robust search result that aligns closely with all her preferences to avoid settling for less.

Amelia finds herself in an new area of London, and wanting to find a pub.

Pain Points:

Amelia feels lost due to a lack of immediate, localized pub information.

Needs:

She needs a way to quickly identify pubs in her immediate vicinity with the desired features.

She searches for pubs nearby and goes through each looking for her preferences .

Pain Points:

The time-consuming process of checking each pub profile for specific details.

Needs:

An aggregated view of pub features that allows for quick comparison.

Opportunities & Application

Turning Opportunities into Ideas

Personalized Preferences

Opportunity:

Patrons have diverse tastes, seeking specific types of beverages (beers, ales, wines, cocktails) and experiences (food choices, atmosphere).

Application:

The design can offer advanced search features. This allows users to easily locate pubs that cater to their specific tastes and desires.

Event Discovery

Opportunity:

There's a high interest in pubs hosting live events such as music, sports, and pub quizzes. However, finding these events is often challenging.

Application:

The design can bridge this gap by becoming the destination for discovering such events, helping users effortlessly find venues that host their desired activities.

Rich Pub Profiles

Opportunity:

Current platforms fall short in providing detailed and engaging profiles for pubs.

Application:

The design can capitalize on this by offering more comprehensive and engaging pub profiles.

User Journey

By turning the user story opportunities into a user journey, I was able to visualize the flow of the app and potential screens that would be involved.

60%

of respondents say that Limited or outdated information "frustrates" them the most when searching for pubs.

70%

of respondents say that a pub's ambience & theme are "very important" when choosing.

80%

of respondents say they prefer a pub with outdoor seating than one without.

60%

of respondents say that a pub's ratings and reviews from other users are " important" when choosing.

70%

of respondents say that food and drink menus are " important - very important"

Prioritization

Survey Results Showed What Pub-goers Prioritize

To get a better sense of the user, I conducted a survey of what customers look for in a pub. The survey collected answers from UK natives, expats from other countries, and visitors to the UK.

Design

Design Inspirations

Integrating Traditional Pub Aesthetics

To highlight each pub's unique charm and history, I wanted to incorporate their iconic signs and distinctive building architecture into the design, capitalizing on these elements to create memorable and recognizable visuals.

Sketches

Rapid Brainstorm Sketches

Quick sketches were developed using the user journey to slowly turn the functions of the design into form.

Low to Mid-Fidelity Wireframes

Adding Form and Function to Ideas

Using the sketches and previous research data, I developed three main screens for the design.

Card that moves up and down to reveal map view

Pub sign and exterior to highlight pub's uniqueness and help with way-finding

Call to action list

"On now" card showcasing events that are happening at the pub

Venue features and offerings

Additional Wireframes Iterations

Large image slideshow to entice users and give a feel for the pub

"Sticky" Header with most important information that sticks at top to be accessed easily

Pub essential details and information

Rating section

Venue features and attributes list

Mid to High-Fidelity Wireframes

Iterate, Iterate, Iterate

After many quick usability tests and iterations, a high fidelity wireframe was made to be used in a more structured test.

Design Inspirations

Integrating Traditional Pub Aesthetics

Sketches

Rapid Brainstorm Sketches

Quick sketches were developed using the user journey to slowly turn the functions of the design into form.

Low to Mid-Fidelity Wireframes

Adding Form and Function to Ideas

Using the sketches and previous research data, I developed three main screens for the design.

Card that moves up and down to reveal map view

Pub sign and exterior to highlight pub's uniqueness and help with way-finding

Call to action list

"On now" card showcasing events that are happening at the pub

Venue features and offerings

Additional Wireframe Iterations

Large image slideshow to entice users and give a feel for the pub

"Sticky" Header with most important information that sticks at top to be accessed easily

Pub essential details and information

Rating section

Venue features and attributes list

Mid to High-Fidelity Wireframes

Iterate, Iterate, Iterate

After many quick usability tests and iterations, a high fidelity wireframe was made to be used in a more structured test.

Design Inspirations

Integrating Traditional Pub Aesthetics

Sketches

Rapid Brainstorm Sketches

Quick sketches were developed using the user journey to slowly turn the functions of the design into form.

Low to Mid-Fidelity Wireframes

Adding Form and Function to Ideas

Using the sketches and previous research data, I developed three main screens for the design.

Card that moves up and down to reveal map view

Pub sign and exterior to highlight pub's uniqueness and help with way-finding

Call to action list

"On now" card showcasing events that are happening at the pub

Venue features and offerings

Additional Wireframes Iterations

Large image slideshow to entice users and give a feel for the pub

"Sticky" Header with most important information that sticks at top to be accessed easily

Pub essential details and information

Rating section

Venue features and attributes list

Mid to High-Fidelity Wireframes

Iterate, Iterate, Iterate

After many quick usability tests and iterations, a high fidelity wireframe was made to be used in a more structured test.

Design Inspirations

Integrating Traditional Pub Aesthetics

Sketches

Rapid Brainstorm Sketches

Quick sketches were developed using the user journey to slowly turn the functions of the design into form.

Low to Mid-Fidelity Wireframes

Adding Form and Function to Ideas

Using the sketches and previous research data, I developed three main screens for the design.

Card that moves up and down to reveal map view

Pub sign and exterior to highlight pub's uniqueness and help with way-finding

Call to action list

"On now" card showcasing events that are happening at the pub

Venue features and offerings

Additional Wireframes Iterations

Large image slideshow to entice users and give a feel for the pub

"Sticky" Header with most important information that sticks at top to be accessed easily

Pub essential details and information

Rating section

Venue features and attributes list

Mid to High-Fidelity Wireframes

Iterate, Iterate, Iterate

After many quick usability tests and iterations, a high fidelity wireframe was made to be used in a more structured test.

Design Inspirations

Integrating Traditional Pub Aesthetics

Sketches

Rapid Brainstorm Sketches

Quick sketches were developed using the user journey to slowly turn the functions of the design into form.

Low to Mid-Fidelity Wireframes

Adding Form and Function to Ideas

Using the sketches and previous research data, I developed three main screens for the design.

Card that moves up and down to reveal map view

Pub sign and exterior to highlight pub's uniqueness and help with way-finding

Call to action list

"On now" card showcasing events that are happening at the pub

Venue features and offerings

Additional Wireframes Iterations

Large image slideshow to entice users and give a feel for the pub

"Sticky" Header with most important information that sticks at top to be accessed easily

Pub essential details and information

Rating section

Venue features and attributes list

Mid to High-Fidelity Wireframes

Iterate, Iterate, Iterate

After many quick usability tests and iterations, a high fidelity wireframe was made to be used in a more structured test.

Test

Unmoderated Usability Study

Testing the Prototype with Maze

I conducted an unmoderated usability with several participants located in London and outside internationally.

Usability Testing Prototype

Open Figma Prototype

Method

Maze

Task(s)

Pub exploration
General usability
App navigation

Participants

5 Participants
Age: 18 - 28
UK & Non-UK based

Task:
Unfinished

"Hard to do on a laptop but eventually worked perfectly"

Task:
Unfinished

"It was easy to use, I liked that the profiles included special notes (e.g. breakfast, live sports etc)"

Task:
Indirect

Success

"It was very easy to use. The location search was right where I was expecting it to be and was able to quickly find recent searches."

Task:
Unfinished

"the map was in a familiar and easy-to-understand format, which made it inherently easier to use."

Validating Results

Participants Expressed Positivity, Yet Results Revealed Issues

During the usability study of the mobile prototype on a desktop, we faced challenges in simulating mobile interactions. The main issue was the disparity in user actions, such as a mobile swipe translating to a click and drag on desktop.

This was particularly evident in actions like switching between map view pub cards in Figma, where a tap + drag was necessary, differing from the simpler drag action in an actual mobile app. These differences led to some navigation difficulties among participants.

Moderated Usability Study

Second Study Clarified Challenges and Offered New Insights

Addressing the issues from the desktop study, I conducted a moderated in-person study.

This resolved the gesture translation problems and provided clearer insights. Direct interaction with users helped focus on relevant feedback.

Testing Insight

Profile filter badges appear too similar to filter chips / buttons.

Feedback highlighted that users struggled to differentiate profile filter badges from the filter chips due to their similar design. This similarity slowed down the filtering process as users had to take extra time to distinguish between active and available filters.

Improvements

Change Buttons Fill and Removed Outlines as Default "On" Status

To resolve this, we updated the profiles badges to no "background fill" allowing for the filtering on state, to stand out further when highlighting matching badges. This created better glance-ability and were able to fit more badges.

Improvements

Removed badge fill as default "on" status.

Unmoderated Usability Study

Testing the Prototype with Maze

I conducted an unmoderated usability with several participants located in London and outside internationally.

Usability Testing Prototype

Open Figma Prototype

Method

Maze

Task(s)

Pub exploration
General usability
App navigation

Participants

5 Participants
Age: 18 - 28
UK & Non-UK based

Task:
Unfinished

"Hard to do on a laptop but eventually worked perfectly"

Task:
Unfinished

"It was easy to use, I liked that the profiles included special notes (e.g. breakfast, live sports etc)"

Task:
Indirect

Success

"It was very easy to use. The location search was right where I was expecting it to be and was able to quickly find recent searches."

Task:
Unfinished

"the map was in a familiar and easy-to-understand format, which made it inherently easier to use."

Validating Results

Participants Expressed Positivity, Yet Results Revealed Issues

Moderated Usability Study

Second Study Clarified Challenges and Offered New Insights

Addressing the issues from the desktop study, I conducted a moderated in-person study.

This resolved the gesture translation problems and provided clearer insights. Direct interaction with users helped focus on relevant feedback.

Testing Insight

Profile filter badges appear too similar to filter chips / buttons.

Improvements

Change Buttons Fill and Removed Outlines as Default "On" Status

Improvements

Removed badge fill as default "on" status.

Unmoderated Usability Study

Testing the Prototype with Maze

I conducted an unmoderated usability with several participants located in London and outside internationally.

Usability Testing Prototype

Open Figma Prototype

Method

Maze

Task(s)

Pub exploration
General usability
App navigation

Participants

5 Participants
Age: 18 - 28
UK & Non-UK based

Task:
Unfinished

"Hard to do on a laptop but eventually worked perfectly"

Task:
Unfinished

"It was easy to use, I liked that the profiles included special notes (e.g. breakfast, live sports etc)"

Task:
Indirect

Success

"It was very easy to use. The location search was right where I was expecting it to be and was able to quickly find recent searches."

Task:
Unfinished

"the map was in a familiar and easy-to-understand format, which made it inherently easier to use."

Validating Results

Participants Expressed Positivity, Yet Results Revealed Issues

Moderated Usability Study

Second Study Clarified Challenges and Offered New Insights

Addressing the issues from the desktop study, I conducted a moderated in-person study.

This resolved the gesture translation problems and provided clearer insights. Direct interaction with users helped focus on relevant feedback.

Testing Insight

Profile filter badges appear too similar to filter chips / buttons.

Improvements

Change Buttons Fill and Removed Outlines as Default "On" Status

Improvements

Removed badge fill as default "on" status.

Unmoderated Usability Study

Testing the Prototype with Maze

I conducted an unmoderated usability with several participants located in London and outside internationally.

Usability Testing Prototype

Open Figma Prototype

Method

Maze

Task(s)

Pub exploration
General usability
App navigation

Participants

5 Participants
Age: 18 - 28
UK & Non-UK based

Task:
Unfinished

"Hard to do on a laptop but eventually worked perfectly"

Task:
Unfinished

"It was easy to use, I liked that the profiles included special notes (e.g. breakfast, live sports etc)"

Task:
Indirect

Success

"It was very easy to use. The location search was right where I was expecting it to be and was able to quickly find recent searches."

Task:
Unfinished

"the map was in a familiar and easy-to-understand format, which made it inherently easier to use."

Validating Results

Participants Expressed Positivity, Yet Results Revealed Issues

Moderated Usability Study

Second Study Clarified Challenges and Offered New Insights

Addressing the issues from the desktop study, I conducted a moderated in-person study.

This resolved the gesture translation problems and provided clearer insights. Direct interaction with users helped focus on relevant feedback.

Testing Insight

Profile filter badges appear too similar to filter chips / buttons.

Improvements

Change Buttons Fill and Removed Outlines as Default "On" Status

Improvements

Removed badge fill as default "on" status.

Unmoderated Usability Study

Testing the Prototype with Maze

I conducted an unmoderated usability with several participants located in London and outside internationally.

Usability Testing Prototype

Open Figma Prototype

Method

Maze

Task(s)

Pub exploration
General usability
App navigation

Participants

5 Participants
Age: 18 - 28
UK & Non-UK based

Task:
Unfinished

"Hard to do on a laptop but eventually worked perfectly"

Task:
Unfinished

"It was easy to use, I liked that the profiles included special notes (e.g. breakfast, live sports etc)"

Task:
Indirect

Success

"It was very easy to use. The location search was right where I was expecting it to be and was able to quickly find recent searches."

Task:
Unfinished

"the map was in a familiar and easy-to-understand format, which made it inherently easier to use."

Validating Results

Participants Expressed Positivity, Yet Results Revealed Issues

Moderated Usability Study

Second Study Clarified Challenges and Offered New Insights

Addressing the issues from the desktop study, I conducted a moderated in-person study.

This resolved the gesture translation problems and provided clearer insights. Direct interaction with users helped focus on relevant feedback.

Testing Insight

Profile filter badges appear too similar to filter chips / buttons.

Improvements

Change Buttons Fill and Removed Outlines as Default "On" Status

Improvements

Removed badge fill as default "on" status.

Polish

Hi-Fidelity Prototype

Finished Prototype

The Hi-Fidelity prototype showcases the basic functions and capabilities of the design.

Hi-Fidelity Prototype

Open Figma Prototype

Components

Finished Components

The following are a few of the finished components that make up the design system.

1.

Simplifying London's Pub Discovery

Pubhub streamlines the process of finding pubs in London, offering an intuitive and efficient way for the user to explore a variety of venues.

2.

Tailor Your Tavern Experience

The design addresses the unique tastes and preferences of individuals, providing a tailored search experience.

3.

Discover What Each Pub Brings to the Table

Pubhub offers detailed insights into each pub's offerings, providing a holistic view that goes beyond the current methods.

Hi-Fidelity Prototype

Finished Prototype

The Hi-Fidelity prototype showcases the basic functions and capabilities of the design.

Hi-Fidelity Prototype

Open Figma Prototype

Components

Finished Components

The following are a few of the finished components that make up the design system.

1.

Simplifying London's Pub Discovery

Pubhub streamlines the process of finding pubs in London, offering an intuitive and efficient way for the user to explore a variety of venues.

2.

Tailor Your Tavern Experience

The design addresses the unique tastes and preferences of individuals, providing a tailored search experience.

3.

Discover What Each Pub Brings to the Table

Pubhub offers detailed insights into each pub's offerings, providing a holistic view that goes beyond the current methods.

Hi-Fidelity Prototype

Finished Prototype

The Hi-Fidelity prototype showcases the basic functions and capabilities of the design.

Hi-Fidelity Prototype

Open Figma Prototype

Components

Finished Components

The following are a few of the finished components that make up the design system.

1.

Simplifying London's Pub Discovery

Pubhub streamlines the process of finding pubs in London, offering an intuitive and efficient way for the user to explore a variety of venues.

2.

Tailor Your Tavern Experience

The design addresses the unique tastes and preferences of individuals, providing a tailored search experience.

3.

Discover What Each Pub Brings to the Table

Pubhub offers detailed insights into each pub's offerings, providing a holistic view that goes beyond the current methods.

Hi-Fidelity Prototype

Finished Prototype

The Hi-Fidelity prototype showcases the basic functions and capabilities of the design.

Hi-Fidelity Prototype

Open Figma Prototype

Components

Finished Components

The following are a few of the finished components that make up the design system.

1.

Simplifying London's Pub Discovery

Pubhub streamlines the process of finding pubs in London, offering an intuitive and efficient way for the user to explore a variety of venues.

2.

Tailor Your Tavern Experience

The design addresses the unique tastes and preferences of individuals, providing a tailored search experience.

3.

Discover What Each Pub Brings to the Table

Pubhub offers detailed insights into each pub's offerings, providing a holistic view that goes beyond the current methods.

Hi-Fidelity Prototype

Finished Prototype

The Hi-Fidelity prototype showcases the basic functions and capabilities of the design.

Hi-Fidelity Prototype

Open Figma Prototype

Components

Finished Components

The following are a few of the finished components that make up the design system.

Pubhub

Home

Pubhub

Home

Pubhub

Home

Pubhub

Pubhub

Pubhub

Pubhub

Pubhub

Pubhub

Pubhub

Case Study

Case Study

Concept

Concept

7 Minute Read

7 Minute Read

Connecting London's public to their perfect pub.

Connecting London's public to their perfect pub.

Connecting London's public to their perfect pub.

Connecting London's public to their perfect pub.

Connecting London's public to their perfect pub.

UX/UI, Research, Design, Testing

UX/UI, Research, Design, Testing

Oct - Dec 2023

Oct - Dec 2023

Hospitality, Entertainment

Hospitality, Entertainment

Context

Two Years Pub'n

I spent two years living abroad in central London, spending half my time traveling and the other half working in traditional historic english pubs.

During my time there, I found that…

During my time there, I found that…

During my time there, I found that…

Solution

Pubhub offers a comprehensive look at London pubs.

Solution

Pubhub offers a comprehensive look at London pubs.

Solution

Pubhub offers a comprehensive look at London pubs.

Problem

Young adults in London need an easier way to find pubs that fit their needs.

Young adults in London need an easier way to find pubs that fit their needs.

Young adults in London need an easier way to find pubs that fit their needs.

1.

Simplifying London's Pub Discovery

Pubhub streamlines the process of finding pubs in London, offering an intuitive and efficient way for the user to explore a variety of venues.

1.

Simplifying London's Pub Discovery

Pubhub streamlines the process of finding pubs in London, offering an intuitive and efficient way for the user to explore a variety of venues.

1.

Simplifying London's Pub Discovery

Pubhub streamlines the process of finding pubs in London, offering an intuitive and efficient way for the user to explore a variety of venues.

2.

Tailor Your Tavern Experience

The design addresses the unique tastes and preferences of individuals, providing a tailored search experience.

2.

Tailor Your Tavern Experience

The design addresses the unique tastes and preferences of individuals, providing a tailored search experience.

2.

Tailor Your Tavern Experience

The design addresses the unique tastes and preferences of individuals, providing a tailored search experience.

3.

Discover What Each Pub Brings to the Table

Pubhub offers detailed insights into each pub's offerings, providing a holistic view that goes beyond the current methods.

3.

Discover What Each Pub Brings to the Table

Pubhub offers detailed insights into each pub's offerings, providing a holistic view that goes beyond the current methods.

3.

Discover What Each Pub Brings to the Table

Pubhub offers detailed insights into each pub's offerings, providing a holistic view that goes beyond the current methods.

User Interviews

Londoners Love Pubs

Londoners Love Pubs

Londoners Love Pubs

I Received More Questions than Answers

No Two Pubs in London are Quite the Same

People Want to See Live Music and Other Events But Can't Find Them

Londoners
Love Pubs

Londoners
Love Pubs

Current Options
Lack Depth of Information