Build website from psd designs - using CMS like Wordpress / Drupal / Joomla

  • Status Completed
  • Budget $50 - $150 USD
  • Total Bids 19

Project Description


I have got full designs of a website that I would like converted into a website, which will need to be built on a CMS platform like Wordpress, Drupal or Joomla or similar.

The site should have full screen images as the background (which resize to ensure always full screen) and the overlay is to be exactly as in the psd files. Please review the images attached (I will provide the psd files to the winning bidder) and bid accordingly.

A description of each page's functionality is as follows:

All Pages:

Should be able to set the background image of each page separately in the back end so it is easy to change.

The menu bar should always stay and the bottom of the browser window (and not jump around when scrolling up and down) and the background image should be slightly visible behind it but any page content not as you scroll up and down

The right hand side of the menu bar should show the next up coming event according to date. This changes as time goes on to always show the next event. you can click on the event link and it takes you to the event page.

All links hover over change to purple


The 3 typography links should be able to be set in the back end and should be png files which can also be set in the back end. This will need a hover over (turns purple) so happy to upload an image with the 2 states and the sizes can be fixed so can use css sprites.

The top logo is a link bringing you back to the home page, when hover over the logo or text and the stag head goes purple

About Page:

typography title is png to be set in back end (this is the same for all typography titles)

The text area grows according to amount of text set in back end

contact page:

emails at the top are just selectable and not mailto

the contact form needs a submit button i just forgot to add one. make it nice.


left hand sample menus open pdfs in new window. these can be set in the back end and not necessarily 3 there might be more or less.

The next event is at the top, then all other upcoming events, and then under that all past events.

The next upcoming event is always fully expanded, others are minimised by default, and can be expanded by clicking the plus.

When click the plus, the event area expands to show the descriptions and any photos, and it expands over approximately 1 second.

Photos and the map (google maps) are shown in an in window panel using javascript


This is a view of our instagram, so it pulls in the images and when clicked on they enlarge in screen and the background fades to grey

(if cant be done automatically with instragram, then load via email is a compromise)

Press page:

Thumbnails (square) can be set in the back end, and enlarge to full screen with any background showing fade to grey.

Recipe page:

Recipes and their photo (always the same size so crops the images to fit the space) added in the back end. each will need a typography image png too.

Recipe directory:

Only alphabet letters with a recipe are shown. they are evenly distributed over 3 columns as shown in image. Each recipe will be under one animal category, and clicking on the animal brings up the 'themeat' page an shows any recipes set as that animal.


streetfood menu on right set in back end

streetfood locations can be set in back end (there may be more than 4 sometimes) and this also adds the location to the google map and this is marked by the stags head per location. the maps is zoomed by default to show all locations

The meat:

recipes linked to that animal show

Get free quotes for a project like this
Completed by:

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online