Gulp Roast Coffee

I was presented with a contract to redesign the website for Gulp Roast. They wanted to add some color and product pages. The original site was a WIX.com build and pleasing. However, Gulp Roast now wanted to have a new look with additional pages and the ability to add detail without having to redesign each time. The most notable change is the products page which now leads to new individual pages detailing each blend with price information. The site is no longer a WIX build, but a fully custom html coded website.

Gulp Roast Coffee home page new and old designs

Design Proposal

The client wanted an initial design proposal made using a specific color scheme and picture for their About Us page. They also asked for it be a responsive design.

Gulp Roast About Us, Desktop version
Gulp Roast, About us, Mobile version

Style Guide

Here is the style guide with the colors suggested by the client

Fonts:

Headings: Poppins 700

All other text: Lato 400

Blue
#082B59

Navy
#131D26

Coffee
#59331D

Peach
#D98555

White
#F2F2F2

Design approved

The client really liked the design and approved it for the whole site. From there we had to design the Products Main page, a Product Detail, a Contact Page, and a new minimalist Home page. Click here to see the published site on GitHub.

Gulp Roast Products page