Way to use the feedback, this is looking much better. Now here are some more of my concerns:
Other than those things this is looking fantastic. Really good work!
I agree with the previous reviewers in that the Coffee Cups are a bit small and the descriptions needs to be readable.
In terms of the navigation, Corporate Social Responsibility would probably be more at home in the footer of the document and perhaps just shorten it to Responsibility which is quicker to figure out the meaning. It is also fine at where it's currently at if you want customers to know what Figaro is doing to earn their trust.
I would pretty much get rid of the phone number above the nav, although I'm willing to bet that's what the client wants.
For me, personally, every time I see a phone number at the header of a page, that's bold and big like that, my mind associates it with spam.
Join our team should really be in the footer as you currently have it as Career and maybe have that section be for customers submit their own lattes art, but that can be later - when they expand their customer base.
In terms of typography, perhaps you may want to try something different with the subheadings "What's New", "Store Locator", and "Join Our Team" such as a serif font like Hoefler or Georgia. Change it up a bit.
I'm not sure what the dark bar is for that's below the coffee cups container as for the logo, hopefully it'll be clearer and the drop shadow behind the orange bookmark to be less jarring and more softer.
If this is to be an e-commerce site, please be sure to include that in as well.
with regards to the coffee cups, yes I think I should make it a bit larger with the description more readable. The Corporate Responsibility also will be put at the bottom ( I have to suggest that to the client). The tel I think have to stay because it's easier for client to call their store than navigating to contact page. Maybe I have to change join our team to the Coffee Club since careers is on the bottom. I'll try the typography you suggested. This is not an e-commerce site, more likely a informational static web page. Wow you comment is detailed! Definitely will work on with your points and the others. Thanks for that CJ!
I like this design, my only concern is that the coffee cups and descriptions need to stand out more.
Maybe try and make them large and coming off the background they are on just now?
Outside of that there is very little needing changed, maybe try to use the Orange a little more for a little more contrast?
This is an awesome design. The other pages are too, its just something about the white background on the homepage - I feel it should be a darker gold or cream tone. Attached below is my take on the colors for the homepage.
I would also make the borders/strokes around the content slider thinner - perhaps 1px. Instead of gray, I'd make them the same orange that's on the new border I submitted or just white.
Hi. I really like what you did here, it looks awesome. The only thing I suggest you change is the size of the coffee cups. The look kind of small. Otherwise everything's fine. Great job!
Eric
it could be better if u use a type with more detail
I like the 'Update on the revisions'. It gives professional coffee shop website
'latest version update' white part slider look like coffee portal/news site.
Marq, the designs look amazing! One of the toughest things many designers seem to struggle with when designing a transactional site is that 80% of the business is done above the fold. You've really captured where the focus of the site's intent needs to be.
You've truly hit all four category ratings in my book.
Excelsior!
Efren
This is a lot better now! You've really improved this design. I would still like to give you some recommendations.
The slideshow color is not very good. It does not mix well with the site. Trying doing something similar to what you did with the navigation background but making it less transparent. Also, the border around the slideshow does not look good.
The footer looks a lot better now.
Decrease the shadow on the slideshow image in
Right now, the phone number looks rather busy since it is right next to the navigation. I'd give it an orange background similar to the logo to separate it from the navigation and give it more emphasis.
Other than that, great job with the improvements!
I like it overall - I don't know about the woodgrain for a coffee shoppe though. What if it were texture of coffee beans or something else? The D in products is oversized. I find the font a little hard to read, particularly in the phone #. Maybe CALL NOW could avoid all caps.
The descriptions of the coffees are in rounded black boxes - I don't think the rounding helps and the contrast is too strong.
Compared to their existing site, this design is definitely more refreshing. However, while the old site is a visual overload, this new design doesn't offer enough to make it more inviting.
One suggestion: I noticed that the old site has an image for more information on their coffee club- it might be ideal to add this into the home page, to draw in the viewers to explore the rest of the site.
Really good marq :)
Few usability issues:
Store locator / (our stores) is probably the most important link as I don't see any e-commerce features. So 'What's new' should not be as prominent on the header menu bar and in the lower section with images. I suggest you use Store locator name because it starts with Store :)
Our products is probably next most important. Make it more prominent. Also call it 'Products'.
I'm not sure you need Corporate social responsibility in the header menu - nobody will read it :) Footer might be a better place.
People rarely read news (what's new) - maybe it could be the last of these 3 boxes (Store locator / products / what's new) or move it to the footer and user the 3rd spot for photos/recipes
Jobs / careers are a perfect item for the footer
On the graphical note:
Again, great stuff marq :)
It's a nice site - though it looks a little too web 2.0. I've seen the woodgrain before - a lot of other places. Other than that - its a nice site.
Hey you missed my suggestion :-D Use (fabric) texture on the orange stripe. You could try using the same orange on the name tags under the coffees. And the same texture.
oh fabric texture? you said just texture before lol.. I made it with canvass texturizer. I'll try that Miro! Thanks!
Amazing. Just.. Reduce the logo box's drop shadow.
One thing I am thinking is how does this look on a wider screen resolution. Also the focused cup maybe should be a little bit brighter like being focused in a spot light.
Overall, great engagement and purpose but you should look into the principles of design.
-The banner at the top right seems fake and conflicts with the realism created by the shadows in the wood. Try adjusting the shadows because unless the light is coming directly at the header, the shadows should not be even nor all black. - You have too many letters in caps, esp. in the menu and call now, and not enough whitespace between the menu items. - The cups are too far apart for a visual connection between them. - The double shades in the footer is quite confusing and out of place in the overall design. - The rounded corners imply fun but is conflicting with your goal for elegance.
good points. will make drop shadow lighter, letter spacing and coffee cups to get closer.
First off, this is sweet. I love your design.
For nitpicking's sake, I think there is too much empty space between the coffee cups, but wouldn't advice making each one any larger. Instead, I would experiment and see if you can add a fourth, (or fifth for balance sake.)
Also, for the store locator, I would prefer to see and zip code field directly on the homepage. I think users would appreciate that.
i like this. very clean. immediately i can see that the site has to do with coffee. might be nice to show a photo of the coffee shop, or people sipping coffee, or something to peak someone's interest in going there.
but the phone number looks boring and also the nav words. the 3 text area in the bottom looks good but dont know about the wood (just on the bottom).
Thanks Nate, on your points; 1. I am thinking really not to repeat this across screens. I made the main container at 960px but the whole site at 1024px. It's looking good when I gradient it to black to the side. Thanks for the input. :) 2. I think coffee on the middle will be the only one bigger. This is a sliding image gallery and will be implementing this script http://www.meadmiracle.com/SlidingGalleryDemo2.htm . This allows me not to use any flash for this same effect. 3.I'm not sure what you try to say with this :)
Thanks again Nate!