HTML/Jquery/CSS Website

Please find attached the information and assets related to developing the Art Unplugged site. As I understand it, the website will serve primarily as a semi-functioning comp, not a fully-functioning website. As such, I've prepared the assets in a way that best serves this purpose.

There are screenshots of each page that has been designed. Where necessary/feasible, it may be prudent to export sections of a screenshot to help expedite development. My recommendations are reflected in the sliced assets.

[url removed, login to view]

General notes

The site is designed to be fluid. The items that touch the edges of the page should always behave this way, no matter to size of the browser window.

I've included both sliced assets and 2 versions of working files. The first version is a self contained Adobe Illustrator file with embedded images. The second version is distilled to just the layout, with no images. This version will serve well in determining exact fonts, sizes, and hex colors.

All fonts are from Google's font directory. I've provided links to each one.


01-home through 03-home: These reflect the various states of the content slider at the top of the page. The client is interested in incorporating a parallax effect in some fashion—whether that be with the primary content slider, or farther down on the page as the user is scrolling.

The 6 images directly below the content slider (as well as others throughout the site) have been exported as optimized transparent PNG images. I've done this in the event that the client would like to have the background change as a user hovers over it.

04 shop through 05 shop hover: Not much has changed here besides modifying the CSS to assume the new look of the website.

06-stevens-art: This page works similar to a Google image search. When the viewer clicks an image, the additional information is inserted into the page (07-stevens-art-expanded.) Again, since the website will only be semi-funcitioning, I've made it easy for you to recreate this effect by providing the expanded information as an image. In fact, I've provided 3 images (see the sliced assets,) which reflect the 3 options a viewer has when clicking this particular item. Also note, this page as well as the next are intended to perform with an infinitely scrolling behavior. As the user scrolls down the page, older information is loaded. I do understand implementing a working version of this may not be necessary at this point. However, I wanted you to be aware of the objective.

08-steven-unplugged: Nothing different to note here. As expected, each image has already been individually exported, optimized, and provided as a sliced asset for your convenience.

09-dare-to-rock: This page is the introduction to the Dare to Rock section but we've also decided to highlight one artist here.

10-dare-to-rock-musician-drill-down: This is the artist-specific page tailored to musicians.

10-dare-to-rock-miscellaneous-drill-down: This is the artist-specific page for everybody else.

If anything needs clarification please let me know, I'd be happy to help.

Habilidades: HTML, jQuery / Prototype

Veja mais: working as an illustrator, where to look for new website development, where to find illustrator, where to find artist, where to find an illustrator artist, where do i find an illustrator, website development related information, website development by self, top parallax website, parallax css website, jquery version, it development website, introduction to website development, introduction to objective c, introduction of website development, illustrator artist website, https website development, first convenience, find me a illustrator, find fonts in illustrator, find an artist website, find an artist illustrator, find adobe illustrator, comp artist, best way to find an illustrator

Acerca do Empregador:
( 6 comentários ) Rocklin, United States

ID do Projeto: #5145273

Concedido a:


Hired by the Employer

$500 USD em 7 dias
(39 Comentários)