Bryan PeckPremium Concept

Site redesign for restaurant

By Bryan Peck

   on Apr 18, 2010
18 Reviews5 Votes0 Favorites720 Views

Concept Reviews

  • Adam Gold

    Adam Gold

    Rank: 3 Superior

    574

    • Design: 4
    • Purpose: 5
    • Originality: 5
    • Engagement: 4
    1 Vote
    This review has been awarded.
    One thing

    Posted on Apr 19, 2010 at 12:09 AM

    Well, I don't know.. I absolutely LOVE IT. Just one thing - The 3 tabs at the bottom of the 2nd image doesn't really fit, try to improve them.

  • Cody Foss

    Cody Foss

    Rank: 10 Newbie

    3

    • Design: 4
    • Purpose: 4
    • Originality: 4
    • Engagement: 4
    0 Votes
    Everything tends to blend together

    Posted on Apr 19, 2010 at 12:55 AM

    I think it's pretty good aesthetically speaking, but I have a hard time deciding what to look at first. Nothing catches my eye.

    What's good: 1) Nice photos. Photos will make or break a restaurant site 2) Good color palette.

    A few suggestions: 1) Stick with one menu (didn't even see the one at the bottom at first). As well, the top menu could be larger. 2) The dining room looks nice, but I go to restaurants to eat. I want to see food 3) Optimize for what people are coming to the site for (menu, directions, etc)

  • Tom Foster

    Tom Foster

    Rank: 3 Superior

    628

    • Design: 4
    • Purpose: 3
    • Originality: 3
    • Engagement: 2
    0 Votes
    overlay text

    Posted on Apr 19, 2010 at 3:20 AM

    Hi,

    The opening page is really nice, I love the full width image with the elements overlays. The only issue I have is that the text "meditate. live purely" etc is a little lost, and could benefit from a transparent background like the elements below. The slider control text in the top right is rather hidden, could use a brighter font to let people know the sliders move.

    The wood panelling background is a little too much and doesn't fit in well, especially with the grey sub navigation buttons at the bottom. If all the text is going to be on the left on the interior pages you could take a picture of a plate on a place mat with its knife and fork, glass etc next to it as in a restaurant and use this on the right. If they use nice table clothes then you could put that in to give the background on the left a little texture, but would aim towards a lighter background to make the restaurant seem brighter and more welcoming.

    Good luck.

  • Devner Devner

    Devner Devner

    Rank: 4 Master

    549

    • Design: 4
    • Purpose: 4
    • Originality: 5
    • Engagement: 3
    0 Votes
    Make the website content center aligned

    Posted on Apr 19, 2010 at 3:44 AM

    Here are few suggestions:

    1. Make the text (content) of the website align in the center of the page. Left aligned pages are a thing of the past and now reflect old design,

    2. In the black bar(right beneath the header), you have links in dark green color that's hardly noticeable. Try changing the color of the links to white so that it contrasts the black bar and appeals visually.

    3. In the first screenshot, right above the footer, you have 3 images with their respective texts, try adding one more image with it's respective text so that it extends towards the right side of the page thus making it a complete appearance. Right now, it appears as though the the text has been cut off abruptly and gives a "missing" feeling.

    4. Try and give some (top) padding to the footer. Try about 30px. The current text is way too towards the top of the footer.

    5. A border to the images should do good. Try a 1px solid white border to the images and notice how well they look on them. It would really add to it considering that you have a contrasting brown background.

    6. In screenshot 2, you have 3 black tabs. What are they and how do they work? Unless they are like AJAX accordions, I don't think they deserve their place there.

    7. Try putting the search in the header rather than the footer. You want your visitors to be able to get to the search box easily and quickly.

    8. Improve on the contrast of the links throughout the website.

    Hope it helps.

  • Agnieszka Walorska

    Agnieszka Walorska

    Rank: 4 Master

    CF Verified professional

    437

    • Design: 2
    • Purpose: 3
    • Originality: 3
    • Engagement: 2
    0 Votes
    This review has been awarded.

    I like the pictures and the whole ambience. But the home page seams to be a bit to "fluttery" and doesn't have cleare focus points. The text "meditate, live purely... etc." is difficult to read, because of the background. There ist also not enough contrast between the bacground and the menu. People with any kind of amblyopia will not be able to realise, that there is a menue

  • samuel goinsamy

    samuel goinsamy

    Rank: 10 Newbie

    3

    • Design: 3
    • Purpose: 4
    • Originality: 3
    • Engagement: 3
    0 Votes
    im not sure about left aligning the site content...

    Posted on Apr 19, 2010 at 4:58 AM

    overall its a good concept..but i don't like the 3 grey tabs at the bottom, looks like they been thrown there. also i would take some time to work again on the footer and for the homepage in my opinion it need a focus point something to attract the user to want to see more.

  • Jonathan Herrero

    Jonathan Herrero

    Rank: 10 Newbie

    42

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

    The site is undoubtedly beautiful, color combination is really professionally designed. Therefore, here are some of comments for this site:

    1. Does the top content only contains the logo and navigation? In my opinion it lacks content on the top content.

    2. I did not notice that there were buttons on the right side (prev, play, stop & next buttons) until I thoroughly looked onto it.

    3. One major thing is the font on the left side (meditate, live purely, be quiet, etc...), its quite hard to read because of the font colors used. Maybe you could find a way to make it readable.

    4. Did you try to view this page in a monitor with super high resolution? Just a suggestion, it should still support high resolution monitors and the site design should not explode.

    Here are my comments so far. It's actually not a comments what I've said is more of checklist for usability. Afterall, the design is very good! :)

  • Daniel Pereira

    Daniel Pereira

    Rank: 10 Newbie

    3

    • Design: 3
    • Purpose: 3
    • Originality: 2
    • Engagement: 3
    0 Votes
    I would change the colour.

    Posted on Apr 19, 2010 at 5:59 AM

    I think big images is great as it catches the users attention immediately, and especially for a restaurant you want to see how it looks before you consider even going there.

    My main concern would be the horrible green colour you have placed above and below. It doesn't really compliment the food if that makes any sense?

    On the homepage, the white text on top of the images looks quite lost, personally i would have made it larger and on a transparent background like you have with the three smaller sections you have below.

  • Siim Esko

    Siim Esko

    Rank: 10 Newbie

    41

    • Design: 4
    • Purpose: 2
    • Originality: 4
    • Engagement: 4
    0 Votes
    Clearer focus on food

    Posted on Apr 19, 2010 at 6:00 AM

    I think visually it is a stunning site. For the purpose, though, it could be improved.

    I feel like the image gives more of a feeling for a furniture shop than a restaurant. - You need to add peaceful smiling people having food on the picture.

    Text is hard to read.

    On the third pic, the picture with the dish should def be bigger in size. In the end, it is the food people are after and what the restaurant makes money off of.

    I agree with one of the commenters that the prices need to be clearer with the currency sign preceding them.

  • David Rosello

    David Rosello

    Rank: 10 Newbie

    18

    • Design: 4
    • Purpose: 4
    • Originality: 2
    • Engagement: 3
    0 Votes
    great

    Posted on Apr 19, 2010 at 6:27 AM

    Design is great. Top navigation it's weaker than tabs at bottom, maybe with a bigger text or placing it at header's bottom line. wood background match very well with green gradients Menu view could be richer with bigger images

    nice work!

    • Jansen Jonathan
      Jansen Jonathan commented:
      Posted: on Apr 19, 2010 at 8:04 AM

      I love it great concept but the only issue for me would me the menu at the top on the green bar. That space is not well utilized.

    • David Rosello
      David Rosello commented:
      Posted: on Apr 19, 2010 at 9:46 AM

      right! that's why i suggest using a bigger text or something else to fill that space and get user's focus to navigation ;)

  • Nate Hamilton

    Nate Hamilton

    Rank: 1 Elite

    CF Verified professional

    9919

    • Design: 2
    • Purpose: 3
    • Originality: 3
    • Engagement: 3
    0 Votes
    Some word to do.

    Posted on Apr 19, 2010 at 7:36 AM

    This is a good start but there is a bit of work to be done yet:

    1. The navigation needs to be more prominent. Right now it's hard to read and very secnodary.
    2. The newsletter prompt should be at the top.
    3. The share this link feels out of place and isn't very clear. Where am I sharing it...facebook, digg, etc.
    4. The heading on the image is barely readable.
    5. You should have at least 4 items span across the bottom of the image, equally spread out.
    6. You need more of a footer
    7. It appears there is some sort of navigation/text within the black bar at the top, can't even read it.
    8. Your inner pages should be on a white background and pretty simple. A picture of the food and the text. I don't like the wood grain background and the tabs at the bottom

    With all that said, I think this is a great start. Keep working with it and I think it will be a great design.

  • Fabrizio

    Fabrizio

    Rank: 3 Superior

    53

    • Design: 2
    • Purpose: 3
    • Originality: 3
    • Engagement: 4
    0 Votes
    Colors and font

    Posted on Apr 19, 2010 at 7:40 AM

    The photos are fine, and the navigation and structure works. But, pay attention to the color, the green color at the top and in the footer it's not matching with the photo and the rest of the structure of the website.

    Another thing: the font, it's to standard! Try another font for the headline and another for the rest of the text.

    Last thing: the impagination it's strange, it's stards from the left and it end in the middle of the web site. There's a bigger gab and seems something is missing.

  • innovocus

    innovocus

    Rank: 7 Student

    78

    • Design: 4
    • Purpose: 4
    • Originality: 3
    • Engagement: 4
    0 Votes
    Define order of user engagement

    Posted on Apr 19, 2010 at 11:37 AM

    It is a good looking design and I think most customers and designers would be happy to put this out into the world. But it sounds like you are looking to make great design. So let's revisit a very basic concept and see how it plays out. User comes to the site 1)What are they looking for? 2)Is it the first thing they see? 3) What do we want them to do? 4) Is it something they would expect?

    Just from looking at the site design I can answer those questions, but I believe one important user expectation is missing.Here are my assumptions on why a user would be on the website 1) to look at menu items 2)Hours, reservations 3)Catering or special function usage.

    You've given the user 2 of the three on the first page, however the overall emphasis is on the ambiance and looks more like the design for an interior design studio than a restaurant. Where as I would expect the food to be more vital in the overall user experience in the restaurant proper.

  • Paul

    Paul

    Rank: 7 Student

    25

    • Design: 4
    • Purpose: 4
    • Originality: 4
    • Engagement: 4
    0 Votes
    the bottom on the tabs on the 2nd page

    Posted on Apr 19, 2010 at 3:39 PM

    Love the design!!!! The colour palette works really well and the whole vibe is really working for me. Can't wait to see the full design up!

  • Lieven Dv

    Lieven Dv

    Rank: 6 Apprentice

    64

    • Design: 4
    • Purpose: 4
    • Originality: 3
    • Engagement: 3
    0 Votes
    tabs below don't make sense to me

    Posted on Apr 20, 2010 at 9:23 AM

    Generally: a good design, fits the atmosphere of the restaurant when I see the pictures

    The tabs below are strange to me, I don't feel compelled to clicked them. I don't understand their meanings and how they should differ from the buttons above

    small issues: - 5th screen; text unreadable due to white background - prices need a currency sign and " , 00 " - readability of the menu names could be better

  • Willy Bilaro

    Willy Bilaro

    Rank: 4 Master

    59

    • Design: 3
    • Purpose: 4
    • Originality: 0
    • Engagement: 0
    0 Votes
    color

    Posted on Apr 21, 2010 at 2:01 AM

    looks very dark to me or maybe it's just the screenshot?

    over lay box on top of the huge picture is almost not readable on the 3rd column...

    share this & search field is way to far from the main navigation when viewed in wide screen.. probably will look good on small resolution, but most of user nowadays is using wide screen. it needs to be place near the main navigation or from the footer links...

    just a thought....

  • Alastair Mannng

    Alastair Mannng

    Rank: 2 Titan

    132

    • Design: 4
    • Purpose: 3
    • Originality: 3
    • Engagement: 4
    0 Votes
    Words over image

    Posted on May 19, 2010 at 7:09 PM

    I really like the design the colours are nice and rich enough to appear warm and inviting.

    I like the updated tab colour being in the brown rather then the previous Grey it fits in much nicer and doesn't hit you as 'hello i'm a tab.'

    The two small areas I would possibly look at would be the 'meditate, live purely...' it's quite hard to read over the images (I realise this may change when you change the images) but as it currently is it's quite hard to read, also what is your reason for all left aligned except for the 'tep pranam' line?

    The other thing is the wood grain I wonder if it's a bit much with all the other imagery going on it's almost sensory overload. My suggestion would be to lower it a little so it's more subtle which makes it a nice surprise when people realise that it's a woodgrain and not just 'brown gradient'

    nice look though

  • Samalah Gray

    Samalah Gray

    Rank: 10 Newbie

    18

    • Design: 4
    • Purpose: 3
    • Originality: 4
    • Engagement: 3
    0 Votes
    This review has been awarded.

    The large centre image is great, it gives one a feel of having visited the restaurant, and helps to make you comfortable with the environment. The way that light is shining in, makes it look just a little bit smoky though. You've mentioned that the image will rotate through a series, so that shouldn't be a problem.

    The link to the Menus is good, being in the top navigation area, but I actually missed it in my first viewing of the site. My eyes were drawn down to the three boxes - Dining & Catering, Special Functions, News & Events. I missed reading the top menu, because the text is fairly small.

    The colour palette seems appropriate in the circumstances, and looks easy on the eye.

    The three charcoal tabs down the bottom of your middle image confuse me a little. the wooden panel is open already, but the tabs seem to indicate that more is hidden?

    • Bryan Peck
      Bryan Peck commented:
      Posted: on Apr 18, 2010 at 11:52 PM

      I completely agree that the specific image used in this homepage does need some help. For the time being this was one of the only images I had to use as a sample FPO image. The client will be providing me with professional high-quality images for the actual site.

      The reason I chose to have the three categories at the bottom of the home page is b/c they are not as important (from a hierarchy standpoint) as the main navigation items. I didn't make the main nav items as large or solid white b/c I wanted a softer tone to them. If I had made them 100% white then they would be too harsh in my opinion. Also to note - the hover and active state of the main nav is 100% white.

      Regarding the charcoal tabs at the bottom of the interior page, these act as a navigation element once the wooden panel has been activated (raised from the bottom). Without these elements the user would have to close the wood panel and then move forward to their next page of choice. From ease of usability I added these tabs.

      I hope this explanation helps out some.