Conference & hostel Wordpress site

This project was awarded to Lxtech for $650 USD.

Get free quotes for a project like this
Employer working
Awarded to:
Skills Required
Project Budget
$650 USD
Total Bids
Project Description

Make a responsive Wordpress site from my Illustrator design files. The site has one breakpoint, so every page will have two layouts. The different layouts are in the range 320-767 px, and 768-960 px. I have given you two examples for each layout so that you can see approximately how the content will flow/scale. The site should be fully fluid responsive, so that the content will always* (or at least up to 960 px) fill the browser window nicely (but with margins, described below), like the images and text scale on for example these two pages:
[url removed, login to view]
[url removed, login to view]
*Many images though, are quite small and should not be scaled up. For instance, images in the left column of the current site.

Create the site either at your own server or in a subdirectory to the current site at [url removed, login to view], and then move the site to the root of [url removed, login to view] once it is complete.

The site has a language selector that displays Swedish or English text. A click on one of the flags directly changes the current page to that language. We will write all the text, the coder will just make it possible to do so. All pages except for the bildblogg page (which will only be in Swedish) should have one English and one Swedish version.

For the page side margins, you will see that they are different for different widths. Use em or % for the margins so that they scale nicely.

The images must be easily replaceable. Don't hard-code them in to the theme.

Use some responsive image script/plugin to minimize traffic for narrow window widths. This is a pretty good script if you do not have a better solution: [url removed, login to view]

For headings and big text, use the Warnock Pro font with @font-face technique. I will provide you with the font when we have an agreement. All text except for the logo should be real text and not graphic.

For the narrow layout, there will be a drop-down menu. Open the file “Wendelsberg-kursgård-start_320-öppnad-meny" for reference. When the menu button is pressed on the finished page, the menu expands in an animation like the menu on this page [url removed, login to view] (view it in a narrow browser window so that the menu is collapsed at first.)

The Wordpress installation should be in Swedish, and must support the Swedish characters "åäöÅÄÖ".

The layout should be made with HTML5 standard.

The site should work in all browsers; IE 8-11, FF, Chrome, Safari (including iPhone/iPad), and on Android devices with the default internet browser.

The site must be well optimized – it should rank at least 60/100 for mobile and 70/100 on desktop on Google PageSpeed.

The design files are in PDF format, fully layered. I created them in Illustrator so you need to open them in Illustrator.

Use the CSS transition effect from the left menu from the start page at [url removed, login to view], on the buttons in the right menu.

Use CSS effects for gradients and other effects (like for the mobile menu, the header box bg), instead of images.

Please put the [url removed, login to view] file so that it is editable from the Appearance\Editor menu.

For all content pages in the admin panel, there should be an option to use either a static image, or a slider. The image and slider might be unique for every page, or the same as on another page. Use LayerSlider as slider plugin, which can be bought here: [url removed, login to view], or another free slider that works equally and is responsive.

The rest of the project description is in the attached Word file.

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