MAK­ING MENUS MAN­AGE­ABLE

DIG­I­TAL DE­SIGNER JOEL MAY­NARD RE­VEALS HOW SU­PERRB MADE A LON­DON RESTAU­RANT’S WEB­SITE RE­SPOND TO ITS CUS­TOMERS’ NEEDS

Computer Arts - - Digital Design Skills -

“Dirty Bones is a Lon­don restau­rant based on an NYCin­spired food and cock­tail con­cept. The com­pany had grown from one venue to five, and had an ex­ten­sive brand re­fresh, mov­ing away from the grungy, ratty-edged vibes to a much more ma­ture, clean style. The design needed to re­flect this via the client’s im­agery; the user needed to know ex­actly what Dirty Bones was about, the mo­ment they landed on the web­site.

The site had slightly more mo­bile users than desk­top but it was pretty much 50:50. So we had to fo­cus on en­sur­ing that all func­tion­al­ity was eas­ily ac­ces­si­ble on desk­top, mo­bile and tablet. Even though a very small num­ber of peo­ple ac­cessed the web­site on tablet, we still made sure it was as us­able as on any other de­vice.

From a client per­spec­tive, the abil­ity for users to book eas­ily was a core fac­tor, and so this had to be given strong con­sid­er­a­tion in the re­spon­sive de­signs.

The other is­sue we needed to over­come was en­sur­ing the menu func­tion­al­ity for each venue was eas­ily ac­ces­si­ble on mo­bile de­vices. Each venue has a va­ri­ety of food and drink menus, which can be for­mat­ted on desk­top for easy ac­cess. Due to lim­ited real es­tate on mo­bile, this had to be thought about care­fully.

Dirty Bones has mul­ti­ple lo­ca­tions and has plans to ex­pand. On top of this, the nav­i­ga­tion al­ready had a lot of items due to var­i­ous sea­sonal cam­paigns. So we de­cided to cre­ate a sub-nav­i­ga­tion that ex­pands, while all other nav items bar the venues are ob­scured with an over­lay, to fo­cus the user’s eyes to the var­i­ous lo­ca­tions. This was a fu­ture-proof so­lu­tion that al­lows for sev­eral new lo­ca­tions and works across all de­vices.

Lastly, we also had to make sure that the book­ing and con­tact in­for­ma­tion is al­ways vis­i­ble so we in­cluded th­ese links in the header – sep­a­rate to the main nav­i­ga­tion.”

When Lon­don restau­rant Dirty Bones asked Su­perrb to design it a new web­site, the team worked hard to en­sure the site would be re­spon­sive to cus­tomers’ needs, whether they ac­cessed it on a mo­bile or desk­top de­vice.

Newspapers in English

Newspapers from Australia

© PressReader. All rights reserved.