MAKING MENUS MANAGEABLE
DIGITAL DESIGNER JOEL MAYNARD REVEALS HOW SUPERRB MADE A LONDON RESTAURANT’S WEBSITE RESPOND TO ITS CUSTOMERS’ NEEDS
“Dirty Bones is a London restaurant based on an NYCinspired food and cocktail concept. The company had grown from one venue to five, and had an extensive brand refresh, moving away from the grungy, ratty-edged vibes to a much more mature, clean style. The design needed to reflect this via the client’s imagery; the user needed to know exactly what Dirty Bones was about, the moment they landed on the website.
The site had slightly more mobile users than desktop but it was pretty much 50:50. So we had to focus on ensuring that all functionality was easily accessible on desktop, mobile and tablet. Even though a very small number of people accessed the website on tablet, we still made sure it was as usable as on any other device.
From a client perspective, the ability for users to book easily was a core factor, and so this had to be given strong consideration in the responsive designs.
The other issue we needed to overcome was ensuring the menu functionality for each venue was easily accessible on mobile devices. Each venue has a variety of food and drink menus, which can be formatted on desktop for easy access. Due to limited real estate on mobile, this had to be thought about carefully.
Dirty Bones has multiple locations and has plans to expand. On top of this, the navigation already had a lot of items due to various seasonal campaigns. So we decided to create a sub-navigation that expands, while all other nav items bar the venues are obscured with an overlay, to focus the user’s eyes to the various locations. This was a future-proof solution that allows for several new locations and works across all devices.
Lastly, we also had to make sure that the booking and contact information is always visible so we included these links in the header – separate to the main navigation.”
When London restaurant Dirty Bones asked Superrb to design it a new website, the team worked hard to ensure the site would be responsive to customers’ needs, whether they accessed it on a mobile or desktop device.