This project was successfully completed by salmanaim for $500 USD in 7 days.Get free quotes for a project like this
Project Budget$500 USD
Completed In7 days
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]
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.
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
Looking for work?
Work on projects like this and make money from home!Sign Up Now
- The New York Times
- Wall Street Journal
- Times Online