Greenall's Gin Responsive Web Design Case Study London

Greenall’s Gin

Greenall's Gin Responsive Web Designer London

Hitting Refresh

A multi-award winning and internationally recognised brand, Greenall’s have been proudly distilling their delicious original London dry gin since 1761. They refreshed their branding back in 2011 and wanted a new future-proof website to bring their online identity up-to-date with their products. They asked me to help them to enhance their existing designs and build a fully responsive, mobile-friendly WordPress website that would perfectly reflect their current look.

Greenall's Gin Responsive Web Designer London

Challenging

Greenall’s had a very clear vision for the site from the outset and provided me with the full site content, sitemap, and initial designs which gave me a perfect understanding of what they were looking for. Aspects of the site’s design were quite complex, so translating that to smaller screens was a challenge. After analysing their designs and requirements I designed mobile and tablet mockups to convey to Greenall’s how the site would look and function responsively.

Experience paid off

Planning based on analysis of the designs was crucial on this project. Every single part of the site needed to be editable in WordPress and in some instances, the design of the content had an entirely different layout on smaller screens vs larger screens. My years of experience with WordPress and WordPress theme creation came in to their own, and with some deep thinking I was able to build the theme and make each element changeable and versatile.

Project: Greenall’s Gin
 

Test, test, then test again

A lot of time was then spent testing the design in various browsers (700+ including mobile browsers, to be exact!) to ensure the layout structure held strong and looked perfect. This included testing a several different types of content, images sizes, text lengths and potential plugins to account for future content changes made by Greenall’s. I then worked with the web team over at Greenall’s to get the site live and make it fully secure.

Cheers! Salud! Prost!

Greenall’s were over the moon with their new site. Here’s what Sam Chandler, their Global Assistant Brand Manager, had to say about the project…


Sam Chandler

Sam Chandler

Global Assistant Brand Manager / Greenall's Gin View more reviews on Facebook

Mat was able to bring the Greenall’s online presence to life with a fantastic responsive website that looks beautiful and functions perfectly across a range of devices and screen sizes. It was essential that our new website accommodated mobile and tablet users, while ensuring a consistent brand style, all of which Mat delivered on time, on budget and to a very high standard. Professional, approachable and experienced, Mat was a pleasure to deal with throughout the project and I have no hesitation in recommending him for future creative projects.

Greenall's Gin Responsive Web Design London

Greenall's Gin Responsive Web Designer London

View the Greenall’s Gin Website

Pretentious Burger Kitchen Responsive Web Design Case Study London

Pretentious Burger Kitchen

PBK - Web Designer London

Who Are PBK?

The ambitious group of guys at Pretentious Burger Kitchen were on a roll after a successful start at a pop-up restaurant in Bristol in 2014. Their next move was to set up permanent residence in the newly renovated city centre of Newport, Wales, bringing their restaurant venture which focuses on daily fresh produce, innovative techniques and a dose of humour to the masses. PBK asked me to design and build a responsive website to go along with the launch of their new business and showcase their philosophy and products.

Pretentious Burger Kitchen Mobile View

Recipe For Success

I built upon the logo and branding decisions that the team at PBK had already come up with, to keep their look consistent and memorable in my designs for web. Having worked with so many small businesses over the years, I was able to give guidance on the structure and content of the website, and from this the team and I agreed the whole web design.

Pretentious Burger Kitchen Tablet View

Fast, Adaptable, Responsive

The PBK site is built on WordPress, which provides a great platform for building fast, adaptable, responsive websites, as well as giving the end client a very user-friendly content management system to keep their site up-to-date with new text, photos and pages, as they need. I built in elements such as media sliders to showcase the images of the restaurants’ products, the key to their business. The menu is simple, and adapts between desktop and mobile seamlessly, responding to the needs of the PBK customers, who will equally engage with this site at home or on-the-go.

Pretentious Burger Kitchen Responsive Web Design

Well Done!

Pretentious Burger Kitchen opened it’s doors in Newport in December 2015 and have been going from strength to strength ever since. The team are thrilled that their website creates such a great ‘shop window’ to their new customers, and are using and developing the extra benefits of social media and analytics that I built in to the site to grow their business even further.

Pretentious Burger Kitchen Responsive Web Design

Freerein Responsive Web Design Case Study London

Freerein

Freerein - Web Designer London

Trailblazers

Based on the Welsh border at the edge of the beautiful Brecon Beacons National Park, Freerein have been operating their unique horse riding holidays for over 25 years. With their combination of experience, local knowledge and research they’ve created the world’s most extensive trail riding network, offering beginner, guided, self-guided and personalised horse riding holidays.

Freerein - Web Designer London

Overhauling Freerein’s Online Presence

Matt at Freerein first contacted me in July 2014 when he was looking to update the company website to make it fully responsive and mobile friendly. As his previous site was a static site that was difficult to update, I suggested building the new responsive site on WordPress which Matt said would make his life much easier.

There were a large variety of page and content types to consider before beginning the designs, so I worked with Matt to prioritise and section the vast content before planning how to accommodate everything within a new, responsive website layout. Matt had quite a clear idea of how he would like some of the content to be laid out, including keeping the colour schemes for different horse holiday types as per the previous Freerein website. With the designs complete I moved on to coding and building the site on WordPress, before testing it across 700+ browsers and devices.

Freerein - Web Designer London

Increased Efficiency

Since the new Freerein website went live in January 2015, I’ve worked on it periodically to make it more and more automated, particularly focusing on increasing efficiency in their WordPress website. Keeping the site updated by adding new trails, dates, prices and booking forms now takes Matt a fraction of the time it did previously, giving him more time to work on managing his business, staff and 31 horses!

Freerein - Web Designer London

Consistent, Coherent Collateral

As Freerein’s ‘go-to’ guy for design and web jobs, I also design their annual brochure. Packed with the latest trails, accommodation and equine friends, tens of thousands of copies of the 50+ page brochure are printed and distributed nationwide every year. As the lead designer of the Freerein website, I am able to apply the brand’s colours, fonts and overall style to their printed collateral ensuring a consistent and coherent presentation.

Freerein - Web Designer London

Working With Freerein

It’s a pleasure to work with Freerein on an ongoing basis and really see the fruits of my labour as the business goes from strength to strength as a result of my work with them. I genuinely feel like a part of their team, slotting in to the company as and when creative work is required. For Matt, I believe I offer him all of the skills and ideas of a small agency without the agency price tag. Most importantly, since working with Freerein they’ve seen an increase in traffic and business as we continue to evolve the brand together to keep their loyal guests coming back for more.

Freerein - Web Designer London

View the Freerein Website

Freeland Creative

Freeland Creative - Web Designer London

London Based Designer

Will Freeland is a fellow London based designer with many years experience working in some of the UK’s most reputable design agencies. I had worked with him on a successful web project in early 2015 and in January 2016, Will decided to fly the nest and become a freelance designer. He asked me to help him put together a responsive WordPress portfolio website to help him attract potential clients.

Freeland Creative - Web Designer London

Affordable Solutions

Having discussed Will’s timeline and requirements and budget for the site for the work, we agreed that it would make sense to use an existing WordPress theme as a template and customise it for his needs. I aided Will in shortlisting potential existing themes to use as a starting base before choosing which one we’ll work with.

Freeland Creative - Web Designer London

Efficient, accurate design

With the theme chosen, Will provided me with some initial design ideas and a final list of amendments and requirements. I built upon the chosen theme by coding HTML, CSS, PHP and jQuery to alter the design and layout and give Will full control of the content and overall site in future within WordPress. The site was delivered in time and on budget.

Will was delighted with his new portfolio site which is already proving successful and helping him to win projects as a freelance designer.

View the Freeland Creative Website

The End Watford Responsive Web Design Case Study London

The End

portfolio-the-end-1

Cross-platform Consistency

The owners of locally renowned Watford fashion outlet The End tasked me with building a website that matched their trendy, culturally relevant store and merchandise. They have a loyal customer base and thousands of followers on social media, particularly Instagram, where they regularly post photos of their new items being modelled in-store.

the-end-slide

Versatility

The guys at The End were exploring the possibility of moving in to ecommerce, so I integrated a secure online store in to their new WordPress site for them to test out and evaluate. They eventually decided that, although the store was easy to manage and really well put together, the business wasn’t at the right juncture to move in to online retail just yet. The e-commerce functionality is already integrated and ready to switch on in future.

digital-design-responsive-web-design

Fully Integrated

The clients were very conscious that, despite how easy it might be to update the new site, they might not find the time to keep it updated while managing a busy store and an Instagram account in high demand. To help alleviate the workload pressure, I customised and adapted existing plugins in order to fully integrate a live feed of their Instagram photos. This ensures the site is regularly updated by the client simply by updating their Instagram account as they had previously. The guys at The End were really happy with their new site, and I’m hoping to work with them again in the near future to realise the potential of an online store.

portfolio-the-end-2