WebsiteDesign
32.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 Must Design
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
Rescooped by Brian Yanish - MarketingHits.com from Must Design
Scoop.it!

Dr. Dre's Web Design Tips

Dr. Dre's Web Design Tips | WebsiteDesign | Scoop.it

Beats By Dre Web Design Lessons
A friend shared the impressive NEWSJACK Dr. Dre and his Internet markeing team pulled off last week. Beats By Dre (http://www.beatsbydre.com ) has some cool web design tricks to steal too such as:

* Consistent images across channels (the Richard Sherman image rode the crest of the wave created by his "controversial" statements after last Sunday's game).
* HUGE RED BUY NOW Call To Action on the home page.
* Hero moves but does so SLOWLY so it isn't jarring.
* They've programmed their Richard Sherman page so his picture matches to every style, something I bet the site does for all celebrity endorsements (cool and NEW).
* Their social buttons are a little low for my taste, but they are well labeled as the "Beats Army" and every major social net is there and they are robust and fresh on all social nets.
* I like how they handle the colors too via the small swatches.

All in all a great ecommerce site in support of one of the best NEWSJACKS I've seen (see my notes on Dr. Dre's multi-channel attack of the web here:   http://sco.lt/8bJiDJ


Via Martin (Marty) Smith
No comment yet.
Rescooped by Brian Yanish - MarketingHits.com from Must Design
Scoop.it!

Build Great SEO Friendly Mobile Websites

Build Great SEO Friendly Mobile Websites | WebsiteDesign | Scoop.it
15% of internet usage is done on a mobile device, and that's expected to climb to 20% by the end of 2013. Review the facts to build the best mobile site you can, whether it's a separate mobile site, a responsive site, or a combination of the two.

Via Martin (Marty) Smith
Martin (Marty) Smith's curator insight, October 6, 2013 2:58 PM

Great SEO Moz tips here about a tricky subject - how to build SEO friendly mobile websites.