page top anchor
Web Diffusion Websites by Sub@omic

< PrevNext >

😲 OMG! Look At The Marquis of Granby Pub in Harpenden

A few minutes walk from Old Batford Mill, the home of Sub@omic Limited, can be found The Marquis of Granby - a lovely, traditional, country pub tucked-away in a leafy setting beside the River Lea with a proud reputation for serving traditional pub classics, authentic tapas and sharing boards.

The pub came out of lockdown with new managers and a genuine hunger for doing hospitality correctly and for wooing the people of Harpenden and Batford off their sofas. The former manager had long-since shut down the kitchen and earned The Marquis of Granby a reputation for being a drinkers' pub.

At the heart of the fresh offer was, and remains, a desire to serve the most authentic tapas and traditional pub classics alongside great beer and accompanied by live music. Sub@omic, being just over the bridge across the River Lea, was asked to, economically, take a look at developing an online brand for the relaunch.

The answer to the desire for an economically-created website was Web Diffusion's Startup Module that delivers one page, super-scrolling websites for startups.

Marquis of Granby's Web Diffusion responsive startup website
The desktop view of the responsive website layout for the Marquis of Granby pub, Harpenden
Marquis of Granby's Web Diffusion responsive startup website
The mobile view of the responsive website layout for the Marquis of Granby pub, Harpenden
Marquis of Granby's Web Diffusion responsive startup website
The tablet view of the responsive website layout for the Marquis of Granby pub, Harpenden
Marquis of Granby's Web Diffusion responsive startup website
Web Diffusion's 'offer boxes' make the navigation of a one page deep-scroll website simpler.
Marquis of Granby's Web Diffusion responsive startup website
The mobile view of Web Diffusion's 'offer boxes' - which make the navigation of a one page super-scroll website simpler.
Marquis of Granby's Web Diffusion responsive startup website
The tablet view of Web Diffusion's 'offer boxes' - which make the navigation of a one page responsive website simpler.
Marquis of Granby's Web Diffusion responsive startup website
The presentation of the Marquis of Granby's authentic tapas menu on a tablet.
Marquis of Granby's Web Diffusion responsive startup website
The presentation of the Marquis of Granby's tapas menu on a mobile.
Marquis of Granby's Web Diffusion responsive startup website
The Startup module enables an HTML form to be included in the one page scrolling website - this form enables diners to make a table reservation at the Marquis of Granby and offers the spam protection of Web Diffusion's alfaRomeo CAPTCHA.
Marquis of Granby's Web Diffusion responsive startup website
The responsive Web Diffusion website for the Marquis of Granby offers a table reservation form that looks great on a mobile device.
Marquis of Granby's Web Diffusion responsive startup website
The responsive Web Diffusion website for the Marquis of Granby offers a table reservation form that looks very clean on a tablet.
Marquis of Granby's Web Diffusion responsive startup website
Web Diffusion's microBlog is used to update the one page website with forthcoming news of forthcoming events at the Marquis of Granby in Harpenden.
Marquis of Granby's Web Diffusion responsive startup website
Web Diffusion's microBlog is used to update the 'What's On' section of the Marquis of Granby's website.
Marquis of Granby's Web Diffusion responsive startup website
Web Diffusion's microBlog is used by the land lord & lady of the Marquis of Granby to update and self-manage the 'What's On' section of the one page Harpenden pub website.
Marquis of Granby's Web Diffusion responsive startup website
Some people may tell you that an HTML <table> is not a responsive element. This screengrab shows how Sub@omic uses breakpoints and media queries to ensure that table data doesn't break the web page layout.
Marquis of Granby's Web Diffusion responsive startup website
Creative use of @media queries and fibonacci breakpoints ensures that an HTML table becomes responsive.
Marquis of Granby's Web Diffusion responsive startup website
Some people may tell you that an HTML <table> is not a responsive element. Sub@omic is proud to prove that it has the CSS experience to show otherwise.

Desk research showed us that our local was not the only The Marquis of Granby in the UK and, although not as common as The Red Lion, the economy one page approach was going to need a little boost. We're unable to divulge whether there was any beer involved in its creation but Steve Whiting, Director of Web Diffusion's developer Sub@omic Limited, soon realised that abbreviation The Marquis of Granby was MoG - say that quick enough and it sounds like emoji. Just a few sips later it became clear that an anagram of the abbreviation is OMG.

www.omgmog.pub

The rest quickly fell into place and a brand was created that readily spoke of the change that had taken place in the pub and showed-off the playful side of the new managers who are all about the surprise and delight that it's possible to generate when you have an unshakeable belief in the food and drink served.

The Web Diffusion Startup Website

The super-scroll Startup website sports an ever-changing, playful identity at the top of the page powered by Web Diffusion's imageSequencer. The website includes an online booking form and sample dishes from the continually-evolving tapas and large plate menus as well as a self-managed What's On section, powered by Web Diffusion's microBlog to edit and update, a diary of food promotions and live music events.

We're thrilled that the brand we created has been so very well-received and has proven to be so flexible. Our playful emoji identity has easily translated onto the menus we designed and printed and will soon be found on a range of incredibly innovative Generation Pop contactless, promotional drinks coasters.

Get A Powerfully Branded Web Diffusion Website Working Hard For Your Hospitality Business Now!

Find Out How To Build A Hit Website

The secret to building a hit website is to not jump into building the website without firstly thinking about why you're doing it. Sub@omic has written a free web design guide entitled How To Build A Hit Website that sets-out what you should be thinking about before you start assembling your website's pages.The secret to building a hit website is to not jump into building the website without firstly thinking about why you're doing it. Sub@omic has written a <em>free</em> web design guide entitled <i>How To Build A Hit Website</i> that sets-out what you should be thinking about before you start assembling your website's pages.Click here to receive your free printed guide by post.

< PrevNext >

Website navigation menuMenu