Convert Adobe Illustrator to single-page XHTML or HTML5 / CSS3

Completed Posted Sep 22, 2012 Paid on delivery
Completed Paid on delivery

I would like to have 3 illustrator documents that is a mockup of various states of a single-page site I am developing to be converted to working XHTML or HTML5. The website is a simple search engine (a logo, search box and results display)

Please use CSS3 where appropriate and rely on graceful degradation for older browsers.

The design is pretty simple so I expect the design to be near pixel perfect for the following browsers:

* Safari 5+

* Latest Firefox down to 2 or 3 versions behind

* Google Chrome

As for graceful degradation, the following browsers still do need to be supported but I am fine with some design elements not looking as good as in the above list of browsers. However, I still expect all the elements to be properly laid out and function correctly (e.g. not jump off screen, disappeared or unclickable)

* IE8 and later

* Safari 4 and prior

* Older version of Firefix

* Mobile safari

Again, CSS3 is perfectly fine

Some points of concern:

* Website load speed is very important. So the faster everything shows up, the better.

* Results are expanded on click. Numbers, mails and websites in expanded results may or may not be clickable (so you have to allow using an <a> tag there).

* Try to make use of embedded fonts if and where appropriate / possible. Using typekit is not allowed but I understand if the site will not look too well on unsupported browsers.

* This website uses ajax to switch states so please make sure that each states of the site can be switched to-and-fro with minimum overhead (e.g. shouldn't need to load extra graphics)

Again, just to emphasis, I prefer graceful degradation over progressive enhancement and you are allowed to abuse CSS3 to the best effect (i.e. for rounded corners and such) and I am a developer as well so feel free to discuss with me on what is the best approach.

Attached is PNG files exported from Illustrator just to show you what the page would looks like.

CSS HTML5 Illustrator PSD to HTML User Interface / IA

Project ID: #2506608

About the project

4 proposals Remote project Active Sep 23, 2012

Awarded to:

pappudeveloper

Clear with your requirement & ready to start. Thank you

$90 USD in 1 day
(64 Reviews)
6.0

4 freelancers are bidding on average $85 for this job

graphicaa

I can assist you for an optimum cost. Thanks

$99 USD in 1 day
(166 Reviews)
7.7
salientcomputer

Hi Please see PMB>

$100 USD in 2 days
(194 Reviews)
6.4
lafittepierre

Hi, ready to start

$50 USD in 1 day
(0 Reviews)
0.0