'Industrial Design' Archives

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.

WIRED Wright

WIRED LivingHome Smart Home

“…a showcase of the best in sustainability,
technology and design.”

Living Wright

WIRED and LivingHomes magazine produced the WIRED Home, what they call “…a showcase of the best in sustainability, technology and design.”

Constructed in-factory and erected in an upscale area of Los Angeles in just two and a half days, the home represents a convergence of aesthetic and eco-awareness.

WIRED’s Smart Home harkens back to Frank Lloyd Wright’s Usonian concepts and organic design principles - with added technological advancements. One hundred years later, as oil prices and conservation become a global focus, we’re sure Wright would approve.

For details on the home here’s a link to the original WIRED article entitled WIRED Home by LivingHomes.

[image: klaxon]

Transparent House:
Inventive Envisioneers

Concrete Floor

Drawing Warmth
from the Cold of Concrete

Envisioneers

Transparent House, a San Francisco-based 3D design and visualization studio, allows clients to visually model end products long before committing them to finished processes.

Often, clients know what they want but can’t really envision it, much less articulate that vision to a vendor. The real value-add of Transparent House is not in delivering finished goods but in delivering that articulated vision.

And so it is with their variation on the concrete slab, transforming a cold commodity into warmth and art.

Etched White Concrete Floor

Inventive Allusion

Transparent House didn’t invent nor do they provide concrete etching. Their end product—three-dimensional modeling—allows them to package such concepts as something new and valuable. It helps customers envision new possibilities and unexpected applications through the illusion of reality.

Now that’s resourceful and inventive use of available marketing resources. A core benefit lesson for any brand marketer.

[via: Designspotter]

Visualize a Customizable
Health Drink

Vessel
Vessel conceptual product rendering

Strong Concept + Strong Visualization

Creating a Personalized Beverage

According to their tagline, The Greener Grass.org is “Collaborating to design a better future.” With that and your health in mind, they created the Vessel concept, a system of components and options that would allow you to customize a drink to fit your personal tastes as well as your health and lifestyle needs.

With these three main bases and countless options, it’s about as far removed from today’s mainstream beverage model as you can get.

Bases: Nutrients to fit your lifestyle and demographic needs such as iron and calcium for women, or zinc and saw palmetto for men.

Flavors: Organic extracts to sate your specific tastebuds—everything from chocolate to wheatgrass, mango to mocha, or any imaginable combination in between.

Agents: Active ingredients like vitamins, minerals, and energy boosters for functional benefits—you name it, proteins or taurine, caffeine or ginseng—whatever you need.

The concept includes a reusable Vessel Lexan™ container strategically designed for optimum ingredient agitation.

Making the Concept Count

Programmatic design, packaging and convenience count in brand marketing. Whether or not the Vessel line ever comes to fruition, the concept is far more believable and supportable when visualized as a fully-branded product rendering.

Strong concepts become real through strong visualization.

Second Life: Real Life
Engineering Simulator

UCI Irvine computer scientist Crista Lopes turned to Second Life in developing her rapid transit software called Skytran when access to real life high-end simulation technology proved prohibitive. Read the full Orange County article here.

[ via: Mal Burns ]

More Thought

.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.”

Other Thoughts

Items we find compelling, of late.

Our latest top 20 list of inane musings from the Brainstorm office white board: Top 20 Thoughts on What No.15 Means

(at right)

.think Flickr

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

Top 20 Top 20 Things to do (we did)
on the 4th of July

  1. Enjoy an apple pie in a Chevrolet…or a nutrition bar in a Smart Car
  2. Wax my upper lip
  3. Overdose on televised sports
  4. See Wall-E
  5. Midnight Parade – Anderson
  6. Read the Declaration of Independence (first part anyway)
  7. Blow off steam, or digits
  8. Enjoy the neighbors’ fireworks, late at night, for weeks
  9. Populate FunctionFox
  10. Rest my dogs
  11. Wax the car
  12. Wax nostalgic
  13. Watch fireworks…Just a thought
  14. Groove to the sounds of Baghdad (try Quantum Sonic Orchestra…or the Bamboos–nostalgia circa 1977)
  15. Fret all night that Homeland Security doesn’t run a keyword analysis and cough up #16
  16. “Celebrate the independence of your nation by blowing up a small part of it”
  17. Grill some burgers & dogs cats
  18. Hope it doesn’t rain cats, burgers and dogs
  19. Grill the Burgher – and his dog – get to the bottom of this “independence”
  20. Join the kids in the bike parade
  21. Celebrate with the Katzenbergers
  22. See the entire board