Marq Cruz

Coffee Shop Homepage

By Marq Cruz

   on Apr 01, 2010
20 Reviews12 Votes2 Favorites1420 Views

Concept Reviews

  • Nate Hamilton

    Nate Hamilton

    Rank: 1 Elite

    CF Verified professional

    9919

    • Design: 3
    • Purpose: 5
    • Originality: 5
    • Engagement: 4
    3 Votes
    Wow, lookin' good

    Posted on Apr 01, 2010 at 12:17 PM

    Way to use the feedback, this is looking much better. Now here are some more of my concerns:

    1. Don't make the nav bar and image bar repeat all the way across wide screens. Cut the sides. Another possibility is to add a circular dark gradient to the background and just let the bars fade into the dark background...does that make sense?
    2. The coffees could be bigger and their descriptions more readable.
    3. I think you need to pull the orange color down into the design more. Maybe in the form of an orange bar directly below the coffee images?

    Other than those things this is looking fantastic. Really good work!

    • Marq Cruz
      Marq Cruz commented:
      Posted: on Apr 01, 2010 at 8:12 PM

      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!

  • Lil Monster

    Lil Monster

    Rank: 3 Superior

    490

    • Design: 3
    • Purpose: 4
    • Originality: 4
    • Engagement: 3
    2 Votes
    More inviting

    Posted on Apr 01, 2010 at 1:42 PM

    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.

    • Marq Cruz
      Marq Cruz commented:
      Posted: on Apr 01, 2010 at 7:38 PM

      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!

  • Alan Horne

    Alan Horne

    Rank: 3 Superior

    2952

    • Design: 4
    • Purpose: 5
    • Originality: 4
    • Engagement: 3
    1 Vote
    Coffee description

    Posted on Apr 01, 2010 at 1:09 PM

    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?

  • Neal Chester

    Neal Chester

    Rank: 3 Superior

    526

    • Design: 5
    • Purpose: 5
    • Originality: 4
    • Engagement: 4
    1 Vote
    Home background could be orange color of logo

    Posted on Apr 05, 2010 at 6:28 PM

    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.

    • home.jpg
    • Neal Chester
      Neal Chester commented:
      Posted: on Apr 05, 2010 at 6:34 PM

      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.

    • Marq Cruz
      Marq Cruz commented:
      Posted: on Apr 05, 2010 at 8:10 PM

      wow Neal this is a great improvement. thanks for this! love it!

  • Eric Hoffman

    Eric Hoffman

    Rank: 4 Master

    904

    • Design: 5
    • Purpose: 5
    • Originality: 5
    • Engagement: 5
    1 Vote
    Make the cups larger

    Posted on Apr 01, 2010 at 12:13 PM

    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

  • Sérgio Soares

    Sérgio Soares

    Rank: 5 Advanced

    13

    • Design: 4
    • Purpose: 4
    • Originality: 3
    • Engagement: 4
    1 Vote
    typography

    Posted on Apr 01, 2010 at 1:33 PM

    it could be better if u use a type with more detail

    • Marq Cruz
      Marq Cruz commented:
      Posted: on Apr 01, 2010 at 7:30 PM

      I had those comment before but I want a web safe font.

  • Nishant Patil

    Nishant Patil

    Rank: 4 Master

    56

    • Design: 4
    • Purpose: 4
    • Originality: 4
    • Engagement: 4
    0 Votes
    Menu and call now font and style.

    Posted on Apr 06, 2010 at 4:27 AM

    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.

  • Efren Hidalgo

    Efren Hidalgo

    Rank: 2 Titan

    264

    • Design: 5
    • Purpose: 5
    • Originality: 5
    • Engagement: 5
    0 Votes
    Crisp, clean, great use of negative space!

    Posted on Apr 07, 2010 at 8:10 AM

    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

  • Codedude

    Codedude

    Rank: 2 Titan

    1418

    • Design: 3
    • Purpose: 4
    • Originality: 3
    • Engagement: 4
    0 Votes
    the slideshow thingy

    Posted on Apr 07, 2010 at 10:27 AM

    This is a lot better now! You've really improved this design. I would still like to give you some recommendations.

    1. 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.

    2. The footer looks a lot better now.

    3. Decrease the shadow on the slideshow image in

    4. 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!

  • Jim Mccall

    Jim Mccall

    Rank: 10 Newbie

    29

    • Design: 4
    • Purpose: 4
    • Originality: 0
    • Engagement: 0
    0 Votes
    Fix the D in products

    Posted on Apr 07, 2010 at 11:01 AM

    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.

  • Tasha Goldsmith

    Tasha Goldsmith

    Rank: 4 Master

    43

    • Design: 4
    • Purpose: 4
    • Originality: 4
    • Engagement: 4
    0 Votes
    Maybe a little more engaging.

    Posted on Apr 01, 2010 at 1:13 PM

    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.

  • Michael + Webcardinals

    Michael + Webcardinals

    Rank: 1 Elite

    CF Verified professional

    5746

    • Design: 4
    • Purpose: 5
    • Originality: 5
    • Engagement: 4
    0 Votes
    Almost there - usability

    Posted on Apr 01, 2010 at 1:07 PM

    Really good marq :)

    Few usability issues:

    1. 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 :)

    2. Our products is probably next most important. Make it more prominent. Also call it 'Products'.

    3. I'm not sure you need Corporate social responsibility in the header menu - nobody will read it :) Footer might be a better place.

    4. 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

    5. Jobs / careers are a perfect item for the footer

    On the graphical note:

    1. can you do anything to make the logo look better?
    2. maybe a few roasted coffee beans just to spice the flavour
    3. it will be the hot photos of coffee which will make them sell more :)

    Again, great stuff marq :)

  • Glenn Sorrentino

    Glenn Sorrentino

    Rank: 3 Superior

    283

    • Design: 4
    • Purpose: 4
    • Originality: 2
    • Engagement: 4
    0 Votes
    Shots with better lighting

    Posted on Apr 01, 2010 at 1:43 PM

    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.

  • Miro

    Miro

    Rank: 2 Titan

    3658

    • Design: 4
    • Purpose: 5
    • Originality: 4
    • Engagement: 4
    0 Votes
    Looking good.

    Posted on Apr 01, 2010 at 1:52 PM

    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.

    • Marq Cruz
      Marq Cruz commented:
      Posted: on Apr 01, 2010 at 7:41 PM

      oh fabric texture? you said just texture before lol.. I made it with canvass texturizer. I'll try that Miro! Thanks!

    • Miro
      Miro commented:
      Posted: on Apr 01, 2010 at 11:15 PM

      I was trying to be mysterious :-D

  • Adam Gold

    Adam Gold

    Rank: 3 Superior

    574

    • Design: 5
    • Purpose: 5
    • Originality: 4
    • Engagement: 4
    0 Votes
    Drop shadow

    Posted on Apr 01, 2010 at 2:02 PM

    Amazing. Just.. Reduce the logo box's drop shadow.

  • Jack Cai

    Jack Cai

    Rank: 3 Superior

    62

    • Design: 4
    • Purpose: 3
    • Originality: 4
    • Engagement: 4
    0 Votes
    Brighten the focus cup

    Posted on Apr 01, 2010 at 5:52 PM

    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.

  • lipsum lipsum

    lipsum lipsum

    Rank: 4 Master

    34

    • Design: 3
    • Purpose: 5
    • Originality: 3
    • Engagement: 3
    0 Votes
    whitespace control

    Posted on Apr 01, 2010 at 7:09 PM

    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.

    • Marq Cruz
      Marq Cruz commented:
      Posted: on Apr 01, 2010 at 7:55 PM

      good points. will make drop shadow lighter, letter spacing and coffee cups to get closer.

  • Matthew Bender

    Matthew Bender

    Rank: 10 Newbie

    66

    • Design: 5
    • Purpose: 5
    • Originality: 5
    • Engagement: 4
    0 Votes
    Add more coffee cups

    Posted on Apr 01, 2010 at 8:43 PM

    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.

  • Conceptguy Guy

    Conceptguy Guy

    Rank: 7 Student

    95

    • Design: 0
    • Purpose: 0
    • Originality: 0
    • Engagement: 0
    0 Votes
    looks good

    Posted on Apr 01, 2010 at 11:54 PM

    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.

  • Julio Rivera

    Julio Rivera

    Rank: 1 Elite

    1136

    • Design: 4
    • Purpose: 4
    • Originality: 3
    • Engagement: 3
    0 Votes
    I like it

    Posted on Apr 02, 2010 at 8:12 AM

    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).