WebsiteDesign
30.8K views | +1 today
Follow
WebsiteDesign
Welcome to our sharing page on website design
Your new post is loading...
Rescooped by Brian Yanish - MarketingHits.com from Design Revolution
Scoop.it!

15+ Awesome Food Web Designs & One BIG Mistake Your Design Can Learn From

15+ Awesome Food Web Designs & One BIG Mistake Your Design Can Learn From | WebsiteDesign | Scoop.it

Marty Note
Food Websites are great places to learn key elements of web design such as:

* Sensual and romantic images.
* Great mouth watering headlines.
* Visual marketing storytelling.

I like http://www.whitmansnyc.com/ and Soup Peddler. Whitmans BRANDS a hamburger beautifully. Food is HARD to shoot. Food can easily look TERRIBLE in a picture especially a picture with limited web resolution. Whitmans solves that problem creatively with a thin transparent layer between us and the burger. Well done!

Soup Peddler, in the example shown, is the ONLY site that includes PEOPLE. Foodies have "widget-itis" worse than techies. Widget don't sell as well as PEOPLE.

The SINGLE possible exception to that rule might be a foodie site, the one in 10M foodie sites that creates INCLUSION with their food. Whitman's is close since a hamburger is a universal thing, but the site remains a tad sterile due to lack of community.

If you scroll down below Whatman's hero you will see another pet peeve. WHY do web designers EVER let someone show an interior image WITHOUT PEOPLE.

Yes the lines are clean and the emptiness is sort of beautiful, but think about the NONVERBAL communication sent by an empty room. How long do you stay in an empty room when there is a party going on next door?

Food Heroes
So, foodie sites need people. There are several ways I would work people into the equation so the story being  told feels more inclusive and fun:

* Chef as Hero.
* People with SMILES looking UP at chef or waitstaff.
* Fan as hero (with story).

Food heroes (largest image on the page = hero) need to be QUIET and CONFIDENT. Too much NOISE or any WEAKNESS and we don't trust a website (or eat their food).

The CHEF is a hero that WORKS for any restaurant. Seeing Wolfgang Puck creates a brand. Seeing a chef wearing whites with a slightly stained towel over his (or her) shoulder says, "My food is so amazing you haven't LIVED until you've eaten here".

Instead of EMPTY rooms the picture is smiling, well dressed people looking up at the Chef or waitstaff listening in rapt attention. Better if dishes are gone b/c signals meal is over and everyone is still smiling (a tacit endorsement).

DON'T STAGE THIS PHOTO. Shoot it when a group is in for dinner (with permission and releases). Share the event and caption the photo. NEVER stage actors in food websites. Canned art + food says NO TRUST and DANGEROUS.

If your fans are MODEL good looking TELL THE STORY of the event that prompted the picture. What was being celebrated, shared or discussed. If the group is a nonprofit your restaurant supports MORE THE BETTER as you can tell 2 stories in one (risky but worth it).

Finally, you can feature a fan in your hero, BUT same "no canned or artificial" photos here either. ALSO, click me through to a page of pictures of other fans and stories (why they wanted to share their picture and story about FOOD i.e. make sure people know they aren't related :).

Food is SO individual, what I like and what you like can be very different, so think about the 5 stories you need to tell that "star" your content (i.e. tells the stories that cover the rainbow of your food's tribes).


One story shares love of sauces and sweet. Another story tells the visual romance story. Another might discuss meeting the chef and getting to know the "people behind the scenes".


Sharing different and strategically savvy stories creates the "like me" connection with the different tribes your food, restaurant and content should attract. Every restaurant has a passion. Share that passion.

Also share the reception the food creates, the passion others have for the food. Tell those stories in those ways and your foodie (or other) website wins hearts, minds and loyalty.



Via Martin (Marty) Smith
more...
Rescooped by Brian Yanish - MarketingHits.com from visualizing social media
Scoop.it!

10 Tips To Build A Responsive Website [Infographic]

10 Tips To Build A Responsive Website [Infographic] | WebsiteDesign | Scoop.it

Want your website to look great on smartphones, tablets, PCs and even TVs? Learn how to go fully responsive.


The Web and the mobile browsers remain one of the top ways that users interact with websites and if they have trouble on their smartphone, there is a good chance they are not coming back.

That’s where responsive design can help.

Responsive design is a concept where you build your website once and then format it so it can adapt to any screen size that accesses it. Designers use HTML5 and CSS to build the sites and set parameters so the content will resize itself whether the user is in vertical or horizontal viewing mode, on a tablet, desktop or smartphone or even a screen as large as a television...


Via Lauren Moss
more...
Filipe MS Bento's curator insight, April 18, 2013 10:30 AM

Excelent infografic (as graphic as you can get!):

Susan Myburgh's curator insight, April 18, 2013 6:09 PM

Wonderful - clear and brief.

Cori Zuppo's curator insight, April 21, 2013 9:23 PM

Right on!

Scooped by Brian Yanish - MarketingHits.com
Scoop.it!

Most Popular WordPress Plugins [Infographic]

Most Popular WordPress Plugins [Infographic] | WebsiteDesign | Scoop.it
more...
No comment yet.
Scooped by Brian Yanish - MarketingHits.com
Scoop.it!

9 Best Practices for Creating Landing Pages that Convert

9 Best Practices for Creating Landing Pages that Convert | WebsiteDesign | Scoop.it

Landing pages are a great tool for getting prospective customers to act upon unique marketing campaigns via a clear call to action—whether that means filling out an online form, signing up for a free-trial, or actually making a purchase. In addition, landing pages enable marketers to easily track the effectiveness of individual marketing campaigns through the measurement of click-through-rates and numbers of acquired leads or customers.
Landing pages have two goals:

  • Drive prospects to the page, and
  • Get prospects to take action once there.


Here are 9 ways to optimizing the conversion performance of your landing pages.

more...
No comment yet.
Scooped by Brian Yanish - MarketingHits.com
Scoop.it!

Web Designer’s Arsenal: a Collection of Free Useful Websites

Web Designer’s Arsenal: a Collection of Free Useful Websites | WebsiteDesign | Scoop.it


A designers are always lacking materials to create a design. Even if time is running out, it’s better to exceed the deadline than do the bad job. The musician has musical instruments to give the world to hear the sounds that play in his head; an artist has a brush, paint and easel to paint a picture that he has in mind, but what about the web designer? A designer has a set of favourite websites with free useful stuff in his bookmarks.


This web designer’s arsenal helps him to win a fight with hard-to-pleased clients and implement all the amazing ideas in order to create a truly great design.


Today I’m going to share with you a collection of free useful websites from my own bookmarks. Of course, I often use a Google search to find some stuff i need. However, why can’t you go to the particular website and know that you will find needed things there for sure. Today’s collection is not just ordinary freebies. To be honest, I spent a lot of time to collect all those websites and all of them have helped me to create really good design at one time. So, take a look at them, choose and download. 


Web Designer’s Arsenal: a Collection of Free Useful Websites

more...
Patrick Tay's curator insight, January 13, 2013 6:28 AM

Free online tools!