Showcase Of Appetizing Restaurant Websites

Advertisement

They say the first bite is taken with the eye. If so, these appetizing restaurant websites succeed in whetting our appetites, inviting us to a savoury next bite. In these designs, color scheme and introductory copy show vastly different aspects of the restaurant experience. Moody warm tones create atmosphere, vibrant greens underscore freshness, and earthy colors communicate a relaxed, friendly attitude.

Because customers are increasingly using mobile browsers to make decisions on the spot, restaurant websites are doing a better job of communicating core information quickly. Similarly, full Flash websites with no mobile alternatives are seeing some decline. Especially interesting is how these businesses are improving their online menus by replacing PDF-only downloads with Web-optimized alternatives that are more readable and easier to navigate.

Showcase Of Restaurant Designs

Geogeske1
This design has printerly qualities, with its eye-catching oranges and whites and oversized headings. Everything works together to establish a relaxed yet smart urban atmosphere. The JavaScript effects (sectional fades and spring-loaded logo introduction) are used sparingly and effectively. Simple navigation and short copy make scanning easy while putting the focus on the strong menu-worthy photography. However, the site could certainly use a larger font size.

Restaurant image in Showcase of Appetizing Restaurant Websites2

Jam Restaurant3
Upscale modernist and classical elements are used consistently on this website and in the menu and restaurant interior. The vibrant typographic header looks stunning while enhancing usability by prominently displaying a phone number and hours. Another nice touch is how the body scrolls beneath the stationary translucent header.

Restaurant image in Showcase of Appetizing Restaurant Websites4

Benito’s Hat5
Named after a celebrated Mexican president, this restaurant communicates authenticity and freshness with a green cilantro backdrop and clear devotion to its culinary roots. At times, the backdrops on the interior pages eat the foreground text; a little contrast and spacing would help in spots. Overall, an offbeat feel that works.

Restaurant image in Showcase of Appetizing Restaurant Websites6

Pizzeria Napolicentrale7
This website uses horizontal navigation to guide the user through photos of mood-setting rustic Italian elements. The beige picnic pattern adds just enough visual interest without competing with the copy. But in some sections, the taller content makes horizontal scrolling a bit floaty.

Restaurant image in Showcase of Appetizing Restaurant Websites8

Barley’s9
A cozy design rich in grainy colors and sturdy serifs. Small touches—like the roll-overs, and lighting effects such as in the logo hover state—give a handcrafted feel. Do not miss the nice, readable menu and beer list that feature stylishly simple beer ratings.

Restaurant image in Showcase of Appetizing Restaurant Websites10

State11
With nocturnal tones and pictures of people having a good time, the State uses a hip design to say that it’s a cool sociable night spot. Perhaps intentionally, there seems to be little focus on food; for example, the menu section feels skimped (disjointed navigation and flimsy type for the buttons). More photos of the restaurant and food might enhance the personality of this website. Also, the home page seems a tad cluttered. In general, a little more depth in the sub-pages would round out what is a good-looking piece.

Restaurant image in Showcase of Appetizing Restaurant Websites12

Farinella Bakery13
Fun and disarmingly honest, Farinella Bakery takes the cake in blending personality and usability. The bold header and fun footer become bookends for the spot-on copy and photos. Notice the slight head bob when you click on the navigation and the magnification when you roll over menu items; a tasty browsing experience. What makes this a winner is that the integrity and consistency of the design can be found in the smallest elements.

Restaurant image in Showcase of Appetizing Restaurant Websites14

Sono15
Authentic Japanese design elements and atmospheric audio effects work well to create mystique on this Flash website. A few usability concerns pop out: for example, the flaky JavaScript for the “Back” button and the small text that is in a cramped box with a small scroll bar.

Restaurant image in Showcase of Appetizing Restaurant Websites16

The Little Cake Parlour17
This more conventional website shines with gorgeous photography that almost seems edible. The design has a strong focus on typography, with various elements embedded in the elegant pink multi-column layout. Some design elements probably shouldn’t be images and would work better as simple plain text, though. Also, because all visual elements have a similar pink tone, they may be a bit difficult to recognize at first glance — for instance, the pink PayPal-button in the footer of the site.

Restaurant image in Showcase of Appetizing Restaurant Websites18

Pizza Luce19
With playful tattoo-like scribbles and quirky photography, Pizza Luce makes clear its immutable place in Minneapolis’ food culture. Check out the oddly captivating home page illustration. For all of these strengths, the community section feels slapped together and in need of a bit of refinement.

Restaurant image in Showcase of Appetizing Restaurant Websites20

La Vista21
The clever use of the Flash overlay here adds intimacy and life to the crisp photography. The menu is noteworthy: simple to browse and very clean.

Restaurant image in Showcase of Appetizing Restaurant Websites22

Georgian Wine Society23
The backdrop feels like a matte painting that draws us into the headspace. With that, we are receptive to the interesting narrative about Georgia’s role in wine-making. The e-commerce system is well integrated; a more generous margin between elements would augment the shopping experience.

Restaurant image in Showcase of Appetizing Restaurant Websites24

Catered by Kate25
This website’s “About” page is one of the top in this showcase. It opens with Kate smiling warmly, giving the page a welcoming human touch. Next, it summarizes (in only two sentences) three very compelling reasons why you would use Kate for your catered event. Just one distracting but easy-to-fix minus: a call-out to an empty Flickr page that is supposed to hold more images.

Restaurant image in Showcase of Appetizing Restaurant Websites26

Can Jubany27
This clean layout on deep chocolate brown feels elegant even while containing a surprisingly large amount of content. The home page sets the right tone with the large yet quick-loading video that tells a story. Two more unique touches are the simple sliding navigation and the tantalizing, well-written recipe section.

Restaurant image in Showcase of Appetizing Restaurant Websites28

Caravan29
This simple and savvy composition uses negative space to focus on the coffee while adding depth with subtle textures. If the placeholder is this solid, then our expectations are high for the full website!

Restaurant image in Showcase of Appetizing Restaurant Websites30

Chipotle31
Humor, earthy tones and engaging (and notably non-Flash) animations make for an experience that is engaging and relaxed yet expertly crafted. Consistent with its corporate message of “Food with integrity,” Chipotle focuses much of the website on its brand rather than the burritos. Be sure to tug the rope in the footer for some hidden and delightful interactivity.

Restaurant image in Showcase of Appetizing Restaurant Websites32

Le 28 Thiers33
Here are tangerine and rose hues mingled with crisp photographic elements and textures. The simple wooden table distinguishes the layout and grounds the content visually. Subtle gradients in the typography, quality photography and the curved navigation inject elegance and dimension.

Restaurant image in Showcase of Appetizing Restaurant Websites34

Brooklyn Fare35
This playful design achieves a unique charm through imagery that consists of real employees, bookish serifs and a stylish seafoam background. Especially nice is the consistent layout, with its cheerful copy and gritty photography, which avoids appearing repetitive.

Restaurant image in Showcase of Appetizing Restaurant Websites36

Canela37
Canela (Portuguese for “cinnamon”) employs a conventional layout, energetic reds and generous imagery to give a sense of flavor and sophistication. The three-column PDF-only menu makes browsing on a mobile device more challenging.

Restaurant image in Showcase of Appetizing Restaurant Websites38

Last Click

Brew Shop39
The Brew Shop is not really a restaurant website, but it is still worth mentioning. The site establishes personality at first sight with a hilarious photo and beery good humor. It backs the funny with substance, such as a very usable e-commerce system, effective copy and scannable icon-enhanced navigation. Especially nice are the swaths of red as call-outs and the subtly scrambled type.

Restaurant image in Showcase of Appetizing Restaurant Websites40

Related Posts

You may be interested in the following related posts:

Would you like to see more similar posts on SM?


(al)

Footnotes

  1. 1 http://g2geogeske.com/
  2. 2 http://g2geogeske.com/
  3. 3 http://www.jamrestaurant.com/
  4. 4 http://www.jamrestaurant.com/
  5. 5 http://www.benitos-hat.com/
  6. 6 http://www.benitos-hat.com/
  7. 7 http://www.pizzerianapolicentrale.ro/
  8. 8 http://www.pizzerianapolicentrale.ro/
  9. 9 http://www.barleysgville.com/
  10. 10 http://www.barleysgville.com/
  11. 11 http://www.state-chicago.com/
  12. 12 http://www.state-chicago.com/
  13. 13 http://www.farinellabakery.com/
  14. 14 http://www.farinellabakery.com/
  15. 15 http://sonorestaurant.com.au/
  16. 16 http://sonorestaurant.com.au/
  17. 17 http://www.thelittlecakeparlour.co.uk/
  18. 18 http://www.thelittlecakeparlour.co.uk/
  19. 19 http://www.pizzaluce.com/
  20. 20 http://www.pizzaluce.com/
  21. 21 http://www.lavistanz.co.nz
  22. 22 http://www.lavistanz.co.nz
  23. 23 http://georgianwinesociety.co.uk/
  24. 24 http://georgianwinesociety.co.uk/
  25. 25 http://www.cateredbykate.co.uk/
  26. 26 http://www.cateredbykate.co.uk/
  27. 27 http://canjubany.com/
  28. 28 http://canjubany.com/
  29. 29 http://www.caravanonexmouth.co.uk/
  30. 30 http://www.caravanonexmouth.co.uk/
  31. 31 http://www.chipotle.com/
  32. 32 http://www.chipotle.com/
  33. 33 http://www.le28thiers.fr/
  34. 34 http://www.le28thiers.fr/
  35. 35 http://brooklynfare.com/
  36. 36 http://brooklynfare.com/
  37. 37 http://www.canelacafe.com/
  38. 38 http://www.canelacafe.com/
  39. 39 http://www.brewshop.co.nz/
  40. 40 http://www.brewshop.co.nz/
  41. 41 http://www.smashingmagazine.com/2010/08/25/corporate-website-design-creative-and-beautiful-solutions/
  42. 42 http://www.smashingmagazine.com/2010/07/15/showcase-sweet-chocolate-websites/
  43. 43 http://www.smashingmagazine.com/2010/08/10/showcase-of-delicious-coffee-websites/
  44. 44 http://polldaddy.com/poll/3708012/
  45. 45 http://polldaddy.com/features-surveys/

↑ Back to top Tweet itShare on Facebook

Sam Wilson is a creative strategist and epicsmallist. He likes to grow and talk about ideas. Say hello to him on twitter at @storypixel.

Advertising
  1. 1

    beautiful site………..good work………….keep it up

    0
  2. 52

    Another one to add to the mix…..www.McMenamins.com.

    Beer counts as food, right?

    0
  3. 103

    Brooklyn Fare seems to have changed! For shame!

    0
  4. 154

    Gerhard van der Velde

    March 11, 2011 12:38 am

    I will give a cleu

    0
  5. 205

    Hey there!

    If you are looking for some great inspiration for designing restuarant websites, check out http://www.restaurantinspiration.com, where I collect beautiful and creative restaurant hompage designs as a resource for other creatives.

    All the best

    Jonatan, Stockholm

    0
  6. 256

    This website has got some very helpful stuff on it! Thank you for informing me!

    0
  7. 307

    The site of Caravan is just amazing !!!!

    0
  8. 358

    I feel like I’m constantly looking for interesting things to read about a variety of niches, but I manage to include your site among my reads every day because you have interesting entries that I look forward to. Here’s hoping there’s a lot more top-notch material coming!

    0
  9. 409

    Hey, what a great article! I’m a huge fan of fullscreen background websites, so I found this one: http://lauros.co.uk

    Sorry for my bad English btw ;-)

    0
  10. 460

    I love the collection and used them to help inspire me to create a site for a restaurant client of mine.

    Hopefully it makes this list oneday.

    0
  11. 511

    Very nice collection.
    Another one responsive and tasty resource that must be added to this collection is http://demo.wplook.com/delicacy

    All the best

    0
  12. 562

    Adding online ordering to these restaurant websites instead of the PDF menus will make it so much better. The website designs are amazing of all these restaurants, but when i see flash or pdf menu it just not user friendly.

    http://www.wpmenumaker.com

    or simply adding a simplified menu version like this. http://www.wpmenumaker.com/restaurant-menu/

    Thank you,
    Constantine

    0
  13. 613

    check out http://www.redgravynyc.com/

    Fully responsive and appetizing at the same time.

    0

↑ Back to top