JH logo Created with Sketch
Vine-Works website (Website on desktop)
Vine-Works website (Website on tablet)
Vine-Works website (Website on mobile)

Vine-Works website

Created by

Jeremy Hickman

Introduction

Unhappy with their previous website, Vine-Works approached me to help them redevelop their site. The key aims were to improve the presentation, and also make the maintenance of the site easier for them, as they manage this in-house.

At the same time, Vine-Works had slightly updated their branding, so it was a good time to reflect the new fonts, colours and logo on the website.

The site was constructed on WordPress, as the Vine-Works team are already familiar with this platform and find it easy to use. WordPress also offered the ability to easily add additional functions such as e-Commerce to the new site due to its flexibility and scalability. The new website uses a bespoke Theme with a wide range of templates, with the content organised in the WordPress dashboard using custom post types.

Project details

Context

Website

URL
Date
Client
My role

Project Management,
Design,
Build

Bespoke Design

Tailor-made solution

Responsive

Mobile-first design

WordPress CMS

Open-source platform

PHP / jQuery

Custom scripts

Features

e-Commerce

Vine-Works sells various vineyard supplies, and they wanted to extend their website to include an e-commerce section to allow them to make these products available to buy online. We used the comprehensive wooCommerce to provide the functionality, styled with bespoke elements to help this section integrate well with the website as a whole.

Jobs listing

Reflecting the fact that Vine-Works occasionally has vacancies that they would wish to advertise, we devised a pair of templates that would allow us to list the current vacancies, and give full details of each job, together with an application form/CV upload function.

Colours

#b4cc04
RGB 180, 204, 4
#376105
RGB 55, 97, 5
#4a4a4a
RGB 74, 74, 74
#eeeeee
RGB 238, 238, 238
#ffffff
RGB 255, 255, 255

Typography

Responsive design

Responsive Web Design (RWD) allows a web page to be displayed differently depending on the size of the web browser it is being displayed on.

RWD has become essential for today's websites as the amount of mobile traffic now accounts for more than half of total internet traffic.

Find out more →
Vine-Works website (Website on mobile)
Vine-Works website (Website on tablet)
Vine-Works website (Website simulation on a laptop)

Let’s make you a great website!

I would love to hear from you

Let's talk

Twitter latest
  • RT : For anyone else who knows this pain
    1 year ago
  • RT : Hey all you cool cats and kittens 🐈 We now support blurred alpha masks. Watch it in action with and give it a go you…
    2 years ago
  • Woke to the exciting news that I've received the HubSpot Champion User award! #hubspotchampionuser
    4 years ago
  • RT : We've been hard at work adding new features in #BitbucketDeployment. Read on to find what's new -
    4 years ago
  • RT : Amazing
    5 years ago
  • 5 years ago

Web Designer and Developer

All rights reserved
Registered in England & Wales: 08617669
Registered office:  1 The Framptons, East Preston, West Sussex, BN16 1BD, United Kingdom. +44 (0)7999 158066 Jeremy Hickman Limited