Haworth Ghost Tours

Web Design and Development for a guided ghost walk business

Requirements

Haworth Ghost Tours is a guided ghost walk business based in Haworth, West Yorkshire. They wanted to update their existing website (which I designed and developed in 2011), to make it more modern and responsive. Haworth Ghost Tours trusted me to come up with a design they liked, so they took a step back from the design process and let me get on with it. I kept Haworth Ghost Tours updated on a regular basis and they provided feedback to allow the design and build to progress.

 
 

Inspiration

As this was a re-design, the research stage involved searching for inspiration. I did this by looking at websites offering a similar service to Haworth Ghost Tours and other ghost themes websites, I also visited Haworth to take some photographs. From these I created an inspiration board.

Design

The first stage of the design was to create hand drawn sketches. From these I then created wireframes to show the position of key elements for the home page and other pages, the home page having a slightly different layout to the other pages.

 
Haworth Ghost Tours - Desktop wire frame
Haworth Ghost Tours - Desktop wire frame
 

Visuals

The next stage was to create the visual mockups. I created two visual mockups, one for the home page and one for the other pages. I also created a variant of the visuals with the background image covering most of the page. After presenting the visuals to Haworth Ghost Tours, the visuals below were chosen.

 
Haworth Ghost Tours home visuals
Haworth Ghost Tours page visuals
 

Final Result

The final stage was to build the website. I used the Zurb Foundation 6 responsive framework to provide responsive functionality and some JQuery to provide micro interactions on the get in touch form. I also updated the Tour Admin section by converting it from VB to C#.

 
 

View the finished website: http://www.haworthghosttours.co.uk

View the finished website: http://www.haworthghosttours.co.uk