Create CSS and javascript front-end from Illustrator design

This project received 17 bids from talented freelancers with an average bid price of $464 USD.

Get free quotes for a project like this
Employer working
Project Budget
$150 - $500 USD
Total Bids
Project Description

We want to have a design that we made in Illustrator developed into CSS and Javascript (HTML5) for the front end of our website. We provide the design you provide the CSS, etc. All well documented, our developers will use this to modify our website.

The design should be fully made in CSS, no pictures used (unless a picture is really necessary of course or if a photo is used). Use of Google web fonts, FontAwesome for icons (already in the design) and the rest will be created by CSS (a few exceptions).

Three page designs, one simple, two a bit more complicated, more detailed.

Retina (Hi-DPI) friendly, so special routines for using high-res pictures or normal pictures should be included. Pictures are used to show products or persons, all GUI is in CSS (95%), so scalable.

Responsive (actually adaptive) design, 6 widths to be constructed. Phone, tablet, computer, so touch enabled as well.

Leftright scroll touch and mouse for gallery should be included.

Smooth hide/unhide for 'read more', add fields, show extra options, etc.

Nice and smooth scroll to top included.

All hovers and clicks should be eased in nicely.

Routines for filtering portfolio items smoothly (show/not show, animated nicely, fade in/out, etc).

All should be well documented, should work on all major browsers, also some older ones, with fall back routines for specific CSS3 parts (like rounded corners). Dummy website available to test-drive.

jQuery can/must be used
Major browsers friendly
Built SEO friendly
Smart preloading to make website fast included if needed
Retina friendly and smart
Responsive also for use on phones and tablets (and huge screens ;-))
All copyrights must be reserved
Validation, error checking should all be done and well
It must all be well documented, code notes, inline description for functions and files

All source code will be ours.

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