'Tools' 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.

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 ]

Is Twitter Down?

Tracking Twitter’s on again, off again status—in no uncertain terms. Lighthearted, yet useful. Visit the site here.

[ via: Steve Rubel ]

The B Series Part 5:
Offers and Incentives

Web 2.0 and Generation Me Summary Sheet CoverWeb 2.0 and Generation Me download, one of three B Series offers

Knowledge leads to action. Give them the gift of useful and relevant knowledge, and in return they will give you brand loyalty and word-of-mouth.

—Eran Livneh, Marketingprofs.com

Show, and Tell

The B Series awareness campaign was designed to introduce Brainstorm’s strategic branding, design, and interactive media capabilities to a select group of marketing executives who were not familiar with our company. As part of that introduction, we wanted to provide something of value to the recipients—incentives they might find useful—that would also demonstrate our expertise.

Three Offers

In our bid to connect with our audience we offered three items, an informational download about a specific demographic, a digital marketing reference chart, and a t-shirt.

B Relevant

Our first B Series offer was a summary sheet of our popular Web 2.0 and Generation Me presentation. The paper condenses the 2 hour presentation into a downloadable 12-page pdf (below).

Initially developed to assist our higher education clients understand how current high school and college-aged students think and communicate, we discovered many of our corporate clients wanted to better understand that demographic as well. Therefore, we felt the offer would be relevant and useful to members of the B Series audience.

DownloadWeb 2.0 and Generation Me | 524 KB .pdf

B Informed

Our second offer, The MediaSphere (below), is a tool we created to help marketers plan and develop an integrated communication strategy. The MediaSphere is a single source menu and glossary of both traditional and emerging channel options available to today’s marketers.

Our clients are using it as tool to develop initial marketing mix ideas, as a learning resource, for war room brainstorming, and even as a way to mitigate interdepartmental communication barriers.

DownloadThe MediaSphere | 1.1 MB .pdf

The MediaSphere oblique viewThe MediaSphere chart

B Clothed

If useful knowledge-based tools are the new black of incentives and offers, t-shirts are retro noir. Tactile, fun and useful, we offered a B brilliant t-shirt for completing a 3-minute post-campaign online survey. In this case the rationale behind the offer is clear and straightforward, less trust-building, more “Thank you!”

The shirt is purposely devoid of urls or any direct promotion of our firm. This group doesn’t represent existing customers or friends. They know where they got the shirt and we just want them to enjoy wearing it.

See the shirt design in The B Series Part 3: The Componentry article.

No Hidden Agendas

In B2B communications to C-level executives it’s important to respect the recipient’s time and focus on their needs. Dangling incentive carrots to obtain email opt-ins or artificially inflate response statistics is counterintuitive and may land you on SPAM blacklists.

Our Web 2.0 and MediaSphere pieces were offered without obligation simply to demonstrate our capabilities.

The Priority

The primary objective of the B Series was to create awareness. By offering our audience useful tools, we positioned ourselves as brand strategists here to serve and support, and established a foundation for trust. If recipients agree, they’ll opt-in—genuinely. It’s all about creating value, dialog and trust—not building stats for stats sake.

Useful tools and educational materials are a great way to connect and communicate information about your company. Consider putting your audience first and they may just reciprocate.

Up Next

The B Series Part 6: The Metrics

To read previous installments in this series click on one of the links below or “B Series” under topics:

The B Series Part 1: Awareness Overview
The B Series Part 2: Strategic Design & Messaging
The B Series Part 3: The Componentry
The B Series Part 4: Personalization

What Language Looks Like:
A Moving Picture



Typography is what language looks like.

- Ellen Lupton

A Typography Primer

If you like things spelled out for you, you’ll enjoy Typography, a visual primer that defines the genre and explores the high points of all things typographic in under 2 minutes (1:47).

The short, with narration befitting a 1950’s educational film, was created by Vancouver Film School (VFS) students Ryan Uhrich and Marcos Ceravolo through the VFS 3D Animation & Visual Effects program.

Campy, but good.

[via: Debbie Millman]

More Thought

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

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