Bistro My Way

Visit the live site

I started working with Bistro My Way in late 2018, prior to them opening their restaurant in mid-2019. I had built them a website from scratch, using HTML, CSS and PHP technologies for the purpose of allowing potential customers to book a table, browse the menus and find out any necessary information. The initial design was based on a modern approach. The restaurant management were able to adjust and upload their weekly menus through a provided system and held a responsive design for mobile platforms.

Approaching Bistro My Way's second year of being open, they have established a clear market in Highcliffe for serving high-quality food with an authentic French atmosphere. The initial website that I developed for them was based on a modern bistro which did not suit the formal presence they had. I began by sketching out a basic design and then moved to Adobe XD to start compiling a basic plan for how the website would be structured.

Inside of Bistro My Way

Developing the Design

I began by working through a list of typography styles which would best suit the content shown. As a result of the formality that the bistro established, a serif font was the clear winner, which I chose Lora from Google Fonts for any headings. To accompany this font in paragraphs and navigation, I chose Nunito Sans as it remains bold and enticing, while a smoother, cursive appearance.

The colour theme remained consistent with the previous design as the bistro's building uses the same colours and was still suitable for the brand identity.

The navigation on the previous design was obvious, however not displayed in an appropriate way as it did not seem part of the website and instead 'thrown' onto the page. The new website is designed mobile-first, resulting in a responsive navigation bar. The navigation is fixed to the top of the page, enhancing the user experience by having instant access to navigating the sitemap.

The overall purpose of the website is to call visitors to book a table which is promoted through the new call to action at the top of all pages, accompanied by a suitable heading image. Having the call to action front and centre on the website is the first thing any visitor sees, resulting in more conversions of physical visits.

The new website comes with an overhauled booking page for both hires and table reservations. Although the previous website was functional, it was not enticing to customers. The new website has submission notifications, allowing visitors to easily know the state of their email. On successful submissions, customers will also now receive confirmation emails with their details providing better user experience.

Website Design for Bistro My Way

Upgraded Features

The new Bistro My Way website comes with a number of different features to display a professional attitude to the customers. In order to keep a streamlined, yet detailed experience on their website, I implemented the following features to give a thoughtful and friendly user experience to the customers and the staff.

Digital Infrastructure

  • Uniformed email addresses accessible through their Gmail account
  • Simple digital file management to update weekly menus
  • Automatic confirmation emails sent to customers to give customers quick updates on their reservations

Website features

  • Responsive Design - made around the primary use on mobile based on statistics taken from the previous iteration of the website.
  • Well-navigated menus so customers can find the information they want and quickly
  • Precise search engine optimisation to ensure ranking in search engines
  • Static generation for fast and optimised loading speeds
Interior of Bistro My Way Close up of tables at Bistro My Way

Roast Dinner made by Bistro My Way Wine Rack at Bistro My Way

Get in touch!

Are you interested in working on your digital appearance or have general questions? I'm available to contact via a number of platforms. For business enquiries, contact me on LinkedIn or via email, or if you want to contact me for a non-business related matter, direct message me on Instagram!


Contact Me LinkedIn Instagram
Hey, this website uses cookies! Is that okay? Sure!