Design

posted 02/16/08 by Rick Webb

Design. Graphic Design. Shaken, not stirred. We get asked about design a lot. I suppose that’s only fair, we pay a lot of attention to it, and we work hard to have the best and most appropriate design for the challenge at hand.
The best and most appropriate. That’s an interesting challenge sometimes. The internet is a pretty heady place. And there’s a lot of DIY stuff going on. There’s an ethos and aesthetic of lo fi. Of messy. Of a twelve year old photoshopping the head of his cat onto Trent Reznor. Sometimes we need to mimick this. Sometimes we need to make design that is notably un-designed. The chicken, of course, was an example of this.
Design and marketing have a very intertwined relationship. They’re even more intertwined when you think of Branding, and the rules strict branding has saddled marketing with – the logo must always be this size, this color, in this place, with this much free space. The tagline should always be on there. We must use these colors.
The nature between design, marketing and branding is changing. We’re tempted to say it’s collapsing. Design is a tool, but one whose primary use has, perhaps, been forgotten: to connect and serve the end user. Branding, and the strictures it places on design, are, perhaps, in conflict with this. Is the internet causing this? Perhaps, but more likely, it’s just bringing it out in the open. The users are talking back. They’re responding to designs they like, even if they are not our idea of good desingn. They like things, sometimes, that aren’t designed well. Just like they like the Moldy Peaches.
Of course, the converse is as true as ever. Good design works. Good design sells. Ask Steve Jobs. It’s a challenge knowing when this is true, and when something is overly-designed for the market. The iPhone works. The Vertu? Not so much. (ed: the what? rick: exactly).
So, then, the best and most appropriate. Designing down. Designing up. When and where. And then, after figuring that out, doing it as well as possible. Designing down, as well as possible, we admit, can be a lot of fun sometimes (check out the XPJS site for Gametap). Designing up, for us, just like every other design studio of notable quality, is a never-ending enterprise. We’ve been wrestling a lot with how to further enhance our process to ensure those things that need to be well-designed are as perfect as possible. It’s a never-ending quest. One of the things we’ve noticed: by letting our employees pursue both designing up, and designing down, they get better. Mix up the work. Mix up the tasks. Give them room to spread their wings in both directions.

Here are some recent posts from our employees about Design:

Some choice quotes from 'Mobile First'

“Design is the process of gradually applying constraints until an elegant solution remains. In other words, embracing constraints (rather than fighting them) will ultimately get you to better designs.”

Pepsi NEXT's Internet Taste Test, The Aftermath

As we’re sure you can guess – the team has been pretty busy over the past few weeks flying out to LA, working with editors and Funny or Die to complete our latest project: Pepsi NEXT’s Internet Taste Test.
Between three shoots out in LA, endless hours editing and uploading, the team pulled together over 480 videos of our Funny or Die improv actors trying out Pepsi Next for readers like you. 
We’re all finally back to normal, caught up on sleep and looking back as to how awesome this really was. We thought it’d be fun to share with you some of the results as well as some pictures and fun facts about the campaign we really loved. Enjoy!!
  • 480: Total videos shot
  • 160: Average number of videos shot over 3 days
  • 4: Sound stages used at one time
  • 237: Wigs and props used to create the characters
  • 3 1/2: Bearded Creative Directors from TBG (We’re counting Benjamin as he was traveling)
  • 20: Improvisors on set each day being hilarious
  • 1500: Approximate number of Pepsi NEXT cans opened on set
  • 1,500,000: Current views of the Rob Riggle Funny or Die video – an impressive statistic as branded content similar to this has never performed this well, earning “Immortal” status. 
  • 1: Dark Samurai caught on camera
  • 11: Improv actors filmed without their shirts on
  • Top media placements who wrote about us: Mashable, ClickZ, Brandchannel, Adweek, Adrants and Huffington Post
  • Top influencers joined the campaign early on: Greg Clayman from The Daily, Jonah Peretti from BuzzFeed, Funny or Die CEO Dick Glover, Webby Awards President David-Michel Davies and popular entrepreneur Gary Vaynerchuk
  • Ranked among the top 10 sassiest brands in social by Mashable
Now on with our favorites:








Pepsi NEXT Launches the World's First Internet Taste Test

We’re super excited to announce today the launch of a project we’ve been working on with Pepsi’s newest product: Pepsi NEXT, a cola with real cola taste and 60% less sugar.
Everyone should head over to Facebook.com/PepsiNEXT to participate in the world’s first Internet Taste Test proving the product premise, “Drink It To Believe It.” By clicking through you are entered for the chance for noted LA improv actors do their best impression of you trying Pepsi NEXT for the first time, using information from your Facebook profile.
The Barbarian Group, in partnership with our friends over at Funny or Die, produced the real-time campaign that features Rob Riggle, with humorous (and sanctioned) impressions of notable pop culture figures like Internet mogul Gary Vaynerchuk, BuzzFeed CEO Jonah Peretti and a favorite internet meme here at TBG, Scumbag Steve.
The team here is so excited about this launch as it’s an example of how a big digital creative concept, rooted in social media, can launch a new brand to the masses. It’s a highly ambitious idea that, at its core, depends on spontaneous, on-set invention and large-scale video production in near real time.
We’re excited that Pepsi NEXT came on this wild ride with us.
It’s Gonna Be Awesome.


Vitamin T Digital Career Infographic

The life of a digital creative is no walk in the park. Cranky clients, fire-breathing creative directors, and the occasional warping from design work to development (with a side trip into content delivery); these are just a few of the everyday trials and pitfalls of the industry. After a while, the whole thing can start to feel surreal, almost like a video game.
We wouldn’t be video game connoisseurs worth our Triforce if we didn’t do something to try and help. So along with our friends at Vitamin T, we’ve provided a walkthrough to help put the world of a digital creative into perspective.
It’s everything you’ll need to help navigate the careers and skill sets across design, development and content delivery. It is important to begin with a character that will maximize your talents, because even though you may end up knee-deep in code eventually, attacking development with the wrong skills at the wrong time can be an intense challenge. But don’t worry. There are infinite possibilities to explore, and a few odd secrets, as well.

Principles of interaction design: #6 Don't be a dick

I recently spent the weekend with some friends whose teenage daughter has lost all but a shred of her vision. It is very likely that eventually she will be totally blind. I was amazed to see how well she adapts to a sighted world but still couldn’t help but reflect on the designs I create and wonder whether she can experience them fully.
Around the time of the last internet boom, bubble and burst the discussions I remember weren’t about web standards, but web accessibility. Flash was extremely popular but because it was a plugin that didn’t expose it’s code structure to the browser, screen readers for the blind couldn’t make any sense of it. As far as they were concerned a Flash object was no different than a single static image.
Today I am shocked to find that many of the younger designers I talk to aren’t aware that the ‘alt’ tag assigned to images in HTML was created so that screen readers could describe the image to vision impaired users. It seems to be thought of as another place to add marketing. A branded opportunity for when the mouse hovers an image.
Now in the wake of CSS3, HTML5, and closer browser alignment to standards the notion of ‘responsive web design’ seems to be the discussion of choice. I’ve even blogged about it. Responsive design is a great thing as it brings accessibility issues to the forefront. Specifically the accessibility of smaller screens, but combined with the latest coding practices the environment for visually or auditory impaired users is now at it’s greatest.
As interaction designers, coders, and creatives we need to be aware of everyone who may want to use our designs. We need to consider smaller screens, the elderly who rely on hearing devices, and a blind teenager who one day wants to be a writer and ask ourselves, is this design good enough for them? Am I being a dick?
Don’t be a dick.

The principles of interaction design: #2 Trick People

#2 Trick People
Technology isn’t perfect. A lot of times it’s slow, annoyingly slow and equally annoying are impatient users. They quickly become distracted and press the back button or switch to some other task. Sometimes there are technical ways to make things faster, like reducing images on a page or reducing the number of items returned by a search. Other times it’s not enough to just reduce and that is when the principle of tricking people comes into play.
Remember that people are easily distracted and use it to your favor. Remember that first principle: Patterns and Prediction. To apply that here, predict when users expect instant results and manage them with distractions. If you know that something is going to take more than half a second to react, design a trick. This can be as simple as a unique click-state on a button, like a drop-down closing in stages or as complex as a mini-game to play while content loads in the background.

Mindful Consumption

These entrepreneurs, designers and artists are changing the status quo. They’re not over-thinking, they’re relying on their own instincts and volition to benefit the greater good. They are just doing. And doing so with a purpose. And consumers are beginning to connect with that purpose. Thoughtful ideation, design and production is moving consumers toward more mindful and meaningful consumption.

Kashi, Seven Whole Grains on a Mission

Like us, you’ve probably heard those words before. Did you ever wonder what “Seven Whole Grains on a Mission” really means? What are these seven whole grains? What’s the mission? Can grains even go on a mission?
In 2009, Kashi asked us to create an immersive and engaging experience to tell their 7WGOAM story—what these grains are, how they work together, and introduce their grain sourcing map, where you can see where their grains are grown. Along with doing all of these things, this experience also had to express the spirit of Kashi and its people. It took us a couple of years, but we’re very happy and proud to announce that we’ve finally launched Seven Whole Grains on a Mission.
We think it does everything it’s supposed to do, with a little smidge of TLC thrown in.