In Progress

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

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.

Skills: CSS, HTML5, Illustrator, PSD to HTML, User Interface / IA

See more: working as an illustrator, what the best page to design a logo, safari search page, progressive logo design, mockup logo free, mockup free logo, mockup for logo free, logo design using adobe illustrator, logo design on adobe illustrator, logo design near me, illustrator free version, i am an illustrator, html5 website best, html5 free website, html5 fonts, graphics illustrator, graphics design near me, google logo png google, free version of illustrator, free logo search, free logo mockup, free logo elements, free load logo, free html5, free graphics fonts

About the Employer:
( 1 review ) Bangkok, Thailand

Project ID: #2506608

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