Project 1 - Final

[vtat]

Hello everyone,

I'm turning the project in a bit early because I will be on vacation the week that it's due...

Based on the feedback I've gotten from the preliminary critique, I changed my layout a bit, and combined the two designs together. I'm having trouble making my site display the same for all browsers...so I'm posting two different url, this one should work for safari and chrome:

http://www.grc275.com/student/fall_2012 ... index.html


I'm still playing around with the site, so if you have any suggestions or comments, please let me know See you all in two weeks!

[kylesmith]

To make http://www.grc275.com/student/fall_2012 ... index.html work in FF you need to add one thing. Add a "clear: both;" and remove the "margin-top: 180px;" from ".da-slider" in your css. Whats happening is since you floated the logo and nav that takes them out of the "flow" and essentially makes other elements think their height is 0. By adding clear in it tells whatever you added clear on to only show after the floated elements.

Another thing to fix:
Since you have a fluid layout if you shrink your browser small enough the nav will wrap below your logo and it breaks your design. To solve that you should add "min-width: 870px;" to ".container" which will stop the page from going any smaller than 870px which will stop the nav from wrapping below your logo.

[brienicole]

super clean and easy to navigate! I like the use of JQuery too!
- on your home page, and the first slider, you have a white box around your text that cuts into the purple haze. Im sure thats an easy fix.

[BrandonBarringer]

This is really quite nice. a couple suggestions: I dont like the white box overlapping the image on the home page. Perhaps make the image a BG and give the body text some high contrast? 2. I dont think the content sections need a white background, the contrast in the main BG is so low.

[miss_kristine]

Very nice Vy, I love the clean simple design.

[vtat]

Thank you everyone for your comments! I lower the opacity for the purple smoke that was giving me contract issue with the text, so now I can remove the white background and still have a pretty legible content area.

Thanks Kyle! the clear: both; fixed my problem with the browsers!

[MissTinaBodden]

Great start. I like how clean your site is but your nav moves from each page. You might want to change the rollover because it disappears.

[shgc13]

Great job on the site. It works really well and the layout and design is wonderful. I also agree with Kyle's idea of fixing the container to fix that problem. Good job

[Instructor]

That Ebola bottle is still cracking me up.

Good work in realizing your rough concepts. It's almost one for one when compared to your roughs. A spotlessly clean, very European design that frames it's content without drawing attention to itself. I find the choice of bottles very interesting as well. The website is easy to navigate and consume. Plus, I love the concept.

Just a couple of things. I liked the larger, more detailed product descriptions you had in the lightboxes on your roughs. Just a picture doesn't really work for me. Also, aren't "Product" and "Catalog" basically duplicate categories?

Excellent work.

[nelso220]

I really like the clean layout of this website. Very easy navigation too and overall looks nice. I like your color choices, or lack of because of your colorful products they just stand out so much more.

Awesome job : )