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.
Papa L's Kitchen
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.
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.
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.
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.
Overall Aesthetics
Too much and repetitive information which make it difficult to find the necessary information.
There are part of the text which is overlaying and its difficult to read.
Some of the website elements, like email address, are not clickable, which makes it difficult to contact the restaurant.
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.
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.
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.
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.
The “Private dinning” and “Services” could be combined which would help to find all information in one place
The booking journey is pretty straightforward forward, although there is no possibility to go into the booking from the homepage.
.png)
User journey
I’ve mapped a flow of booking a table.
.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.
.png)
Performance
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.
.png)
Accessibility
I conducted the accessibility test to check if its complying with UK law.
Background and foreground colours do not have a sufficient contrast ratio.
Font sizes should be large enough to be readable
Letter spacing should be wide enough to be readable.
Disabling zoom function.
Menus should be tagged for assistive technology.
A user is not able to freeze GIFs and other moving objects.
.png)
.png)
Redesign
After conducting usability testing and analyzing the findings, I began working on redesigning the website. The previos website had been a little oiutdated so it was essential to create an aesthethic that was more modern.
Homepage
Simplified the navigation and add 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.
Added the option to check the menu as this will provide quick access for potential customers to view food and drink offerings and allow them to make decisions before visiting.
Added the map and the location and opening details for the potencial customer 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.
Usability testing
Scenario walkthrough
I’ve set up a remote usability test on Zoom with my teammate and completed a set of tasks on the website.
.png)
User liked the website's design and hero image, but found the carousel lacking. They appreciated detailed info on dishes, reviews, and services.
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.
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.
Menu for larger group overwhelming due to bold font. Website has navigation challenges and issues with information visibility for improved user experience.
.png)
Menu
Minimised visual distractions by removing the sidebar.
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.
Contact Page
Added the location and opening hour details.
Reduced the amount of the information on this page to minimise distractions.
Services
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.
The redesign is visually more appealing.
Homepage and service page
I’ve set up an A/B test using Lyssna.com platform to test which version of the homepage and the service perform better.
New variant has a significant 67% compare to the old version.
New variant has a 56% compare to the old version.
Homepage
Additional question was about the ease of finding the location on the homepage.
The redesign of the homepage made it simpler to find the location information.
44% of the participant said that it was easy to find the location details on the homepage.
What I've learn
The A/B test confirm that the website needed a redesign and the new variant was preferred for both homepage and the services page.
The new layout is simple and modern and there are food photos who make the website more visually appealing.
The navigation section is more organise and some of the information were deleted to make it less distractive.