top of page

I worked on the Papa L's Kitchen website to transform their digital experience, focusing on enhancing the website’s user experience and increasing online bookings. As part of this project, I researched and discovered and executed a full website redesign. The goal was to improve the overall customer journey, streamline navigation, and create a more seamless booking process, aiming to boost key performance metrics for the restaurant.

Papa L's Kitchen

Simplifying the User Experience and Boosting Bookings for Papa L's Kitchen

Boosting bookings and enhancing the user experience for Papa L's Kitchen

Papa L’s Kitchen offers a vibrant fusion of African flavours, providing customers with a unique dining experience. Whether private dining, team-building workshops, or catering, the restaurant delivers immersive storytelling through its diverse menu.

One problem though – the website’s navigation was complicated, the booking process unclear, and key information like location and opening hours difficult to find. With services like catering and private dining, the website needed to communicate offerings more clearly and allow for easy, direct bookings.

My challenge: make it easy for users to find what they need and book a table quickly.

Using a Lean Canvas framework, I quickly identified the core issues and aligned the business goals with a redesign strategy. The focus was on simplifying navigation, seamless booking, and improving access to essential information. Through testing and iteration, it became clear that simplicity, not complexity, was the solution.

I streamlined the website, combining overlapping categories, adding direct access to the booking system from the homepage, and making location details more prominent. The result? A more intuitive user experience and a significant boost in online bookings and inquiries.

Heading (7)-min.png
Design process.png
Papa L's Kitchen Restaurant London.png

Design Review

What works and What could be improved.

Homepage

The homepage has got a very good quality food photography and branding which help with brand recognition.

tick.png

There are links to the social media which helps with the social proof but there is no customer reviews which would encourage even more to dine in the restaurant.

tick.png
tick.png
cross.png

The restaurant's location details and opening hours are not shown, making it difficult for customers and specifically larger groups to coordinate and ensure accessibility.

Navigation

Complicated and confusing navigation. Some of the services could be combine under one option.

cross.png

There is no option to book a table in teh navigation section. The booking process is confusing and its not clear how to do it.​​

cross.png
cross.png

The “Private Dinning” and “Services” could be combined which would help to find all information in one place

Menu

In case someone would like to organise a bigger party there is not possibility to download the pdf version and share with other participants.

cross.png

There is a possibility of checking the dishes only for vegan and vegetarian, with meat, fish which makes it easier in case of the bigger parties and accommodate diverse dietary preferences and simplifying the selection process for everyone involved.

tick.png
Papa L's Kitchen London Restaurant.png

Mobile

The website doesn't look appealing on the mobile. There is a lot of text but not too many visuals which would give a glimpse of the restaurant offerings.

cross.png

Overall Aesthetics

Too much and repetitive information which make it difficult to find the necessary information.

cross.png

There are part of the text which is overlaying and its difficult to read.

cross.png
cross.png

Some of the website elements, like email address, are not clickable, which makes it difficult to contact the restaurant.

User journey

I’ve mapped a flow of booking a table.

Frame 11.png

The booking journey is pretty straightforward forward, although there is no possibility to go into the booking from the homepage.

Booking process restaurant website London 1.png
Booking process restaurant website London 2.png
Booking process restaurant website London 3.png

Site map

​After analyzing the restaurant's website and its direct and indirect competitors, I developed a website information architecture that creates a seamless experience, generating leads.

Peach Coral Simple Ecommerce Site Map.png
cross.png

A user is not able to freeze GIFs and other moving objects.

cross.png

Menus should be tagged for assistive technology.

tick.png

Letter spacing should be wide enough to be readable.

cross.png

Font sizes should be large enough to be readable

cross.png

Disabling zoom function.

Accessibility

I’ve analysed the website using PageSpeed service for any performance issues, which are likely to affect accessibility and conversion rates. The website performance is average at the moment and there could be taken some steps to optimise it.

Performence

The Top Places You Must Visit In Mexico (27).png
The Top Places You Must Visit In Mexico (28).png
The Top Places You Must Visit In Mexico (29).png

​After analyzing the restaurant's website and its direct and indirect competitors, I developed a website information architecture that creates a seamless experience, generating leads.

cross.png

Background and foreground colours do not have a sufficient contrast ratio.

The Top Places You Must Visit In Mexico (26).png

Usability testing

The Top Places You Must Visit In Mexico (32).png

Scenario walkthrough.

I’ve set up a remote usability test on Zoom with my teammate and completed a set of tasks on the website.

Heading (3).png

User liked the website's design and hero image, but found the carousel lacking. They appreciated detailed info on dishes, reviews, and services.

Heading (3).png

The participant gave a low rating due to difficulty in finding location, opening hours, booking, and menu details. They were frustrated with the absence of information on the homepage, contact, and services sections.

Heading (3).png

Booking a table was easy yet challenging. The participant criticized the small size of the "Book Now" button on the homepage, expressing concerns about potential oversight. The booking process received a rating of 6 or 7 out of 10.

Heading (3).png

Booking a table was easy yet challenging. The participant criticized the small size of the "Book Now" button on the homepage, expressing concerns about potential oversight. The booking process received a rating of 6 or 7 out of 10.

Redesign

After conducting usability testing and analyzing the findings, I began working on redesigning the website. The previous website had been a bit outdated, so it was essential to create a more modern aesthetic. 

After conducting usability testing and analyzing the findings, I began working on redesigning the website. The previous website had been a bit outdated, so it was essential to create a more modern aesthetic. 

2024, 15_12_59 GMT-min.png

Before

Homepage

  • Simplified the navigation and added the option to make a reservation from the homepage.

  • Included is the “Our Story” section as this will help build emotional connections and differentiate the brand.

  • I have added the option to check the menu, which will allow potential customers to quickly view food and drink offerings and make decisions before visiting.

  • I added the map, location, and opening details for potential customers for easy access.

  • Added more photos of the dishes to make it more visually appealing and showcase the menu.

  • Added the contact information in the footer of the website.

Homepage-min.png

After

2024, 15_14_20 GMT-min.png

Before

Menu page

Menu-min.png

After

  • Minimised visual distractions by removing the side bar.

  • Added the option to quickly check different categories on the menu.

  • Simplified the design, made it easier, and made the menu clearer.

  • Added photos of the dishes and the cocktails to make it more visually appealing.

2023, 22_30_49 GMT-min.png

Before

Contact page

Contact-min.png

After

  • Added the location and opening hour details.

  • Reduced the amount of the information on this page to minimise distractions.

2024, 15_19_09 GMT-min.png

Before

Services

Private Dining-min.png

After

  • Changed the layout of the page and listed the available services one under another to make it easier to read.

  • Added the option to download the PDF version of the menu to make it easier for the event organizer to share with attendees.

  • Included the option to make an inquiry for the reservation.

A/B Testing

Homepage and service page

Screenshot 2024-10-02 163958.png
Screenshot 2024-10-02 163930.png
Screenshot 2024-10-02 165307.png
Frame 10.png

The redesign is visually more appealing.

Heading (3).png

I’ve set up an A/B test using Lyssna.com platform to test which version of the homepage and the service perform better.

Heading (3).png

New variant has a 56% compare to the old version.

Additional question was about the ease of finding the location on the homepage.

Heading (3).png

4% of the participants said that it was easy to find the location details on the homepage.

Frame 10.png

The redesign of the homepage made it simpler to find the location information.

What I've learned

The A/B test confirmed that the website needed a redesign, and the new variant was preferred for both the homepage and the services page.

The new layout is simple and modern, and there are food photos that make the website more visually appealing.

Heading (3).png

The navigation section is more organised, and some of the information was deleted to make it less distractive.

Heading (3).png
bottom of page