Showcase Of Delicious Coffee Websites

Advertisement

For designers approaching a deadline, coffee is a delicious necessity. Lucky for us, having a coffee break is not really difficult. But it’s more than just a 3am fix. With every late-night run to the local coffee house, we contribute to a populous network of coffee trading, sales and experience.

And in fact, coffee houses and suppliers are quite a business, with online presences ranging from simple layouts with striking typography to advanced layouts with remarkable photography. Coffee websites: what do they look like? What do they have in common? What metaphors, visuals and typography are they using? Well, this is where this showcase comes handy; let’s take a closer look at tasty coffee websites and examine their distinctive features and peculiarities.

Showcase

Far Coast1
Rustic oranges and blues are at play Far Coast’s website, with hints of distressed textures for an even more vintage vibe. The top navigation bar complements the large images that span the bottom, and the size of the centered text balances these for a pleasing look. Contrasting the richness of imagery is a neutral background, as well as low-opacity shots on either side.

Showcase2

Gorilla Coffee3
Thick lines, a dark two-toned palette, heavy shapes and an urban setting remind the user that coffee can be just as enjoyable when sipped in a fast-paced city as in the mountains. Flash in use.

Showcase4

Ipsento Coffee5
Instead of working with generic templates, Ipsento Coffee provides truly professional photography, displaying various navigation options in a quite unusual but attractive way. No links, no pages, no frustration with poor navigation. Ipsento shows that you can be complex and professional in design without having to indulge in equally complex development.

Screenshot6

Coffee Club7
It’s no accident that the word “Indulge” emphasized in this design. With the aerial view of the natural setting, multiple areas of primary and secondary focus and beautiful balance of features, you’ll be indulging in this design as much as the Coffee Club’s menu.

Showcase8

America’s Best Coffee Roasting Company9
Balance is key in this design, and in many ways. America’s Best balances the abundance of gray tones in the big background image with a few shots of bright blues and rusty reds. In the same vein, the small text on the right side of the text area is balanced by the large focal text on the left. Overall, this text and link area is centered in the design. There are subtle balances as well: the “heavy” part of the picture is the top right, balancing the logo on the left.

Showcase10

Pura Vida11
Lime green isn’t an obvious tone to associate with coffee, nor with a website. But Pura Vida uses it to embody the qualities of its coffee: fair-trade certified, organic and shade-grown. The tone is cooled down by the rich browns, crisp whites and suede neutrals.

Screenshot12

Seattle’s Best Coffee13
The most interesting part about Seattle’s Best Coffee website is its interactivity. You can rotate the cup to reveal different information about the company, its partners and the coffee. As the website says, “Go ahead. Take it for a spin.” Your design taste buds will be satisfied.

Screenshot14

Café Henrici15
With a simple “flip” of the menu, you get all the information you need about Café Henrici. Café Henrici’s use of perspective in the layout image draws users into the scene, making them feel as though they are sitting at a round table in the Café, sipping a steamy cup.

Showcase16

Sweet Sallie’s Bakery & Cafe17
Though Sweet Sallie is as much a cafe as a bakery, its website exemplifies the cute-cupcake vibe found in many bakeries. With various blues, lavenders and teals and a feminine background pattern and type, this website’s all about baked-goods deliciousness. The cafe is simply the cherry on top.

Screenshot18

Influx Café19
With a design as modern as the furniture in the photo, the Influx website is sure to please. On the home page, we are first presented with a sped-up video of goings-on in the cafe, giving us a fly-on-the-wall look at the cafe… and some tasty-looking muffins. From there, users can navigate to the sub-pages, which continue the clean palette.

Screenshot20

Tapped & Packed Coffee21
The Tapped & Packed website combines the beauty and simplicity of modern design with traditional charm. A simple yet elegant palette of deep grays, crisp whites and soft yellows is combined with crisp lines to give a modern touch, while the serif fonts and roman numerals lend traditionalism.

Screenshot22

Caravan23
Caravan’s website (or rather “Coming Soon” page) is decadent in rich grays and browns. Crisp whites bounce off the dark tones in both serif and sans-serif fonts, giving the typography a professional look. The background image gives us a view of its modern product design, which reflects the website itself, with its sparse text and neutral color choices.

Screenshot24

Cilantro Café25
With drawn images dancing about a meditating man, impulsive swathes of paint and a variety of colors and objects, Cilantro Café reminds us that coffee can be both impulsive and relaxing. Reinforcing this contradiction is the radial balance of links that are off-kilter.

Showcase26

Kicking Horse Coffee27
The classic black and white palette of this website reflects the product design of Kicking Horse Coffee’s cups. The website uses splashes of bright tones to (ahem) kick it up a notch, and it adds slight textural elements for intrigue. The large focal point anchors the design, allowing the designer to make the links and text area large. It’s big, in your face and effective.

Showcase28

Robust-ah!29
Robust-ah’s large photo could have easily overwhelmed this space, becoming a distraction from the information featured below. Instead, the design actually benefits from the large photo, which anchors the rest of the information by giving the structure clean lines and the information a hierarchy. Robust-ah’s design is not what you would expect from a coffee website, with its deep-purple and light-blue tones. However, some things need to be improved here: larger font-size would help, and so would removing text-shadow from some parts of the text.

Screenshot30

1369 Coffee House31
This coffee house website may look generic and simple, and that’s because it is. But the generic vibe and simplicity ensure that the large photo and generous information remain clean and organized.

Screenshot32

Park Avenue Coffee33
Park Avenue Coffee gives a playful feel with all the vintage charm of its busy patterns, whimsical logos and strong color palettes.

Screenshot34

Greyhouse Coffee & Supply Co.35
Greyhouse Coffee emphasizes its menu so much that you have to hover around the bottom or top for the sleek sub-navigation bars to float into view. Design-wise, the menu’s cork background lends organic relief to the modern feel of the other pages.

Screenshot36

Tre Amici37
Reminiscent of I Spy books, Tre Amici’s links are scattered across the various photos of its coffee house. With images that skate in and out upon link clicks, Tre Amici shows an interesting, interactive take on the stagnant photo tours of other websites. The transitions in the Flash-based navigation could be certainly improved, though.

Screenshot38

Dunn Bros Coffee39
The Dunn Bros Coffee website has multiple textures, including burlap, paper, and photography, to exude a cozy vibe. The aerial view is also quite nice, giving us a few extra textures to enjoy: the blackness of the coffee, the shininess of the mug and the roughness of the coffee bean.

Screenshot40

Marley Coffee41
Marley Coffee’s website is aesthetically pleasing, with a simple yet modern palette, lovely Flash and a simple point of focus. But don’t be so quick to click, not until you see Mr. Marley close up, sipping a cup of coffee and peering over the mountains and wilderness.

Screenshot42

Jones Coffee Roasters43
Jones Coffee Roasters has a simple website with a simple layout, but the colors are bold and comfortable, and the textures add coziness and warmth. Easy navigation and a homey feel: a workable, beautiful combination.

Screenshot44

Blaser Café45
Blaser Café’s website features crisp whites and a no-nonsense, user-friendly structure, which reminds us that coffee isn’t just about sipping brew and enjoying a break. It’s a business. But we all know what all work and no play leads to, and so Blaser Café adds a fun touch, too, with whimsical image transitions on the home page.

Showcase46

A Chacun Sa Tasse47
A Chacun Se Tasse lets us take in rich screen-wide images of its coffee house while reading information in an elegant gray information box. Sifting through images requires only a quick hover on the right side of the page, with no jolting image or page transitions.

Showcase48

Turquoise Coffee49
At the opposite end of the color spectrum is Turquoise Coffee, which uses calm neutrals, muted turquoises and subtle splashes of unexpected tones to grab the user’s attention. The website may not be as flashy or inspirational as some others we’ve seen, but it’s pleasant, easy on the eyes and user-friendly, and it gets the job done. It reminds us that simple isn’t so bad. The line-height and padding could be increased though.

Showcase50

Looney Bean Roasting Company51
Nothing says decadence quite like red. And nothing is a more perfect match than red and subtle khaki neutrals. Reds and beiges may not be the go-to colors for coffee products, but here they play off the large coffee-swirl background to emphasize the coffee’s creamy delectability, rather than its high-energy potency.

Showcase52

Storyville Coffee Company53
This website is tasty enough on the low bandwidth option, but go high bandwidth if possible. Here, everything says rich: the warm tones of the large transitional images, the rich grain in the borders, the page transitions, the balance of information on the secondary pages, the decoration upon link-hover and the elegant, deep-toned pattern background. The coffee is “artfully roasted,” and the website is certainly artfully crafted.

Showcase54

Bean Exchange Coffee House55
History comes alive on the website for this old Philadelphia coffee hub. The coffee house communicates its rich history in the look and feel of the website, with every bit of ornateness, palette and structure contributing to the theme.

Showcase56

Java Cabana57
There is such a thing as too much of a good thing, and certainly in the case of color. But Java Cabana’s heavy use of brown—typical of coffee websites—isn’t overbearing, thanks in part to the texturing of most of the brown elements, which help to break up the monotony. In addition, the steel accents bring a gray neutral that breaks up the brown without becoming an overt accent tone. Add in some great illusions of dimension, and you’ve got yourself a delicious website. Flashy transition effects in the footer of the page could be achieved with CSS3; you don’t really need Flash for that any more.

Showcase58

Cuvée Coffee Roasting Company59
This company boasts, “We take our coffee seriously. But we don’t take ourselves seriously.” It may sound like a cliché, but if its design is any indication, Cuvée Coffee is being honest. With fun cheesy yellows, handwritten fonts and playful graphics, the website feels as whimsical as it is professional. The palette stays grounded in warm hues, helping to maintain professionalism and hint at Cuvée’s birthplace: the arid state of Texas.

Showcase60

Café Britt61
An abundance of imagery is on Café Britt’s website to stimulates several of the senses. The stainless steel logo against the rich gray background convey the professionalism of the company. The wood and plant imagery in the navigation bar and footer brings a natural aura. We also get an intimate feel from scrapbook-like elements such as the handwritten fonts, old-paper textures and painted scenery on sub-pages. The website is wide, but that helps to accommodate the abundance of content.

Showcase62

Paul Dequidt Torrefacteur63
Soft plays on opacity and drop-shadows give texture to the large white information areas at the center of the page. The large background contains the palette from which all tones are pulled. The dimensions could be overwhelming, stifling any smaller images in the text area, but the large image in the white section maintains equal proportions. In addition, we get a definitive sidebar and two-column balance, adding stability to the layout.

Showcase64

Starbucks Coffee at Home65
Starbucks uses a chalkboard as it’s background, providing an instant means for texture. The dark hue of the board helps anchor the bright colors that appear upon link-over. Balance is kept centered; this simplistic form of balance keeps the intricate links and unique coffee navigation in check.

66

Cafeshop Especial67
Dimension, texture and the colors in the links and sidebar ensure instant recognition of important sections, while the soft background adds a neutral base and subtle interest.

Showcase68

Swiss Water69
In the rotating pictures, you’ll find women talking to one another over a cup of coffee, women enjoying a solitary cup of coffee, women sipping coffee while working. These scenes highlight coffee’s status as both a vehicle for social interaction and an occasion for brief solitude, and they form the largest part of the website, above the fold and in your face. The soft blues and whites minimize the distraction of the top links, search box and the like. Even the logo takes a back seat to the driving concept: coffee’s friendliness and warmth.

Showcase70

Café Théâtre de la Marionnette71
It’s not often that a torso with a coffee-cup head descends from above on strings and slides down the page, but with a name like Café Théâtre de la Marionnette, the sight is not surprising. Neither are the rustic textures and intriguing images (such as the doll-like dresses). But what keeps this website in the modern era is the beautiful development, which gives us a realistic bounce as each page loads.

Showcase72

First Colony Coffee and Tea73
Using a mix of old and new design, First Colony Coffee and Tea definitely breathes new life into tradition. The serif fonts, black and white imagery and crest in the logo create a colonial vibe and take the edge off the stark modern yellow in the image and background. With the expansive space along the right side and abundance of text, this website could easily have been boring at first glance; but the focal point comes to the rescue, with the smooth sway of steam from the coffee cup and the soft scrolling of the background image.

Showcase74

Juan Valdez75
This website gives us more than a warm welcome. Here, we are personally greeted by Juan Valdez, we traverse the rich countryside scene, and we enjoy all the animated goodness that this design has to offer. And if you don’t have time to take it all in, you’re in luck: the easy navigation makes the content extremely accessible, an advantage that many heavy websites don’t have.

Showcase76

Lavazza77
Lavazza’s neutral brown background emphasizes the big links of rotating coffee cups that occupy most of the page. The neutral background also accommodates bright tones that run the spectrum. These whimsical touches are balanced by a simple white font for navigation and darker browns for drop-shadows and highlights.

Showcase78

Café Rouge79
Various textures create a warm, entertaining vibe on Café Rouge’s website. The textured background, rough paper, old stickers and supple light are just a few of the touches that make this website cozy. The movement in the photos and scrolling images below add flare.

Showcase80

Anodyne Coffee81
Anodyne’s website is simple. Its coding is basic, and its design is line-based and simple, which might cause some designers and developers to cringe. However, with the Web now so obsessed with bells and whistles, seeing a simply coded, simply designed website is a breath of fresh air. The traditional serif fonts hearken back to simpler times. What would be really necessary, though, is to replace an image used under the header to display opening times and the address with simple text that would have higher contrast against the background.

Screenshot82

Dôme Café83
Like Café Rouge, Dôme Café uses a variety of textures to make the user feel cozy. The rotating images add excitement, and elements such as the white ribbon in the logo and the trim around the links instill tradition.

Showcase84

Double Coffee85
Double Coffee matches its big imagery with big text, big text areas and bold white fonts, achieving proper balance. Red runs rampant across the website in different hues and tones, bringing consistency and cohesion to the website. Adding to the cohesion are white cups, dishes and creamers that mirror the font. It’s proportionately spot-on and features interesting touches, such as a credit card. The consideration for all of these basic design principles make the website appealing and make us want to stay for one more page.

Showcase86

Kaffebrenneriet87
Like the Far Coast website, Kaffebrenneriet balances big rich imagery at the top with a neutral brown and taupe bottom, as well as focused images and simple fonts. Shadows set off the logo and two navigation bars, and the play on opacity and light make for an overall professional feel.

Showcase88

Mugg & Bean89
The dominance of one color, the balance of the large imagery and text areas, the traditional white font and the accent tones make this website easy on the eyes. Drop-shadows, reflection effects and beautiful image movement make it look even more professional.

Showcase90

Old Town91
Old Town plays up its name in this design, with its yellow-sepia blend in the background, the old village nestled in the countryside, the italic serif fonts and the flock of birds in the sky. We also get a touch of modern, with scrolling videos on the billboard and an animated delivery truck. The heaviness of the billboard is balanced by the town, and together they are balanced by the six links along the bottom, which reveal sub-navigation in white boxes upon hover.

Showcase92

Copper Door Coffee Roasters93
A multitude of textures, along with paper, wood and nails, give this website its natural look. The nice handwritten font for links and page headers and the drawn lines under hovered links punctuate the naturalness. Warm greens and oranges bring out the equally warm hues in the textures.

Showcase94

ROM Coffee Bar95
The circle of ROM Coffee Bar’s logo is reflected throughout the website, providing continuity and visual interest and giving the crisp whites and steel blues a softer feel.

Showcase96

Quills Coffee97
Big images, fonts and links provide balance, while the contrast of font types adds variety to this big neutral design.

Showcase98

Melitta99
There’s no better way to involve a user in your product than by simply throwing them into the scene. Most coffee websites do this with a close-up of coffee or a large static image of customers enjoying the atmosphere. Not Melitta. Melitta puts us at eye level with the rest of the coffee shop’s patrons, making us feel as if we too are sitting and sipping. We get a large view of the coffee shop’s charming exterior, and we can even watch as the patrons move, change and enjoy the experience. What’s best is how large the graphic is, giving us a full-on view of the perfect Melitta experience.

Showcase100

Related Posts

You may be interested in the following related posts:

(al)

Footnotes

  1. 1 http://www.farcoast.com/#home
  2. 2 http://www.farcoast.com/#home
  3. 3 http://www.gorillacoffee.com/
  4. 4 http://www.gorillacoffee.com/
  5. 5 http://ipsento.com/
  6. 6 http://ipsento.com/
  7. 7 http://www.coffeeclub.com.au/
  8. 8 http://www.coffeeclub.com.au/
  9. 9 http://www.ambestcoffee.com/
  10. 10 http://www.ambestcoffee.com/
  11. 11 http://www.puravidacoffee.com/
  12. 12 http://www.puravidacoffee.com/
  13. 13 http://www.seattlesbestcoffee.com/default.aspx#/
  14. 14 http://www.seattlesbestcoffee.com/default.aspx#/
  15. 15 http://www.cafe-henrici.ch
  16. 16 http://www.cafe-henrici.ch
  17. 17 http://sweetsallies.com/
  18. 18 http://sweetsallies.com/
  19. 19 http://www.influxcafe.com/
  20. 20 http://www.influxcafe.com/
  21. 21 http://www.tappedandpacked.co.uk/
  22. 22 http://www.tappedandpacked.co.uk/
  23. 23 http://www.caravanonexmouth.co.uk/
  24. 24 http://www.caravanonexmouth.co.uk/
  25. 25 http://www.cilantro-cafe.com/
  26. 26 http://www.cilantro-cafe.com/
  27. 27 http://www.kickinghorsecoffee.com/en
  28. 28 http://www.kickinghorsecoffee.com/en
  29. 29 http://www.robust-ah.com/
  30. 30 http://www.robust-ah.com/
  31. 31 http://www.1369coffeehouse.com/
  32. 32 http://www.1369coffeehouse.com/
  33. 33 http://parkavenuecoffee.com/
  34. 34 http://parkavenuecoffee.com/
  35. 35 http://greyhousecoffee.com/#menu
  36. 36 http://greyhousecoffee.com/#menu
  37. 37 http://www.yborbunker.com/
  38. 38 http://www.yborbunker.com/
  39. 39 http://www.dunnbros.com/
  40. 40 http://www.dunnbros.com/
  41. 41 http://www.marleycoffee.com/flash/
  42. 42 http://www.marleycoffee.com/flash/
  43. 43 http://www.thebestcoffee.com/
  44. 44 http://www.thebestcoffee.com/
  45. 45 http://www.blasercafe.ch/
  46. 46 http://www.blasercafe.ch/
  47. 47 http://www.achacunsatasse.com/accueil/index.html
  48. 48 http://www.achacunsatasse.com/accueil/index.html
  49. 49 http://www.turquoisecoffee.com/
  50. 50 http://www.turquoisecoffee.com/
  51. 51 http://www.looneybean.com/
  52. 52 http://www.looneybean.com/
  53. 53 http://www.storyville.com/
  54. 54 http://www.storyville.com/
  55. 55 http://www.beanexchange.com/
  56. 56 http://www.beanexchange.com/
  57. 57 http://www.javacabana.com/
  58. 58 http://www.javacabana.com/
  59. 59 http://www.cuveecoffee.com
  60. 60 http://www.cuveecoffee.com
  61. 61 http://www.cafebritt.com/
  62. 62 http://www.cafebritt.com/
  63. 63 http://www.pauldequidt.com
  64. 64 http://www.pauldequidt.com
  65. 65 http://www.starbuckscoffeeathome.com/
  66. 66 http://www.smashingmagazine.com/wp-content/uploads/2010/08/Coffee61.jpg
  67. 67 http://www.cafeshop-especial.de/
  68. 68 http://www.cafeshop-especial.de/
  69. 69 http://www.swisswater.com/
  70. 70 http://www.swisswater.com/
  71. 71 http://www.cafe-marionnette.ch/
  72. 72 http://www.cafe-marionnette.ch/
  73. 73 http://www.firstcolonycoffee.com/
  74. 74 http://www.firstcolonycoffee.com/
  75. 75 http://www.juanvaldez.com/
  76. 76 http://www.juanvaldez.com/
  77. 77 http://www.lavazza.com/
  78. 78 http://www.lavazza.com/
  79. 79 http://www.caferouge.co.uk
  80. 80 http://www.caferouge.co.uk
  81. 81 http://anodynecoffee.com/cafe.php
  82. 82 http://anodynecoffee.com/cafe.php
  83. 83 http://www.domecoffees.com/
  84. 84 http://www.domecoffees.com/
  85. 85 http://www.doublecoffee.lv/
  86. 86 http://www.doublecoffee.lv/
  87. 87 http://www.kaffebrenneriet.no/
  88. 88 http://www.kaffebrenneriet.no/
  89. 89 http://www.themugg.com/
  90. 90 http://www.themugg.com/
  91. 91 http://www.oldtown.com.my/
  92. 92 http://www.oldtown.com.my/
  93. 93 https://www.copperdoorcoffee.com/main.php
  94. 94 https://www.copperdoorcoffee.com/main.php
  95. 95 http://www.cafferom.com/
  96. 96 http://www.cafferom.com/
  97. 97 http://www.quillscoffee.com/
  98. 98 http://www.quillscoffee.com/
  99. 99 http://www.melitta.com
  100. 100 http://www.melitta.com
  101. 101 http://www.smashingmagazine.com/2010/07/15/showcase-sweet-chocolate-websites/
  102. 102 http://www.smashingmagazine.com/2010/06/01/meet-the-team-pages-examples-and-trends/
  103. 103 http://www.smashingmagazine.com/2010/04/19/showcase-of-beautiful-vertical-navigation-designs/
  104. 104 http://www.smashingmagazine.com/2010/01/22/35-beautiful-and-effective-ecommerce-websites/
  105. 105 http://www.smashingmagazine.com/2009/12/07/the-unusable-and-superficial-world-of-beer-and-alcohol-websites/
  106. 106 http://www.smashingmagazine.com/2010/04/14/what-if-oscars-were-given-to-movie-websites/
  107. 107 http://www.smashingmagazine.com/2010/05/13/principles-of-minimalist-web-design-with-examples/

↑ Back to topShare on Twitter

Katie Thompson has a BA in journalism and design from Ohio State University. She has written for both print and online media, including Ohio-based CityScene Magazine and Web Designer Depot, and has more than seven years experience in web design and development.

Advertising
  1. 1

    Coffee <3 – First!

    3
  2. 2

    An hour ago, i was looking for some good coffee webites. And now your post.
    I love smashing Magazine :D

    1
  3. 3

    Nice delicious yummy coffee website layouts.

    1
  4. 4

    I’m surprised the Starbucks At Home site didn’t make the cut
    http://www.starbuckscoffeeathome.com/

    0
  5. 7

    great showcase! love the gorilla coffee site… makes me really want some since it feels like a big blast of energy… I think it’s the red they used mmmm… coffee

    1
  6. 8

    Good timing, I’ve just made a coffee.

    1
  7. 9

    Great list! And I appreciate the included descriptions as well.

    Check out a few more I have posted: http://www.kareydarnellhelms.com/Blog/2010/04/showcase-of-30-coffee-cafe-website-designs/

    1
  8. 10

    Hey guys!
    You did this post just for me, right?? ;)

    Cheers, Oliver

    1
  9. 12

    what a total waste of internet.
    thank God/Allah/etc I use Firefox with ADBLOCK(tm)

    0
    • 13

      Hey Steve,
      you know what is great about the Smashing Magazine??
      – You don’t have to read it if you don’t like it.

      Think about it and have nice day.
      Oliver

      1
      • 14

        That’s your response, FanBoy?
        While you are apparently content to have Smashing Magazine decay into some stupid attempt to substitute for a simple Google search, I have higher hopes for it.

        I believe Smashing Magazine can be the premier source for intelligent articles and content for designers, artists and developers – a goal that is somewhat impeded by running these mentally deficient ‘list of xxxxx’ pages.

        “Gorilla Coffee
        Thick lines, a dark two-toned palette, heavy shapes and an urban setting remind the user that coffee can be just as enjoyable when sipped in a fast-paced city as in the mountains. Flash in use.”
        Are you f*king kidding me?
        That crap and a screenshot ( * 10) constitutes an “ARTICLE”??

        What is FUNNY, is that SmashMag posted an article a week or so back, pointing out editorial standards…sigh

        -3
        • 15

          Sounds like someone needs to switch to decaf . . .

          0
        • 16

          Thank you steve! so many of us were thinking the same thing….

          -1
        • 17

          I imagine by now, after all this time wasted typing your stock detractions, you could have written an article yourself, worthy of the standards you claim to aspire to on Smashing’s behalf. That assumes, of course, that you have anything useful to contribute. Though if you did, perhaps your envy of SM’s success wouldn’t be so transparent.

          0
        • 18

          Steve,
          What most people like you don’t understand is all the hard word it takes to manage a successful blog like this one. You take and take and take but never give back to the design community except in your childish offensive comments. If you don’t like the stuff you read online, try to make something better. Start your own site and see how far you get. It’s not as easy as some people make it look, but if you want change to happen, offer something “better”.

          Vitaly,
          Not my favourite post here at smashing, but I’ve got nothing against you guys trying to make a living while we all feed off of your free content. Thanks for the hard work.

          0
        • 19

          Well said! Echo’s my thoughts exactly!

          All too often recently, I’ve been thinking that the editorial standards are dropping like a stone. So much so that I’ve gone from being a daily visitor/reader to a weekly or less reader.

          Reading comments like ‘don’t read it’ are pathetic. We come here to read. When the content is, quite frankly, crap, that stops us reading. It annoys me when fanboys support everything unquestioningly. Criticism is a good thing when it’s due.

          It’s due.

          -2
          • 20

            @Piggy and Tazzy I see. But please take a look around here on Smashing Magazine. Check articles published over the last month or so. How many lists do you find? How many round-ups do you find? How many showcases do you find?

            And how many educational, in-depth articles do you find?

            It’s always about the right mix, the right balance. We are here to protect and advocate interests of our readers, but because we have quite a big readership, sometimes we publish posts that appeal to some readers, and do not appeal to others. And I think it’s OK, really. You can’t make everybody happy.

            We do work hard on thought-provoking articles though, but we need to take care of various groups in our readership.

            0
          • 21

            Normally I don’t comment the Smashing Magazine’s articles, not because their bad … on the contrary they are very inspiring and educational as well as pretty specific.
            But this article (yes article… and if you don’t know the meaning, well how about instead of you buying the smashing mag book start by buying a dictionary? =) ), or better saying, this comments are getting extremely great success….

            … For me, these kind of articles – the showcases – became a point of update and knowledge gathering. Instead of using Google (as someone said) to search for “Café Websites” and all kind of crap on its results , I can actually see here good quality and, as I said before, inspirational content and design.

            And as for haters, You could be much more if you weren’t less… =) You think you can do better? You think that a bunch of text and a small image is better than “a bunch of images” ? Apparently you don’t know that “an image says more than 1000 words” … therefore, if you don’t know this you don’t know design (either good or bad) …

            … that’s why You probably design on terminal console @ linux (ascii rules right?)

            =)

            0
    • 22

      Dear Steve,

      I respect every single reader, I do. But what I do not respect is criticism that doesn’t suggest anything concrete. I understand that you hate Smashing Magazine, hate Smashing Magazine’s writers, hate Smashing Magazine’s Editorial work, hate Smashing Magazine’s articles and hate everything that is in any way related to Smashing Magazine. I get that, I really do.

      But why exactly do you keep coming to Smashing Magazine then? If you really care about the content published here, then please suggest concrete improvements. We are always looking out for new ideas, better content and further improvements of the site. And we could certainly use professional help.

      And I would love to give you the opportunity to write an article for Smashing Magazine as well! Please reply to my e-mail and we will figure something out.

      Please: if you don’t like an article, tell us what can be done better. If you find typos, let us know where they are so we can find them. I am sorry, but in my opinion it just isn’t helpful to publish hate-comments all the time, in almost every single post. So tell me: why are you doing this?

      I really would love to hear your opinion.

      0
      • 23

        More concrete:

        What it seems markedly obvious that Steve was saying…

        Too many blogs are just becoming lazy. WebDesigner Depot, Smashing Magazine, Speckyboy (Smashing Network site), 10Steps….used to have far more educational articles.

        Now there are days when I run down my personal blogroll, and find nothing but roundups when I really need to start my dad with a tutorial to help get my juices flowing – something that doesn’t come from looking at screenshots.

        Honestly, I think I’d rather have a no-update day, than another “I took 20 screenshots” article.

        Steve may need some work on his delivery, but his post is a compliment, not a complaint. His expectations of Smashing are higher – because he has come to expect Smashing to be something bigger and better. That says something about the brand you had built. A brand that will be tarnished if it comes another roundup mill.

        I took two blogs that were daily visits for me off my toolbar this week, because they had become just that.

        -1
        • 24

          Oh – and seriously – how could you omit Starbucks and Tim Horton’s? As well as Peet’s. You type in “Coffee” in Google, and Peets and Starbucks show up on the first page, and are both giants in the industry.

          0
        • 25

          Mark, I get your point. But please take a look around here on Smashing Magazine. Check articles published over the last month or so. How many lists do you find? How many round-ups do you find? How many showcases do you find?

          And how many educational, in-depth articles do you find?

          It’s always about the right mix, the right balance. We are here to protect and advocate interests of our readers, but because we have quite a big readership, sometimes we publish posts that appeal to some readers, and do not appeal to others. And I think it’s OK, really. You can’t make everybody happy.

          We do work hard on thought-provoking articles though, but we need to take care of various groups in our readership.

          -1
        • 26

          To the other Mark:

          Trying to produce top-notch/exclusive content at the rate people expect Smashing to publish (almost daily) is nearly impossible without a HUGE team of talented/experienced writers.

          Yet, Smashing’s reputation shouldn’t rely solely on the content of their articles. Why not let that reputation expand to include a discussion-rich community of professionals who share insights on designs and article topics?

          There’s a need for a change in the comment system / comment-reading experience (and Vitaly: I know you guys are working on it!) but I don’t think the articles themselves are to blame.

          -1
          • 27

            To the other other Mark:

            Smashing has a team. And authors that aren’t ON the team. It’s not a single person running this blog in the corner of his or her basement. It’s a group of professionals aided by a world of freelancers. Their “regular authors” page lists 20 regular authors. The author of this article isn’t one of them. With all the freelancers and 20 regulars, they should have no problem writing one article per month. If not, they are certainly in the wrong business. I don’t think I could survive in my profession if I used the “it’s hard to do, so I’m not going to do a good job today” excuse.

            With 20 regular authors on or off staff, daily content shouldn’t be a problem. Even so, I said in my first comment that I’m fine with them not producing content every day. This isn’t TV news. They aren’t forced to fill a time slot on a slow news day with fluff. They can take a day off.

            To Vitaly:

            Certainly there are many others that think this, but are not so eager to say something that is dismissed as “negative commentary”, since the community jumps on them with the “then go somewhere else you ingrate” attitude. Telling us “well, we have wonderful stuff elsewhere” doesn’t really fix the problem, it just paints over it, leaving the problem to remain under the surface.

            Rather than explaining/dismissing away these, why not take it from the approach of “ok, we have unhappy people, can we fix this and improve our site – thereby improving our loyal readership?” Wouldn’t that be more productive for your own needs? Or are these answers designed merely to appease those that are already loyal and you don’t want to be influenced by those comments – in which case my entire post is moot.

            To Vitaly and all those that shoo away the people with “negative” advice or comments:

            Are you sure Smashing Magazine/Network wants you doing that? Those that have “negative” comments have an equal value when it comes to pageviews. Ranking engines to not rank pageviews and time on site by “happy time” or “not-so-happy” time. But they do measure repeat business. A pageview lost is a pageview lost, and lost readership equates to lower advertising rates and therefore revenues.

            -2
      • 28

        You people at Smashing Magazine shouldn’t worry about the people who don’t appreciate the efforts you people are putting in to produce such great content, for free. This website is one of the best I have come across till date.

        There are always some people who only know how to make fun of people and their efforts, without doing anything themselves.

        Keep up the good work!
        – a loyal reader.

        0
    • 29

      Hey Steve, if I were you I’d write to Vitaly and the team to request a refund. You’re obviously very unhappy with the content here on Smashing Magazine so it’s only fair that you should be reimbursed… wait! The content is free!

      Could I humbly suggest that if you hate this post so much you exercise your middle finger in a different way, use it to press that wee button there on your mouse. Yes, that one. Now click on the back button et voila, no more annoying articles to vex you.

      Now if you’ll excuse me, I’m going to go back and study the collection of designs Katie Thompson spent hours working on.

      0
      • 30

        Thank you:)

        0
      • 31

        I would hope it would not have taken her “hours” to google and take some screenshots of 10 sites. I suppose a college degree isn’t all its cracked up to be nowadays, but c’mon now!

        -1
        • 32

          Please let me learn your techniques. I would love to have been able to find these 60+ examples of good webdesign by way of a few hours ‘google searching.’

          Also, please tell me the sites you write for. I’d love nothing more than to work for a company that accepts google-searched showcases that took two hours to complete.

          0
  10. 33

    Not yet completely finished, but perhaps nice to show off :-)

    shameless but relevant plug: http://www.coffeealchemists.com/ , hope people won’t mind too much.

    -1
    • 34

      No shame required. I genuinely liked your site, unfinished or not and I would truly be interested if you would write an article (with your client’s permission perhaps) that outlined your experience as you brought this fine site from an idea to completion, maybe exploring some of your design choices and trade offs, the difficulties and compromises?

      now THAT would be a ‘smashing’ article!

      -1
      • 35

        That wouldn’t be a bad idea :-).

        I’ve used Smashing Magazine articles for some parts of the site, and I think I have some different design propositions somewhere around.

        Would be nice to have an article about that, as well of course, have the site tuned and completely ready.

        cheers :-)

        -1
  11. 36

    yummy ^ ^

    -1
  12. 37

    Unique & different show case! I checked my RSS feed first this morning, saw the title, and just like I do for my morning cup of java, I got instantly excited! I LOVE COFFEE.

    Good job…

    -1
  13. 38

    After seeing all these site I’m going home to make some coffee (with goat milk ;)).
    Great article.

    -1
  14. 39

    WHAT? No Tim Horton’s!?
    /ashamed
    http://www.timhortons.ca

    -1
  15. 40

    Whoa. I’ve just started working on a website & fresh branding for a local coffee house in my town. Thanks for the inspiration!

    -1
  16. 41

    What an amazing gallery of designs, regardless of the coffee! Thanks Smashing.

    -1
  17. 42

    Some of the actual coffee from these sites makes me vomit, however.

    -1
  18. 43

    Wait… a whole list of coffee sites without including Starbucks, and Coffee Bean?

    (Starbucks’ sites are notably excellent)

    -1
  19. 44

    nice website here. I like 1369 Coffee House website :)
    I love coffee also. One cup every day :)

    -1
  20. 45

    There are typos and grammatical errors all over this post. Doesn’t anyone proofread???

    -1
  21. 46

    This comment was removed by moderator because of the personal insult.

    -1
    • 47

      @ steve42: Why don’t you start your own site and show us what perfection looks like?

      -1
    • 49

      Exactly, steve42! Vomiting is the best word to describe your comments. Or maybe you really thought you sound critical and your comments are the righteous anger? Well, you don’t. For example, the comment of Mark below makes sense and provides valuable critics, try to learn.. or just spare this place your wordorrhea.

      -1
  22. 52

    Wonderful!!!
    Just amazing Gallery of coffee site designs
    Good Show!!!!

    -1
  23. 53

    Have you checked out Coffees of Hawaii? Pretty neat website.

    http://www.coffeesofhawaii.com

    -1
  24. 54

    Can Smashing get a comment rating/karma system? Perhaps akin to Slashdot? The articles could generate some excellent discussions but all the “Wow, great designs! I like designs.” and “lol-I-could-do-better” comments are useless to most readers…

    -1
    • 55

      I feel your pain, but that additional level of complexity will still be superseded by fanboys + rating their own comments and/or those of their sycophantic friends.

      I’d just be happier with BETTER articles instead of this fluff, filler bullshit.
      sigh

      0
    • 56

      I’m saying we ought to be using these articles as discussion starters.

      Most readers of Slashdot don’t RTFA, they skim the summary, skip the article link, and scroll down for the insightful discussion, intelligent arguments, and hilarious witticisms.

      In this case, most readers probably won’t find a use for this type of article beyond light design inspiration but what about discussing the purpose behind these sites? How do you approach the design of small-business/restaurants/cafe websites? What is the user looking for when they browse the site? How should you present content effectively? A number of the featured designs fail in key areas, what are these areas? How can it be improved?

      Perhaps I’m assuming a different sort of readership…

      0
    • 57

      We are listening, Mark. I think it’s a great idea. Let me put it on my to-do list and we’ll see what I can do.

      @steve42: what kind of article would you prefer instead of this “fluff, filler bullshit”, please?

      0
      • 58

        This is why one should not post blog replies before having their ‘coffee’… Wouldn’t you agree?
        BTW – Great article – keep it up!

        -1
    • 59

      That’s a GREAT idea. And not just cuz the person with the idea has a great name!

      -1
  25. 60

    Nice list, I love coffee!

    Here is one I made a while ago: http://fernwoodcoffee.com

    0
  26. 61

    Great pieces! Really makes me run to take a cup of coffee… delicious!
    We have here a great one too: http://www.meridiano.com.br.
    They just finished, take a look!

    See ya!

    0
  27. 62

    Disappointed that Starbucks and a local fave of mine New England Coffee was left off this list. Great list though. And I see the need for articles like this, along with articles full of information. I think postings like this serve as good inspiration and people that balk at that only need to read the articles they find of interest.

    0
  28. 63

    Was Starbucks left out for a good reason?

    0
    • 64

      Well, we featured Starbucks’ website multiple times in our previous showcases already. But I already contacted the author and suggested adding it to this post.

      0
      • 65

        No problem, I was just wondering if there was a specific reason. Thanks for the reply.

        0
  29. 66

    Nice list and funny it just came out as we recently launched a coffee website for a local company here in Denver – http://www.novocoffee.com

    0
  30. 67

    I’m thirsty!!! :D

    0
  31. 68

    Dear friends,

    there is a good reason for keeping publishing inspirational showcases such as this one. They provide designers and developers with ideas of how other designers out there create certain types and kinds of websites. We showcase designs that most readers of Smashing Magazine would probably never stumble upon and this is the purpose of such posts.

    You may like or hate showcases, but we keep receiving requests from our readers who are interested in such lists, and so we publish them.

    It’s impossible to make everybody happy. So feel free to skip the showcase if you don’t like it. There are plenty of other articles on Smashing Magazine which are certainly worth reading.

    Thank you for understanding.

    0
    • 69

      Vitaly, I think you’re doing things the right way. Seriously. I’m personally not a huge fan of showcases in general, but I do the sensible thing…skip the ones I want to skip, and look at the few that catch my eye. It’s that simple. I do the same thing with articles when the topic doesn’t appeal to me or my skill-set. And for the record, there has been a noticeable jump in the quality of posts on here the past few months. For a while, I’d stopped visiting but once a month, if that – now I’m afraid I’ll miss something good, so I’m back about every other weekday. Thanks for the hard work of providing different content for different designers – please keep it up!

      0
      • 70

        I second to Dani on that one… As a regular reader of SM, i keep an eye out for some good articles which challenges our mind and wisdom about design and alike. I see many inspiration articles on the web today and whenever I spot one which is of least significance to me, I just skip it.. It is that simple… I read only those which I think is worth my time.

        There are so many fascinating articles on smashing mag and I spend my time reading them (even though a few of them are years old).

        @steve42 I get what you are trying to say, but instead of commenting in such a hurtful manner and adding nothing but irrelevant points, why don’t you suggest some good ideas for upcoming articles. Better yet, why don’t you volunteer yourself to write for them. You have proved absolutely nothing by sharing you opinions here. Try to be more productive and solve the problems of your fellow designers. Educate us with what we must do and what needs to be done to make this magazine effective and useful for all readers. Even the most brilliant of people are open to any kind of advice. Taking part in a constructive discussion (with positive and negative criticism) is the best thing that can be deemed as an effective contribution.

        If I have offended you in any manner, I sincerely apologize and I hope you play your cards more wisely the next time you read an article which is not according your “standards”.

        Vitaly, Smashing magazine is read by 100s and 1000s of people everyday and I am glad that you are experimenting with various areas of inspiration; from thought provoking articles to list posts. I would suggest a better categorization of articles for every reader of this magazine. Maybe an account for each and he/she chooses his/her interests and based on that, only relevant articles are shown to him/her. I hope you got my idea.

        Nevertheless, honestly speaking I did not read this article at all because I am not interested in seeing some coffee websites and wasting my time jeopardizing my other important works (this is purely from my perspective, no disrespect) So, maybe tomorrow, i can expect a better article and it will be worth my time reading it. I always browse the web with this mentality and I hope everyone who are in the same wavelength as I am in, do the same too :)

        Cheers,
        Rich

        0
    • 71

      True and true and true.
      I like showcase articles type, because I’m autodidact designer. So I got an idea about how another designer (wich is obviously better than me) acomplish they task.

      PS : sory about my english ;)

      0
    • 72

      Exactly, I for one, enjoy the occasional showcase. I can see what other people are doing and how they use their creativity. I often find myself saying “aah, never thought of this”.

      0
    • 73

      I am new to Smashmag, and I thought it was great to see a collection of inspiring sites. The list was rather long and my ADD prevented me from getting through it all, but I would love to read about *how* these site were built. How much is html5, ajax, jquery, flash, silverlight etc. I’m a designer, not a developer and it would be awesome to hear the code behind the look.

      -1
  32. 74

    May I add one more??
    http://www.zucoffee.com

    Hope you guys like it! :)

    -1
  33. 75

    This is fast becoming my favorite website. I love these posts!

    -1
  34. 76

    Great attention to detail on the ‘Seattle’s Best Coffee’ website. When you spin the cup, the “lighting” reflections actually change on the handle. I want coffee now.

    0
  35. 77

    It seems that Steve42 missed the title of the article: Showcase Of Delicious Coffee Websites. Maybe it was me but I didn’t see the word “Analysis” in the title or even the phrase “Design Analysis of a selection of Coffee Sites.”

    0
  36. 78

    Rupnarayan Bhattacharya

    August 10, 2010 11:41 am

    Please ignore the baseless criticism and keep up your good work. Great collection.

    0
  37. 79

    Steve Rules! Although it appears that not all Steves are created equal. Woah unto you stevemg, Steve42’s wrath be nigh.

    0
  38. 80

    Vitaly makes an indisputable point, these showcase posts are invaluable for a number of reasons, particularly their ability to display contemporary work. We’re coming to the site from places all around the world, there are uncountable websites we would never see without articles like this.

    Further, there are websites deserving of attention that might never make it out of their own borders without a little added attention. Katie, I personally thought your copy made a great read, and I understand it must’ve taken quite a while to prepare this article. Thanks.

    -1
  39. 81

    What is this whole flame war for? Every design/photography magazine I know has “showcase” sections. It’s perfectly normal and useful. Guess steve42 lacks editorial reference in the subjects Smashing Mag deals with. I also follow another dozen resources and I do enjoy to have information compiled instead of wasting 1 hour or more searching the net around with Google. Call me lazy, but I do value my time – despite of once in a while I waste some of it writing back at stupid comments like those from steve42. :)

    -1
  40. 82

    Don’t be bothered by Steve42, Vitaly. He clearly has nothing useful to input. Don’t let him achieve his goal of getting on your bad side.

    There’s people here that like showcases, and there’s people here that don’t. The ones that don’t can avoid those posts. On the other hand, you could make a whole new section on the site dedicated to showcases, but is it really worth it, just to make all the Steve42’s happy? Does it seem like he’ll ever be happy? Nah. Just keep doing what you’re doing until you actually get some constructive criticism and not immature school yard bullying.

    0
  41. 83

    Great article, great posts. Keep up the good work Smashing Magazine.

    Here’s another coffee site: http://www.carusoscoffee.com

    -1
  42. 84

    @Steve42: Do you run all your comments through a thesaurus before posting to make yourself sound more intelligent?

    On a side-note, I think we’ve fed the troll enough for the day :D

    4
  43. 85

    Great collection.

    Only trolls with long pink hair are to be fed. :)

    0
  44. 86

    We designed a site for Press Coffee that is nice: http://www.presscfw.com

    -1
  45. 87

    Nicole Loyal-Windham

    August 10, 2010 1:06 pm

    This is annoying. We got your point, Steve. Yes, you are a DICK (i guessed capital letters would help you to understand this better since you like to use them…you are welcome).

    0
  46. 88

    It’s great that people care so much about Smashing Magazine and it deserves it.

    Yes, list posts are not so interesting and take little effort to put together. Still, they helped establish this and other websites in the past.
    What is great is that Smashing Magazine listened to the complaints and drastically reduced the number of list posts, favoring in-depth articles.

    But we have to understand that this website is run by very few people who simply don’t have the time to make every article they publish, at the rate they publish, an in-depth one.

    The good news is that we can all contribute to the website by submitting in-depth content. Let’s help the team ok?

    0
  47. 89

    I enjoy a robust discussion as much as the next person and landed on this page to see what all the brouhaha was about. It’s an often (usually heated) topic of discussion that usually ends with ‘some people like showcases, others don’t’. Nothing new.
    And then I scrolled to the top and actually read the post. Well done Katie, it’s a great article with useful descriptions. Smashing remains the premier resource for all types of design related articles, as well as showcases. I guess hundreds of thousands of subscribers already know that, and haters… well, they just gotta hate.

    -1
  48. 91

    I can’t believe you guys missed the best coffee website is Australia!

    http://www.coffeecompany.com.au

    0
  49. 92

    A website for coffee spots in Montreal http://www.adbeus.com. Enjoy!

    1
  50. 93

    I find those scroll-articles good from time to time ;) Never read it and never click it, but you just get some fast inspiration.

    1
  51. 94

    I dont understand what all the deleted posts are about either, seeing the f-bomb and other swear words scattered about i wonder what it could have been?

    i think sm should just close all the commenting ability, or just restrict it to those who will right cheerful, positive comments – that will solve that problem

    0
  52. 95

    Hello, very nice post! there are some really different ideas that I like.
    I wanted to share with you and your readers a Website I recently finished for a Colombian Premium Coffee Brand called Café San Alberto. You can visit the site here. Let me know what you think. If you like it, maybe you could include it here, I would love that!
    Thanks for your post, keep up the good work!

    0
  53. 96

    My local coffee shop in Sydney has a very cool, quirky (erm – Flash) website that should be on the list: http://www.singleorigin.com.au/

    0
    • 97

      I loved this site. I didn’t add it in the article, but I tweeted the link. Definitely should have been featured in this article.

      -1
  54. 98

    Tim Horton’s is certainly missing in this list !

    0
  55. 100

    Certainly an inspiration for all of us. I don’t know what’s all the fuss about?

    Regards,
    vinod

    0
  56. 101
  57. 102

    Thanks for the great references

    -1
  58. 103

    Awesome, I just love coffee web designs. Too bad I haven’t had a coffee client myself ;-)

    -1
  59. 104

    I wonder how many people complaining about list posts have been visiting SM for. I’m pretty sure they invented the list blog post. Because of you small portion of vocal idiots reading the title of a post that you’re obviously not interested in, then clicking on to complain about it, I’ve seen far less inspirational photography around here (which is what hooked me on SM in the first place), less eye candy, less inspiration (luckily Abduzeedo has that area nailed now).

    Although I love the wordpress how-to’s, the analysis and the odd guest blog posts (Speider’s posts have stood out of late), sometimes it’s nice to turn the brain off at the weekend and look at some pretty pictures.

    0
  60. 105

    Funny to see how creative you can be with coffee!

    How much coffee do you drink on a normally workday? #coffee #work

    @yourwaytomagic
    yourwaytomagic.com

    0
  61. 106

    Lots of people love coffee, me too. Did you know that coffee is (after oil) the second most traded commodity in the world? Millions of coffee farmers and their families in Middle and South America and in Africa live under poor conditions. A pound of green beans now sells for around $ 1.50, but companies like Starbucks create a value up to $ 2500 from that. If possible, you should buy fair traded coffee to help these farmer families towards a better life.

    0
  62. 107

    I don’t like coffee.

    0
  63. 108

    Haha!

    I can’t believe that Marley Coffee one! “Stir it up”

    Relatives or not, shocking!

    0
  64. 109

    One of my Coffee-Sites: http://aroma-gusto.de/

    Cheers,
    Benjamin

    0
    • 110

      Ben, Your website is also very Cool. I like its style of presentation & the way it has been explained.

      Cheers!

      0
  65. 111

    Now you just can’t go wrong with coffee!

    0
  66. 112

    I love all of da designs.

    0
  67. 113

    Great line up of sites as well as coffees! I would like to suggest one more… Green Mountain Coffee Roasters in Vermont! http://www.greenmountaincoffee.com

    Great work again!

    0
  68. 115

    I love all of da designs. gr8

    0
  69. 116

    Way to omit the best coffee in the country: Stumptown Coffee Roasters

    0
  70. 117

    eeEEEEee!! Thank you so much for including Tre Amici @ The Bunker on your list!! We’re huge Smashing Magazine fans, and it made us all gooey happy inside to see this.

    0
  71. 118

    Here is a coffee website I enjoy.

    http://www.kapepur.com/

    0
  72. 119

    Chill out Vitaly, you need people like Stevie here.
    People with “criticism that doesn’t suggest anything concrete”.
    Why should criticism suggest anything?
    It could simple be someones opinion, and he is just commenting this post.
    We all love to visit SM, and sometimes we have some bitterness to spill…
    You should use to it… I think… you run this business for few years ;)
    Do you want to see all comments like, for instance this one ;)

    “Great article, great posts. Keep up the good work Smashing Magazine.”

    The point is, do not argue with people about such posts ;)

    apologise for my english

    0
  73. 120

    You know what…. I think Smashing Mag could use a redesign.

    I really liked the friendliness / openness of your last design. And while I certainly appreciate the period in which this current design game out, I would opt to change it and move in a different direction… Perhaps you already are…

    Web design is an art that keeps moving forward… time to represent what we – as an industry – do best – make things better!

    Of course, I appreciate all you fellers bring to the community. You’re a cornerstone of a shaky and sometimes haphazard industry that is still defining it’s place within society at large.

    0
  74. 121

    Very nice collection. Its 1:30am and I have a hankering for a cup of joe!

    0
  75. 122

    Hate Coffee.
    Coffee — baaaad. Tea — goooood :)

    Anyway, designs are lovely, great selection . Tea showcase please soon.

    Perhaps could you add feature where people can block showcases in their rss. I think engadget.com did something like this with Apple related posts few months ago

    0
  76. 123

    Beautiful <3

    0
  77. 124

    Self plug (and it doesn’t fit into the same league of beautifulness), but, I humbly submit my cafe-finding website, wherespresso.com.

    0
  78. 125

    Here is a web site to buy fair trade coffee in Switzerland:

    http://www.bertschi-cafe.ch/shop/sortiment.php

    (Read also comment #98, please. Thank you.)

    0
  79. 127

    I’m late with this but Thank you for these kind of posts! They really give me a beginner web designer something to get inspired by. I don’t have time to search out great sites, and this gives me a place to come and I know that I’ll find inspiration here. I really don’t have time to read articles, so this is great. Please don’t stop posting showcases.

    0
  80. 128

    Missed one…Metropolis Coffee. http://www.metropoliscoffee.com

    1
  81. 129

    Keep the showcases coming!

    0
  82. 130

    ANOTHER LIST?!?!?!

    I think it’s childish to waste your time arguing over the validity of a list. Not too long ago, a list of Bakery type websites was published. This was absolutely wonderful for some one working with a client who is starting up her own baking company and was interested in what others were doing.. not just to measure herself against competition, but to see what bakeries were doing, and how they were doing it well. I sent the link to her and she got very excited about the project again. ‘List’ posts are important, and serve a purpose to the community.

    With that said, I really enjoy the other articles – the lists I count as a bonus. My only suggestion, and please take this with a grain of salt, is to spend less time (on the SM side) interacting with people that are complaining for the sake of complaining, and more time interacting with those who post interesting replies / thought provoking ideas in relation to the posted article.

    I understand you do this, but I just wanted to point out a trend that I’ve noticed.. many replies to a post.. the few that get attention from SM seem to be people complaining? I understand that you are busy and you’re doing your best to facilitate your readers, but I do think a proactive way of working against this would to be offering more and more insight, building the positive discussion of the article. Otherwise the article gets over run by a back and forth that’s not even worth scrolling through. I’d rather scroll down and see a yellow post that is exciting to read, not one that’s pacifying babies.

    If your end goal is to create a rich, diverse, interactive, (insert positive attribute here) community… I think it would be more beneficial to nurture the positive and proactive comments within the community! Thoughts?

    0
  83. 131

    Great inspiring list… I can think of so many other good ones, namely New England Coffee and Green Mountain Coffee!

    0
  84. 132

    Wow…Great round up..Thanks for the post.

    0
  85. 133

    Excellent!

    0
  86. 134

    Thanks for the inspirational collection!

    I have to confess I really like this one our web design company did too:
    http://www.singlecup.ca/k-cups_canada.html

    Coffee websites are great to make. The only downside is they always make me want to drink more coffee though!

    0
  87. 135

    Thanks for sharing Kate. Great article and inspiring.

    0
  88. 136

    And what about http://www.cafeelsalvador.cz/ ? It’s czech e-shop with coffee from El Salvador.

    1
  89. 137

    You forgot http://www.boscoffeeclub.com/

    It’s one of the leading coffee shops here in the Philippines.

    0
  90. 138

    A really nice selection of sites above, i like how they all have a unique style which compliments there brand, they don’t follow the typical elements which you assume a coffee website would have such as a brown colour scheme featuring coffee beans.

    0
  91. 139

    My fave a.m. kicker by far is Baby’s Private Buzz by these good folks: http://www.babyscoffee.com – *fair warning* do not try to stop drinking it cold turkey!

    0
  92. 140

    Thats’ great!

    Also some sites use the coffee idea to business like PSD to XHTML or WordPress, see example:
    psdtowordpress.eu
    mypsdtohtml.com

    The idea of relax, we do it for you fits with the coffee pause :-)

    0
  93. 141

    Robert Patterson

    August 19, 2010 1:51 pm

    Just yesterday, we launched yet another delicious coffee website! http://www.consumerschoicecoffee.com/

    1
  94. 142

    Is it just me, or is Ipsento just one big JPG? Between that and the sea of flash loaders, I am unimpressed, although there are a few gems on this list.

    0
  95. 143

    A great deal of these are well designed and inspirational. However, some of these have no business being on this list, as they are truly a design and usability nightmare. I won’t name names but, wow, some of these are just bad! That said, a lot of these are pretty nice. I love love love the Starbucks at Home (www.starbuckscoffeeathome.com) website that you put on this list. Really cool. I agree with some of the comments, I think several sites were overlooked when this list was made. I realize it’s impossible to find every single website out there but I think some fairly well-known companies that you’ll easily find on store shelves were completely overlooked. I agree with one of the comments, the http://www.newenglandcoffee.com website is really nice. Someone else who recommended http://www.singleorigin.com.au I’d agree with as well. Thanks for the list. I like these lists quite a bit and I also really like the other articles that go a little deeper. Great mix of content!

    0
  96. 144

    You forgot herbal coffee! http://teeccino.com/

    0
  97. 145

    I’d be lost without showcases like this, the design inspiration is invaluable and played a huge part in my first “coffee” design.

    Keep the showcases coming!

    0
  98. 146

    Nice list! To appreciate your efforts, I have been trying to google well designed coffee websites for a while now with very few results. Thanks for your efforts! One favorite of mine that I didn’t see on this list is Caribou Coffee: http://www.cariboucoffee.com/
    Thanks again!

    0
  99. 147

    Great showcase.
    It is interesting to see so many approaches and looks around a single product. You could say there is a trend in the use of warm colors, but other than that there is an amazing variety which quickly gives an idea of the kind of brand. Urban, traditional, familiar, premium.

    I recently had the chance to redesign the website for a Premium Coffee from Colombia http://www.cafesanalberto.com, which presented the challenge of reflecting both a status as a premium brand and a respect for tradition as well as their unique approach.

    0
  100. 148

    Danielle Comstock

    February 11, 2011 9:33 am

    Hello, we at the Bunker just wanted to give a great big warm *THANKS* for showing our website, {Tre Amici @ the Ybor Bunker} some love, and giving us a shout out! I would like to inform you that we have just launched our *NEW* website this week! Same URL, check it! ;-) Thanks for being so kind and we love ya’ll here @ Smashing Magazine and are proud to be recognized! Thanks again, guys! Happy Friday :-)

    { http://www.yborbunker.com }

    -2
  101. 149
  102. 150

    this is good

    18
  103. 151

    Great selection of Coffee Websites.

    Here is a Website we designed for JAVA PURA, a specialty coffee roasting company in Houston, Texas.

    http://javapura.com

    1
  104. 152

    Kristine Lasam

    June 5, 2013 1:12 pm

    Love this, but love this website even more!

    http://www.publiccafeme.com/

    It is a local coffee shop, newly-launched in Dubai–and their website is a representation of how good they are as a concept coffee shop. :) Hope you’ll like it too!

    0

↑ Back to top