'Design' Archives

Yes, It’s Shameless Self-Promotion

Who’s Who?

What do BBDO, New York; Disney, Paris; Greenpeace; the BBC; and Brainstorm all have in common? Each won a Best in Show Award from the 2008 W3 Awards, a global competition for website and online content designers, creators, and promoters, judged by the International Academy of Visual Arts.

“In a competition pitting over 3,000 competitors, including Fortune 500 companies and international marketing agencies, we’re pleased to finish in the top 1 percent,” said Brainstorm’s president, Bob Blass.

What’s What?

Brainstorm also won a Gold Award for Visual Appeal for the site, Camino a la Universidad (The Road to College). The site brings interactive life to a research report on Latino’s post-secondary access and success by University of Texas at San Antonio professor Dr. Raymond Padilla.

“Brainstorm created a beautiful, culturally relevant, sharable way to interact with decades of research data without diminishing its depth and substance,” said Teresa Detrich of the Lumina Foundation, sponsor of the research and website.

This is Brainstorm’s third W3 Award, including a Silver Award in 2007 for a website promoting Community Health Network’s North Hospital.

Share/Save/Bookmark

Pumped for Information

“Enter zip code.”

First Impressions

Low on fuel and on a tight schedule, I pulled into a BP-fueled truck stop. Grimy housings, hand-scrawled, duct-taped instructions, greasy LCD screens and several “out of order” signs indicated that this wasn’t your typical BP.

My instincts told me to take my business elsewhere but my fuel gauge and my watch spurred me on.

Imposing Impressions

I inserted my credit card into the slot and after a long delay—as if awakened from a deep, sleepy dial-up—the screen queried, “Credit or Debit?” I punched “Credit” and, after another delay, got “Car Wash Y/N?” I scanned the keypad and hit “N.” At last the computer processed my input and responded “Enter zip code.”

Zip code? This zip code? Certainly not. My business zip code? My home zip code? And why? ID verification? Demographic purposes? Requiring personal data mid-transaction calls for a friendly explanation. Something beyond “Enter zip code.”

Perturbed, I punched in my home zip code. Time passed, “Authorizing…” At long last the pump offered up its final decree: “Card error.” Now invested and thinking I’d erred in supplying my home zip code, I repeated the entire process, entering my business zip code—to no avail, “Card error” again.

Lasting Impressions

I returned to my car, cold, irritated, and still in need of fuel, wondering exactly what “Card error” meant. And why zip code was the last query in my customer experience, not the first. Several exits later I filled my tank at a competitor’s pump using the same credit card.

So what did BP gain from this customer interaction? They realized no sale, no add-on sale and, by association with the truck stop, a less than positive brand impression with a potential customer.

Acquiring customer data and positioning yourself for additional sales opportunities is smart business, but never at the expense of your customers’ experience. In today’s convenience-oriented, competitive business climate, place a premium on your customers’ time and expectations. From housekeeping to user interface design, put customer needs and desires ahead of your own. That’s front line branding.

[ image: ifranz ]

Share/Save/Bookmark

Very Targeted

The Spork of Tomorrow,
Here Today

The Forgotten Spoon

A recent visit to the deli counter at Target yielded an interesting consumer experience brand extension. It’s a small detail, yet answers a very basic quandary.

Ever leave a deli or carry out without a utensil with which to eat? Enter this little innovation.

Forget Finger Food

The lid of the food container has a small thermoformed cavity that’s roughly the shape of the head of a spoon. In this cavity is a “folded” spoon with a living hinge and a snap-fit tab that transforms it into a fully functional utensil roughly 2/3 the length of a normal plasticware spoon.

Putting a Finger on Innovation

A need was identified and with some simple ingenuity a smart solution was borne. While it won’t change the world, it is genius.

[ image: illig ]

Share/Save/Bookmark

A Soft Spot for a Sorapot

Sorapot Teapot

Here’s a Little Teapot,
Short and Stout

Unpacking a Fluid Design

The Sorapot teapot and its package design are a juxtaposition of contrasting design elements and sustainable sensitivity.

From recycled and recyclable packing materials to the Sorapot’s stainless steel and cylindrical glass form, every detail is steeped in considered appropriateness.

Soraspot Teapot Packaging

Timeless Impermanence

The Sorapot package benefits aesthetically from naturally imperfect corrugate patterns and earthen hues. Natural materials such as jute and recycled paper ensure its biodegradable impermanence. The molded pulp composition of the package provides a sturdy yet forgiving structure that is stout enough to function as a nested shipper and attractive enough to present well at retail.

Sorapot brewed

Steely Style; Sensual Steep

Edgy enough for a metropolitan home, soothing enough for a meditative retreat, the Sorapot delivers a more responsible and experiential design than its competition.

For more, visit the Sorapot site.

Share/Save/Bookmark

And What Will Become of
Our Package Design?

XM Bubble

With this week’s Sirius-XM
merger approval, we take a nostalgic look back at our XM packaging experience.

About the Project

Packaging is a part of modern life. This article, an insight into the design of a consumer package for satellite radio provider XM, includes many aspects of a typical package development process. In the interest of time, we’ll skip research, diagnostic and technical methodology phases and concentrate on the basic iterative process steps in this article.

Contracted as a co-branded piece with equipment manufacturer, Delphi, the XM package is designed to contain a variety of product configurations while meeting the requirements of multiple retailers.

XM Thumbnail small

Thumbnails
(above: click for larger view)

The first stage of the package design process is broad idea generation with an eye toward reasonable possibility through the use of quick sketches called thumbnails—essentially a Brainstorm session on paper.

Even in this early ideation phase, function and manufacturing objectives established in earlier logistic explorations are at the forefront of the design rationale.

A plump and friendly ovate design—suitable for both pegged and stand-alone shelf display—captured the team’s attention. It features an interchangeable outer shroud designed to accommodate variable messaging and XM product differentiation.

Roughs Small

Rough Refinements
(above: click for larger view)

Of the 32 initial thumbnails, five are selected for tighter “rough? conceptual sketches. The rough design stage serves several purposes. Roughs allow the customer to collaborate in a conceptual dialog with both Brainstorm and their own internal team.

In addition, roughs allow the design team to further reconcile a host of issues—from substrate selection to detail and aesthetic considerations. Increasingly the form is discussed with a heightened sensitivity to relative manufacturing requirements and capabilities.

Although computer-generated designs are great for visualization, introducing them too early in the development process can consume allotted resources and generate fewer options. Furthermore, their finished look can ignite concerns about exhausting budgets without the benefit of conceptual buy-in.

DCD small view

Design Control Drawings (DCD)
(above: click for larger view)

DCD drawings are to final fit and finish what roughs are to concepts. In this case, the forms are expressed as orthographic projections, i.e., front, right side and plan (top) views.

The primary intent of this phase is to convey relative proportions and relationships between forms within the package, i.e., to “control? the design. A rough and wispy hand drawn line could mean anything to a packaging engineer. Conversely, detailed and dimensioned schematics begin to define a working reality.

Of course, many issues were addressed during the XM DCD phase: Drop test considerations, proper cavity allowance for nested accessories, marrying the outer shroud with the stand-alone clamshell, substrate selection and opacity levels, inherent multi-part clamshell tooling considerations, etc.

Rapid Prototyped 3D Model
(above)

Project participants hailed from several continents. So, to help bridge geographic and language-based barriers, we produced a quick 3D model based on data and dimensioning extrapolated from the vector-based DCD drawings. The model proved a useful discussion tool in describing general functions of the package.

XM Satellite package graphics

Aesthetic and Messaging
(above: click for more initial design examples)

Although this article primarily explores the physical form development of a package, the aesthetic process is important enough to warrant an article of its own.

Some aspects of messaging development begin as early as the thumbnail stage. However, on many levels, full graphic exploration doesn’t begin until a form factor direction is set. At retail, messaging and brand continuity are crucial.

XM Finished on black small

A Finished Package
(above: click for larger view)

Although concessions were made along the way, the completed two-part package is remarkably similar to the original concept design in form and function.

Click here for more about Brainstorm.

Share/Save/Bookmark

Subscribe

Subscribe to .think
just enter your email address

LatestTHOUGHTS

Brainstorm Featured

in Step Inside Design’s recently released, 2008 Best of Web Annual for the design and development of Lumina Foundation for Education’s Camino a la Universidad site.

.THINK now listed on Alltop.com

under Branding. Grouped by topic, Alltop aggregates stories from “all the top” sites across the web (that’s their story and we’re sticking to it). View our .think listing, here: branding.alltop.

RapidoStart (Mac)

Here’s a free Mac app allowing you to call up, via customized abbreviations, any text string you copy and paste frequently. Best of all the text is placed pre-formatted - returns, bullets and all. It’s become a staple here at Brainstorm. You can download your own at app4mac.

PimpMyNews

If you can get past the vapid brand identity and UI, PimpMyNews, the talking social news site, is an interesting concept. The site will read your RSS feeds to you over your mp3 player, iPhone, etc. or computer.
[via: PR-Squared]

The iPlanet

NPI’s personal cosmos transport. Like Ray Bradbury’s Dandelion Wine Happiness Machine, the iPlanet, a holiday product parody, promises a “thoroughly self-absorbed social media experience.”

Twitter Unseat Email?

Robert Scoble explores the notion in this BusinessWeek piece re: the running debate over where we’re headed with aging, albeit ubiquitous, email paradigms versus spam-free Tweets.
[via: Scobleizer]

Track the Hive’s Buzz

Aggregate the aggregators at Popurls.com—simultaneously follow the most current posts from all the top sites like Digg, Newsvine, YouTube and Flickr. Or, “find your favorite thing,” over at Buzzfeed.

Fountain

Peter Bruhn’s Swedish type foundry is preparing a new freshet of fonts to flow forth and flourish among us—according to Typographi and Bruhn himself.
[via: Sheer Brick]

Design by Metaphor

A word from A List Apart about design based on simile.

Master’s Color Palettes

Looking for a digital color scheme that will last the ages? Colour Lovers explores masters inspired color schemes.

Visualizing Volumes

Can’t see how your two soda bottles a day are impacting the environment? Chris Jordan’s images will help you visualize it. View his amazing statistical depictions at Running the Numbers, An American Self-Portrait.

Steve Jobs Unveils the Apple iRack

Regardless of your geopolitical views you’ll likely appreciate the satirical humor of this product parody sketch run amok.

Qbesq

Okay this would just be a goofy flash-based Spirograph-esque toy if it didn’t generate downloadable .svg (Scalable Vector Graphic) files—which it does. Pattern enthusiasts, meet Qbesq.

Those Funny Googlers

Here’s Google’s take on the phrase, “Across the pond.” Visit Google Maps, enter New York to London in the search field, scroll to step #24.

Tip: Reducing Firefox Memory Usage

How to reduce Firefox from a memory hog to a piglet. Caught this Firefox usage tip over on Ade Olonoh’s blog (see comments).

CSS Developments

If you’re a developer or just interested in CSS, check out this article entitled, #IEroot — Targeting IE Using Conditional Comments and Just One Stylesheet,” over on the PIE site.

The History of Branding

An iconic-rich, one-click site on how hundreds of the planet’s most noteworthy brands came to be. Updated daily.

The Hexafluoride Float

From the Bonn Physikshow—A lesson on YouTube regarding the denser than air properties of hexafluoride (likely sulphur hexafluoride) gas.

Worst Website Design, Ever?

Enter at your own risk. A proof of concept that design does matter. Havenworks.com hailed on Digg recently as perhaps, “…the most poorly designed website in the world!”

50 Essential Bookmarks

Originally published in Communication Arts November Design Annual 2006, here’s their list of 50 essential bookmarks. Conspicuously missing, sites such as Delicious, Technorati and Lifehacker.

Greetings Earthling

Sure to appeal to the megalomaniacal extraterrestrial in all of us. World, meet geoGreetings. When you care enough to send a satellite image.

A Modern Medium

An interactive glimpse into the the random and spontaneous feedback Jackson Pollock once realized in his medium—sans the clean up.

Impressive Product

Pressed toast with panache. From the, “Table Manners Collection,” Delfts Toast Pan by Minale Maeda. As seen on “ohmygooshness.”

.think Flickr

Objects of interest, engaging designs, diagrams, downloadable visuals and any other imagery we felt worth sharing.