Archive for May, 2010

Updated Google

Wednesday, May 12th, 2010

I was using Google the other day (surprise) and noticed something was different but I couldn’t put my finger on it. I went to their blog and see that they have made a few subtle changes.

First off, the Google logo has been updated to be brighter and simpler and a little more up to date in my humble opinion. There is still a drop shadow but it is much more subtle. The letters still have dimension but are more refined with subdued shadows and hi-lites. They got rid of the ™, too. Here’s an image comparing the old logo (top) and the new logo (bottom):

The footer on the search results page no longer has a light blue bar and the links now have no underlines. The letters that spell Goooooooogle are also bigger and brighter. Here’s the old footer (top) compared with the new (bottom):

The “left-hand nav” of search tools has also been updated with icons and a bit of reorganization.

You can check out some of the prototypes that were tried before settling on the designs above by clicking the links below that I pulled from their blog page:

  1. Blue homepage: We’ve always had a strong affinity for blue — after all, blue is usually the color of web links, so it binds the web together. It became the basis for many designs.
  2. Blue button: The big blue button made it all the way to our first external experiment, where it was promptly rejected by users. We heard you loud and clear and changed the button in the next round.
  3. Universal bars: This design emphasizes different types of results with labeled blocks in the main results pane, such as books, news and shopping.
  4. Blue results: This is one of the final blue designs we created and marks the point when we renamed the “Web” link to “Everything” — a label that gets closer to the intent of our mission to organize all the world’s information.


The Tasting Panel featuring BellaSvago and Zoom Creates

Tuesday, May 11th, 2010

BellaSvago™ and Torkscrew™ are two brands that we at Zoom Creates are extremely proud of. From inception to product name to brand/identity to voice and messaging, we’ve been there from day one. Two beautiful logos, one lovely e-commerce website, to-die-for product packaging that’s sure to impress and a plethora of printed materials, including business systems, marketing sell-sheets, advertisements, large format and tabletop signage, as well as point of purchase concepts. These are just some of the fruits of our labor over the last 7-8 months.  Each and every Zoomer had some part in this and we all feel very close to the project for many reasons. The first is that the inventor of Torkscrew (a fabulous all in one screw cap/corkscrew/champagne/beer bottle opener) is our very own Leisa Bates, one of four Zoom Creates principals and our finance extraordinaire. (You can read more about Leisa here and Torkscrew here.)

If you combine a super cool kitchen/wine gadget with an idea that sprung out of a great mind that we know and love… you can imagine the heart and soul that went into this project. Long story short: Torkscrew and it’s parent company, BellaSvago, is growing and making their mark on the world. Enter The Tasting Panel magazine, whose May 2010 issue features a full page editorial outlining the  Torkscrew Story and touches on the minds behind the brand (that’s US). Please enjoy.


The Semantic Web

Friday, May 7th, 2010

The Semantic Web

What is “The Semantic Web”?  W3C starts off with a great outline:

The Semantic Web is a web of data. There is lots of data we all use every day, and it is not part of the web. I can see my bank statements on the web, and my photographs, and I can see my appointments in a calendar. But can I see my photos in a calendar to see what I was doing when I took them? Can I see bank statement lines in a calendar?

Why not? Because we don’t have a web of data. Because data is controlled by applications, and each application keeps it to itself.

The Semantic Web is about two things. It is about common formats for integration and combination of data drawn from diverse sources, where on the original Web mainly concentrated on the interchange of documents. It is also about language for recording how the data relates to real world objects. That allows a person, or a machine, to start off in one database, and then move through an unending set of databases which are connected not by wires but by being about the same thing.

(more…)


Database access with a Chumby

Thursday, May 6th, 2010

Chumby, Database AccessIn my earlier posts, I’ve writen about writing a Chumby widget, writing a configuration widget, and accessing the accelerometer. Now we’ll look at accessing a database from a Chumby widget.

First, you’ll need to set up a database. I’ll assume you have access to a web server and know how to create a database, tables, and code to access it. I use MySQL and PHP.

You’ll also need a Chumby widget.

And to connect the two, you’ll need a crossdomain.xml file.
(more…)


Hung up on Punctuation

Wednesday, May 5th, 2010

We recently had a vote off on whether or not hanging punctuation should be used on a specific layout. I’m generally always pro hanging punctuation, but if you are not used to seeing it, it can look like an error. Hanging punctuation is the positioning of punctuation, most commonly quotes and hyphens, to create an illusion of a uniform edge of text. It is called “hanging” because the punctuation appears to “hang” outside the text margin, and is not incorporated into the text block. It is commonly used when text is fully justified, in pull quotes, and in our situation, when the text is right aligned.

Hanging Punctuation Example

We use hanging punctuation because our eyes visually like to see things aligned and in order. When we have a odd shaped glyph (such as a quotation mark) our eyes notice the blank gap it can leave behind. When we move the glyph outside of the text block, we remove that odd space, giving the appearance of a cleaner edge. The smaller glyphs don’t hold as much visual weight and will seemingly disappear when hung outside. In Adobe InDesign, there is an automated function to aid in all of your hanging punctuation needs. To try it for yourself follow these easy steps:

  1. With text selected, choose Type > Story to open the Story palette
  2. Check the Optical Margin Adjustment box
  3. Enter an amount of overhang (how much the punctuation and serifs will fall outside the margin edges) Note: Start by setting the overhang the same as the text size then adjust as necessary.

To get the hanging punctuation like in the example image above, (If using InDesign) place your cursor after quote mark (“) and then press command and the pipe symbol (|) and the text will automatically align to the first letter in your quote. Happy hanging!


Brand Equity: Coke vs. Pepsi

Tuesday, May 4th, 2010

Let’s start with defining what brand equity is:
Brand Equity — the value, both tangible and intangible, that a brand adds to a product/service; the added value a brand name identity brings to a product or service beyond the functional benefits provided.

Examples of products with excellent brand equity include Google, Nike and of course Starbucks. In fact, I myself have been known to say something to the effect of, “Hey, do you want to go get a Starbucks?” Perhaps you’ve said, “Just Google it.” In instances such as Starbucks and Google, the brand name itself has surpassed the brand and become a commonplace term for an action or umbrella product. [See "google" in the dictionary, folks.]

One ongoing battle that has been waging for years is the one that exists between Pepsi and Coke, or formally known as Pepsi Cola and Coca-Cola. There are plenty of variables that could influence any particular consumer, including taste preference, packaging preference and availability within a particular market. From the polls I’ve seen, usually (and I use that term very loosely, people) Coke tends to score better than Pepsi in terms of consumer preference. The ratings, however, are extremely close. For example:

“An online Tribune poll revealed a virtual dead heat in the great Coke versus Pepsi debate. Of the 346 votes cast, 50.87 percent took Coke and 49.13 percent went with Pepsi. Pepsi has demanded a recount.”
- Credit East Valley Tribune, Phoenix AZ

All that said, we still don’t know the answer: who has the most brand equity? Coke or Pepsi? If there’s one thing I’ve learned over the years while working at Zoom Creates, it’s that doing a rebrand is a big deal. If the company we are rebranding has any brand equity at all, it will be important to keep some elements of the original brand in order to maintain familiarity. Taking a brand that is easily recognized and people feel comfortable with and rebranding to the point of no recognition at all would most certainly be a bad move. Look at the similarities among all rebrands over the years for both Coke and Pepsi [see image at right].

By comparing the timeline of each brand, it is clear that Coke has held tighter to it’s original concept that Pepsi has, but whether or not that directly affects the sales is unclear. What is clear, however, is that by looking at the chart, we are seeing two entirely different branding strategies: Pepsi has been changed significantly over the years, possibly to keep up with the times or to keep the look fresh and youthful. Coke, on the other hand, has made itty bitty changes spanning decades and the mark today is strikingly similar to what it was in 1887.

I can only speak for myself when I say that I have more respect for the Coca-cola brand. It strikes me as stable and unchanging through recessions, wars, times of peace, president after president. To look at the evolution of the Pepsi logo gives me the feeling that the mark is lost and even after more than 200 years is still searching to “find itself”. While I admire their ongoing efforts, I feel like shouting, “just PICK ONE already!”.

Feel free to leave your opinionated comments below if you are compelled to do so. How do you feel about the strategies of each brand? Do you think it has helped them over the years or not? Which strategy do you feel is most effective?


iPhone Accessories

Monday, May 3rd, 2010

Last month I got rid of our land-line at home and got an iPhone. I totally love it. I can make phone calls, update my blogs, check email, watch baseball games and play chess and scrabble with my friends. Right after I got it, I was told I needed a protective case and screen shield. No problem, right? Wrong. Since i never owned a cell phone or an iPod, I had never really noticed just how many products are made for these devices—not to mention how expensive they can be. There are so many different kinds and colors and styles and materials and protectors and protector protectors and holsters and cables and chargers and stands and speakers and headphones…I was completely overwhelmed. After many trips to many stores and a few hours of internet research, I finally chose a case, a screen protector and some ear-buds that actually stay in my ears. I still cannot believe how much stuff there is for these devices.

Anyway, during my research, I ran across some cool and free do-it-yourself iPhone stands. Enjoy.

iPhone paper stand / dock (comes with a printable template)

iPhone Binderclip Dock

Lego rotating iPhone dock

Credit Card iPhone Stand (not shown but cool)