Back to Home

Archive for the 'Design' Category

Communication Arts Design Annual Highlights Wine Packaging

Thursday, June 12th, 2008

Pushing five decades of excellence, Communication Arts is the preferred publication among Creatives searching for inspiration, information and award winning ideas. Every year, Communication Arts carefully selects the best of the best creative introduced throughout the passing year and presents it to the rest of the world in its single annuals. Currently, there are five individual annuals uniquely dedicated to advertising, design, illustration, photography and interactivity.

Frequenting the glossy pages of last year’s Design Annual No. 48 is the packaging of several wineries around the world. Listed below are the awarded companies.

To learn more about Communication Arts visit their website.

O’Leary Walker Wines
Visit their Website
Mark Lynch, Designer
Keith Smith, Creative Director
Damien Mackey, Production Artist
Nick Bungey, Project Manager
Perks Design Partners (Melbourne, Australia), Design Firm

White Fences Vineyard
Visit their Website
Cabell Harris, Art Director / Designer / Creative Director
Bill Westbrook, Writer
WORK Labs (Richmond, VA), Ad Agency

The Amazing Food Wine Company
Visit their Website
Peter Chun / Aline Kim, Art Directors
Connie Birdsail, Creative Director
Aline Kim, Illustrator
Kimberly Orton , Project Director
Lippincott (New York, NY) Design Firm

Miolo Wine Group
Visit their Website
Cristina Juchem / Luciane Zorzo, Designers
Luciane Zorzo, Creative Director
Zorzo Design Estratégico (Porto Alegre, Brazil), Design Firm

Jones of Washington Vineyards
Visit their Website
Dennis Clouse, Designer / Illustrator
Cyclone Design (Vashon, WA), Design Firm

Saké2me LLC
Visit their Website
Cody Dingle / Michael Osborne, Designers
Michael Osborne, Creative Director
Michael Osborne Design (San Francisco, CA), Design Firm

Southpaw Vineyard
Visit their Website
Matthew Remphrey, Designer / Creative Director / Writer
Parallax Design (Adelaide, Australia), Design Firm

Monster Vineyards
Visit their Website
Laurie Millotte, Graphic Designer
Bernie Hadley-Beauregard, Creative Director
Belle Mellor, Illustrator
Tim Brockholm, Production
Brandever (Vancouver, Canada) Design Firm

Communication Arts: Design Annual 48 November 2007. Pages 7, 13, 14, 20, 22.

Jennifer Cheng,

Posted in General, Design

Awaken the Creative Within

Wednesday, November 21st, 2007

Do you ever have days where you wake up to the sound of birds chirping outside of your bedroom window? You wake up feeling rejuvenated, refreshed and ready to start your day. Your ordinarily congested ’stop-and-go’ commute to work is reduced down to a cool cruisin’ fifteen minute ride.

When you get to work, the coffee has already been made and tastes just right - not too strong, not too sweet. It’s just the way you like it. When you get to your desk you notice that the usual stack of paperwork waiting on your chair isn’t there.

Throughout the day, you have a fountain of ideas - flowing seamlessly, one after another. You are like a jaguar. Sleek. Agile. Fast. Nothing can stand in your way.

Ahhhhh, if only every day could be like this. You can almost hear the resonance of Astrud Gilberto’s euphoric melody above your ringing phone.

But as they say “what goes up, must come down”.

Just as many of us have experienced days like these, we have also endured the opposite.

You are abruptly awakened by the dreaded pitch of your alarm. Your habitually long commute to work becomes even longer when you get stuck behind a semi that causes you to wait through three streetlight passes before actually being able to make your turn on a green.

Moreover, the coffee pot does not contain fresh, aromatic coffee. Rather, the remnants from last night’s final pot is stinking up the kitchen.

Worst of all, throughout the day - ALL DAY LONG - you’ve got Creative Block and can’t come up with any solid ideas.

As Charlie Brown would say:

For many of us in the creative field, this is a typical dilemma that comes up again and again. Before, (and not so long ago) I used to think that creativity was simply something you’ve either got or don’t got. Your ability to exert your creative skill was like a movement in nature - uncontrollable, unpredictable and at the mercy of a higher force.

But this was a passive assumption. It is true that it helps to be naturally gifted in your career field, or at least a convincing fit for your role. In the film “Mighty Aphrodite” Woody Allen references to this when he explains to Mira Sorvino that “Clint Eastwood doesn’t play a meek little hairdresser”. (Ideally, you are investing your time in a field where you have “some” natural competence.) However, creativity does not consist entirely of “raw” innate talent that you are either born with or not.

Creativity can be practiced, taught and learned. My first art director was the first to correct me on this. Whereas before, I felt that I could only move with the pace of my creative flow - which had its own erratic rhythm - I realized that the defeat of habit through originality is also a learned skill which requires practice and constant prodding.

All of this considered, I do have a laundry list of things I like to do when I feel myself getting stuck with Creative Block.

Maria Piscopo, from Communication Arts, states that creatives need to take time to recharge their batteries.

The Basics
First and foremost, make sure that you are taking care of your basic needs. How’s your diet? Are you well rested? Do you get enough sleep? Have you exercised lately? Taking care of your essential needs is critical in order to function at full speed. There’s no way you will be able to perform your best when the needle is pointing to “E.”

Aside from tending to the basics, I have acquired a few other tips from other creatives searching to breathe new life into their work.

Mood Enhancers
Not St. John’s Wort. Rather, are there special foods, drinks or music that you like to have on hand when you are brainstorming? Are you aware and sensitive to these idiosyncrasies? When I am feeling high anxiety, I break out my jazz albums and let Sarah Vaughn’s deep, soulful voice recalibrate my gears. I clear my mind and start over with a sharper, stronger focus.

Superstition
Like many athletes, some creatives have special traditions or rituals they will engage in when trying to achieve a certain goal. At a former agency I worked at, our copywriter would storm through the office pacing back and forth with a deep contemplative expression on his face as he tried to come up with headlines. When those perfect five words were slow coming, he would hide in his office and close the door where he claimed the **magic** happened. Never to disappoint, he always emerged from his **magic** feng shuied office with new and fresh ideas.

Novelty
“When you need new ideas, do new things.” Simple but effective advice. If you are looking for new ideas or inspiration, why not approach the situation from a different angle? If you continue to use the same method over and over and it does not yield the results you were hoping then maybe you should rethink your process.

Jennifer Cheng,

Posted in General, Design

Get Dressed for the Holidays

Monday, October 29th, 2007

As scary as it may seem, we are already in the thick of O-N-D - the busiest time of year for gifting as your customers are eagerly searching for the “just right” present for coworkers, friends and family.

Now is the time to buff up your marketing resources and take advantage of this lucrative season. Inertia is offering creative services to help “dress up” your websites and email ads for the holidays.
Below are a couple examples of clients who have already began their holiday campaigns.

Holiday Email Example:

Holiday Website Example:

Don’t get left behind this holiday season! Contact your client development manager today to learn more about how you can jazz up your marketing for the holidays.

Jennifer Cheng,

Posted in General, E-commerce, Marketing, Design

A Flash in the Pan

Friday, September 28th, 2007

A couple months ago I was cruising the Serramonte mall in Daly City when I spotted an iPod Vending Machine for the first time.

“Wow,” I thought to myself. “That’s so convenient. You can buy an iPod, bottle of Gatorade and pack of gum and be right on your way. You don’t even have to deal with an overly attentive salesperson breathing down your neck following you around the store.”

And that is just the way I like to shop. I am a no frills, no nonsense kind of shopper. Give me what I want and don’t make too much small talk. I like to get in and get out.

The same principle applies to shopping online. I refuse to be forced to spend excessive amounts of my precious time waiting or searching a poorly constructed site. Based upon this commonly shared distaste for sluggish, messy, disorganized stores, an e-commerce site must have heightened awareness of their users’ shopping experience.

It’s for this reason that Flash is so heavily frowned upon when it comes to e-commerce. Who wants to stare at a blank screen while a movie you don’t even want to watch is loading?

JC_Blog_092817_Flash.jpg
Think about it. When you are out shopping would you rather:

A. Hang around a store while you watch a product demonstration. Wait politely as time tick-tocks by until the moment you can do what you initially came in to do. SHOP.

B. Zoom by a vending machine in you rollerblades, toss in some change to the machine and WHAM-O!

The former might be interesting the very first time you buy from that store. But it’s going to get old-real quick. And those feelings of awe are going to be replaced with aggravation and frustration.

If you need proof of this, simply browse through any popular e-commerce sites. At most there may be a banner or two including some light Flash, but it will most likely be relatively small and/or quick to load. Even www.adobe.com, home of Flash CS3, does not include a Flash splash page that you need to ‘click to enter’. They know.

JC_Blog_092817_Adobe.jpg

There are numerous other reasons why Flash should be avoided for e-commerce sites.

Information embedded into Flash is virtually invisible to most search engines such as Google, Yahoo, MSN and others. These search engines are your gateway to the outside world as an overwhelming and increasing number of users rely on search engines daily to find information.

Assuming that your site is found, Flash splash pages can deter users from entering your site. To elaborate, your homepage is your most important page within your entire site. It receives more hits than any other page. If you use a Flash splash page, it becomes a wall between your user and your homepage. If your user never makes it to your homepage, then your chance to make that sale will undoubtedly be flushed down the toilet. Not to mention all those purchases which would have inevitably followed. In addition to all of the other referred customers you could have gained through that one customer that “X”ed out of your Flash splash page.

Moreover, Flash breaks down the web’s most fundamental and powerful features. Web features are built to allow their users to sit in the drivers’ seat. We go where we want to go. But most importantly, we get to make the decision. Flash forces its users into the backseat at the mercy of whoever built the site.

Listed below are a few examples of this dilemma:
- The “back” button doesn’t work.
- The ability to highlight, copy and paste text doesn’t work.
- Link colors don’t work.
- The “Make bigger. Make smaller” function doesn’t work.
- The “Find in Page” feature doesn’t work.

These reasons only skim the surface as to why you should avoid Flash in your website. To prevent these issues from arising, I suggest two alternatives.

1. Rather than using Flash to grab the attention of your users, focus on the quality of your photography and illustration. Coca-Cola is an example of a company which uses its images to capture the attention of its users. Its simple, clean site with plenty of white space gives breathing room to its users allowing them to better focus on the information of the site.

JC_Blog_092817_CocaCola.jpg

2. If you absolutely must use Flash consider keeping it contained within a banner and be sure to keep it under control. By that I am suggesting that “just because it CAN move doesn’t mean that it necessarily SHOULD move.” While Flash can be useful with its ability to display a series of images all within a neat, contained box, be sure that it is not overly “flashy” and does not make a nuisance of itself. Moreover, if you opt to use some light Flash within your site, be sure that it does not include any critical information that could be better communicated in text which is scannable by a search engine. Apple is a good example of a site that utilizes Flash in this fashion.

JC_Blog_092817_Apple.jpg

So, while Flash may win a few initial “Oooo”s and “Ahhh”s, remember the purpose of your site. If your goal is to improve your users’ shopping experience and to bring them back again and again, I advise to make your site as simple and as easy-to-use as possible.

Jennifer Cheng,

Posted in General, Design

Maximizing Your Website Design

Tuesday, July 10th, 2007

A website is a calling card for many companies, opening windows to a wider world.
Many businesses choose to invest in the development of websites to build and spread brand awareness, increase sales, provide improved customer support and to save money. Within your website, it is important to consider the marriage between image and information. In an article by Business Link, it was suggested that while your primary concern may be about the aesthetics of your website, your users most likely care more about how quickly and easily they can access information. In an effort to maximize the results of your website design, I am providing a brief summary of a few of the most important features of an effective website.

Homepage
Your homepage is your most website’s “virtual showroom.” It is considered the most important page because it will receive more hits than any other page within your website. We recommend placing your most important information above the fold at 800 X 600 resolution (The MUG Center). Although approximately 88% of Internet users are now using resolution at 1024 X 768, we still recommend “playing it safe” with 800 X 600 until the gap between users is filled. When sorting the content of your website, the general rule of thumb is “the higher on the page, the better.” Moreover, your homepage should download in 10 seconds or less at the prevalent connection speed. In a survey conducted by Minnesota State University, the mean download time of 60 high profile home pages averaged to 2.8 seconds (WebSiteOptimization.com).

Consistency
Consistency is one of the primary characteristics of an effective website. A consistent header and logo are highly recommended, in addition to easy-to-use, consistent navigation. It is also suggested that repeating information (such as the header, logo and navigation) use no more than 33% of available browser window space.

Balance
While one of the primary purposes of most websites is to educate and provide information it is also important to consider the overall balance and visual effect of your website. Comfortable balance between text, graphics and white space are highly recommended. So, although it may be tempting to fit in as much information “per square pixel” you will actually maximize the effectiveness of your content if you balance your information with images and supporting graphics within a healthy area of white space.

Typography
In addition to maintaining balance, another tip to increase readership is good typography. World-renowned advertiser, David Ogilvy, gives the simple definition of good typography as “easy to read” (Ogilvy). Creating contrast between text and background is essential in making your information readable. While reverse text (white text on black background) is sometimes critical in maintaining the “look and feel” of your brand identity, studies have repeatedly revealed that positive text (black text on white background) is more legible (Ogilvy). When color is involved, we advise using text and background colors which have strong color contrast. An example of this would be deep purple text on pale yellow background. Aside from color contrast, good typography is also large enough to read. The size of your website’s body copy should fall somewhere between 11-13 px depending on whether you are using a serif or san serif font. Web serif fonts such as Georgia and Times should be displayed at 12-13 px. San serif fonts such as Verdana and Arial should be displayed at 11 px. Including white space around your text will also help to increase legibility. You can create this by increasing the leading, the spacing between lines of type. In CSS, leading is achieved through the line-height property. Moreover, tracking, the uniform increasing/decreasing in letterspacing of text, can be achieved in CSS through the letter-spacing property. Kerning, the adjustment of space between two characters, is not currently possible in HTML or CSS. However, in many cases it is not needed as digital fonts contain their own built-in kerning tables (Bringhurst).

Navigation
As mentioned earlier, consistent navigation is essential to making your website user-friendly. Navigation should be legible and concise. We recommend using no more than two levels of navigation as the attention span of the majority of Internet users’ does not exceed two clicks to reach a desired destination. On every page, we also recommend including e-commerce navigation including cart, my account and sign in. Furthermore, a page footer also helps users navigate through your website as it is available on every page allowing users to quickly jump to your most important pages. We include copyright information, RSS feeds (our current RSS feeds include News, Events and Products), site map and contact links. In addition, if you are involved in Direct-to-Trade, we also include a link for trade as well as a Direct-to-Trade button located in the page footer area. Among all of the best practices in web design I have come across, effective navigation is consistently rated as one of the most important features of a website (Morris).

Works Cited
“Best Practice In Web Design.” Business Link. 9 July 2007.

Bringhurst, Robert. “The Elements of Typographic Style.” 9 July 2007.

Chuck. “User Group Best Practices: Web Site Tips.” The MUG Center. 1 July 2007. 9
July 2007.

“Home Page Usability and Credibility Survey.” WebSiteOptimization.com. 5 July 2007. 9 July 2007.

Morris, Terry. “Web Design Best Practices Checklist.” Terry Morris Web Design & Instructional Technology. 9 July 2007. 9 July 2007.

Ogilvy, David. Ogilvy On Advertising. New York: Random House, 1983.

Jennifer Cheng,

Posted in General, Design

Need More Room?

Friday, November 17th, 2006

The current standard is still to design websites for the 800×600 monitor (with only 760 pixels usable in width). If you have a 3-column design that include a vertical navigation on the left hand side, you content in the middle, and a special annoucement column on the right for your special offers, you’ll quickly realize that there’s not enough room.

With the new standard, designing for the 1024×768 monitors with about 980 pixels in width to play with, you can give your website room to breath, and truly utilize different columns on your site to achieve marketing goals, improved readibility, and ease of organization.

For examples using the new standard, visit www.beringer.com and www.cnn.com.

— Eric Hsu

Chief Style Officer

admin,

Posted in Design

click me!

Tuesday, October 31st, 2006

A graphic link such as a kicker works much better as a call to action than a text link. For example:

»Would you want to click here?

or

It is a great way to advertise your holiday specials by replacing your current text list menu with graphic links. Contact your account managers if you are interested in revamping your store page and start selling more wine!

William Hu
Graphic Designer
Inertia Beverage Group

admin,

Posted in Design

px vs. em

Thursday, July 6th, 2006

px is absolute. If you tell the web browser, your H1 header is 16 pixels, you’ll see a 16px header on any and all browsers, no questions asked.

em is relative. 1em = 100%. So if you tell the browser, your H1 is 2em, it’ll show you a header that is 200% of what the default font size is for your web browser (on your browser’s tool bar, there’s a place, e.g. View -> Font Size for IE, where you can set the “default” size. For IE on a PC, “Medium” is 16px. Some claim that the default on a Mac might be 14px.) If you leave the default to “Medium”, your H1 header in IE on a PC would be 200% x 16px = 32px. Although, there’s no guarantee what the size would be on a Mac.

Now you know some background on px and em, what’s all the fuss about?

I was intrigued by the subject, and pretty much read what everyone had to say about it on the Web… turns out, it really is a battle between users and designers.

Some users may want the ability to increase the font size when they’re reading the content. It is an ability web browsers are willing to give to the users (although, as mentioned above, there may not be a standard between PCs and Macs). But when it comes to the designers, they are not as willing to give up the aesthetic, and they don’t necessarily like the users to have that much control, claiming that any font size other than what they specified would “break” the design or the allocated area the content is assigned.

Imagine you are the Judge when px and em fight it out in your Courtroom. What would you say?

I think it really is a matter of preference, and there isn’t a “right” or “wrong” way of doing it.

—Eric Hsu, Chief Style Officer

admin,

Posted in Design