April is Sexual Assault Awareness Month.

Titanium sheets and additional aluminum deflect or block road debris, better protecting the lithium ion battery in the Model S.

This morning Tesla’s CEO, Elon Musk, announced that, in response to three vehicle fires last year, Tesla is adding additional shielding to the undercarriage of its Model S electric car. Two of the fires started after the cars ran into objects in the road, damaging the lithium ion battery. The last occurred when the driver ran into a concrete wall going 110 miles per hour, Musk said.

Web tableaus — photographed scenes of work environments — are a popular web design trend right now.

I came across the term from Frank Chimero’s blog post about the subject, and it was the first time I’ve seen the web tableau trend analyzed.

I thought I’d put together a showcase of websites that use web tableaus for you.

Examples of Web Tableaus

Here are a few sites that use web tableaus:

Grovemade

Squarespace Stories

Littlelines

The Prince Ink Company

The Brand Bat

Eva Black Design

Sickdesigner.com

Doris Research

BJÖRN MEIER

Little

Olly Sorsby Design Co.

Munchery

Why Use Web Tableaus?

Every single thing a web designer does should be meaningful. Design decisions must meet an objective besides achieving great aesthetics.

Here are a couple of reasons for using web tableaus in your designs:

To Show How Your Product Works

When we initially stumble upon a new digital product (like a mobile app) that we’ve never seen before, it’s hard to envision how it could possibly work for us and how it could fit into our lives.

And for developers of digital products, it’s extremely challenging to explain how useful their product is when people can’t touch it or immediately experience its benefits.

Web tableaus are practical visuals for demonstrating a product’s utility.

For example, let’s look at Wallmob’s web tableau.

Wallmob is a networked point-of-sale application. That’s not very sexy, is it? And how does it work?

The scene of a person holding a mobile tablet with the Wallmob app up on the device’s screen is a very informative visual.

It gives potential users of the software an idea of what Wallmob can provide them: A portable point-of-sale system that has a user-friendly interface that runs on existing touchscreen mobile devices. No more dedicated and extremely expensive POS systems.

The picture is truly worth a thousand words. With just one photo, Wallmob is able to communicate the pain point the company is trying to solve.

To Keep It Real

By giving people a sneak peek of the place in which we craft our work, we’re able to humanize and add value to our products.

A good discussion point for this is Wootten — a company that creates handmade shoes and other leather products.

If you’re not familiar with the brand, just by looking at their merchandise, you wouldn’t be able to know or appreciate that real people painstakingly make all Wootten products.

But handcrafted, customized apparel is what makes Wootten different from the big, incumbent fashion brands that get their products mass-manufactured in some undisclosed factory.

How can Wootten articulate their uniqueness to their buyers?

Through a web tableau.

In the tableau, we see a craftsman with manual tools laboring on a workbench and the beginnings of a Wootten item.

This one scene was able to tell the brand’s entire story, and viewers end up having a better appreciation of the company’s products.

On his web tableaus post, Frank Chimero shares his thoughts on what web tableaus bring to the table — you should definitely read his post for more insights into this trend.

What do you think of web tableaus? What are other reasons for using them in web designs?

Related Content

• Excellent Examples of Using Photos in Web Design
• What Your Website’s Design Says About You
• Advanced Image Optimization Tricks
• Related categories: Showcase/Inspiration and Web Design

About the Author

Jacob Gube is the founder and editor-in-chief of Six Revisions. He’s a front-end web developer by profession. If you’d like to connect with him, head on over to the contact page or follow him on Twitter: @sixrevisions.

The post 14 Examples of Websites That Use Web Tableaus appeared first on Six Revisions.

One of the biggest problems designers have on the Web is combatting the sterility of the screen; as human beings we love organic, natural, even slightly random elements, but our computers give us precision.

If you can tap into that starved need for a real natural feel then you’ll make an emotional connection your customers won’t be able to resist. So we’re delighted that our sister-site, MightyDeals.com, has arranged a massive discount on Yellow Design studio’s Anodyne typeface.

Anodyne is a set of six fonts, all uppercase, with varying levels of distress, creating a sense of hand-printing, and that natural connection that’s so valued.

Imagine Anodyne burnt into the oak of a whiskey barrel, printed on a vintage style t-shirt, or gracing a hipster logo.

Anodyne is a masculine, outdoorsy kind of typeface, with the warmth to be comfortable in more domestic environs.

Included in the deal are six different styles; Anodyne, Anodyne Italic, Anodyne Combined, Anodyne Combined Italic, Anodyne Shadow and Anodyne Shadow Italic. Each alphabetic character comes with 4 distress variations, with the rest of the fonts’ glyphs having at least 2 variations each. Using opentype contextual alternatives is a great way to ensure that your design doesn’t look contrived.

Both desktop and webfont variations support a huge number of languages, including most European and several Asian languages.

Anodyne normally retails at $39, but for a limited timeyou can get all 6 fonts for just $9, that’s a 75% discount. Or, if you prefer you can get both desktop and webfont versions for just $15. What’s more, if you’re building an app, you can purchase the desktop and web versions along with a mobile app license for just $90. Head over to MightyDeals now to take advantage of this offer.

Learn from Usability Masters with Everyday UX – only $9!