Websites

posted 02/23/08 by Rick Webb

Websites. When we started in this business, websites and web marketing were basically interchangeable. Wired had only recently launched “the banner,” and everyone was abuzz. Most people, if they thought about the Internet at all when thinking about their brand, figured they’d need a website, and that was about it.
Back then, the website was everything. Every page, every link had to count. There was, just as there is now, a lot of trendiness and bluster and things you Really Should Do. Nowadays we all joke about how every site needs a send-to-a-friend component, because really how else would it be viral (never mind that things “go viral” because people like them, not because there’s a form to fill out). Back then, every site needed a links page. That was really important. And later on, every site needed an intro.
Where were the Barbarians back then? Some were working on vw.com, of course. Others were working at web startups such as Nerve.com, Send.com, and DMOD. A few were at some of the digital agencies, and well, let’s face it, a few were still in computer school. But all of them were making websites. Along the way, things got crazy, and we became advocates of thinking about the rest of the Internet when thinking about your brand, and web marketing was born and banner ads and viral marketing, short form videos, games and the like. But the website never really went away.
A company’s website can be so many different things. It can be a brochure, of course – the popular choice among brands in the mid 90’s. It can be an application – we see this at a lot of the computer and technology companies. It can be an entertainment vehicle, it can be a store, it can be home to a community of like-minded individuals. In every successful web engagement, we start at the beginning and look at what the website is going to be. What is the vision? This is vitally important, of course, because it leads to entirely different approaches, even for brand websites.
Some of the websites we’ve maintained have been for brands that don’t have an active, engaged audience or web marketing strategy, and, therefore, the sites have been pretty stagnant. We could talk about our website projects for people like Milwaukee’s Best Light, and of course, we’ll show that to you, even if it’s sort of a strange example. Still, it’s instructive from a point of view of our web design capabilities. It ties into the brand. It is well-designed. It speaks to its audience clearly and in their language. It is a coherent site, not frankenstein-bolted together. The games and content and information all feel like they come from the same place. It has a consistent tone, look and feel.
This, then, forms the core of our web design capabilities:
  • Clear, consistent, well-thought-out information architecture and user interface design, as developed by our in-house User Interaction Department.
  • Well-crafted, elegant, uncompromising art direction and design, coherently executed across all sections, with the development of enough templated pages to handle any content need, and designed without preference to any one technology. If the site design works in Flash, it also needs to translate into that e-commerce site running in .Net that you have no control over, or vice versa.
  • Design that, from the get-go, understands it’s designing for a website, and embraces and anticipates the limitations of modern day technologies and markup possibilities. Design for the reality of the technologies out there, not for art.
  • Copy and copy editing for the web to ensure that all the copy is both effective from a marketing point of view, but also from a usability point of view. Copy that is the right length. Instructional copy and error messages that don’t put the user to sleep or confuse them unduly. The brand’s voice infused throughout the project.
  • Rock solid markup. No compromises. Usable in every browser people might be using. Compact, elegant markup code that degrades gracefully.

Across these points, there are about 15 Barbarians whose traditional roles focus on these goals: art directors, designers, markup specialists and user interaction designers. As Barbarians, they have developed web projects for companies such as * Apple, Goodyear, Saturn, Volkswagen, Kashi, Nike, The Webby Awards, Virgin America and more.

Here are some recent posts from our employees about Websites:

Opera Study concludes 4.13% of web standards compliant

Opera also ran the pages indexed by MAMA through the W3C’s validation tools to see how many conform with standards. The results show that only 4.13 percent are valid. A more startling conclusion that Opera derived from its MAMA data is that only 50 percent of sites that display a badge touting validation are actually valid. This could indicate that many sites which are initially designed with valid HTML later cease to be valid as changes are made and new content is added.
And I’ll just add in here that http://barbariangroup.com does pass validation. What is interesting is that our blog page fails validation due to embed code that we grab from other sites to embed content in blog posts, which totally reflects the findings of that study. Too bad because I know Kenji worked hard on that markup!

Sentiment and Flash

I am writing a keynote address for an upcoming conference on new media models in London and I thought it would be interesting to show a clip from Mad Men.
Fascinating how this show is doing so well while celebrating the very culture that the ad business is so desperately trying to avoid. This clip is the centerpoint of its appeal: nostalgia.
I also particularly like one of the lines at the beginning. “technology is a glittering lure, but there’s the rare occasion when the public can be engaged on a level beyond flash, if they have a sentimental bond with the product.” Awesome. This dialog somehow completely aligns with our present POV that websites should avoid flash intros and instead of use their websites to create a deeper bond with their brand. Ha. So much for nostalgia.

First O'Reilly InsideRIA Blog Post

Doing some writing for O’Reilly. My first post is on the rad SproutCore framework.
Now go submit some patches to their SCM to get TableView support finished!

TBG Boston, 5 Stars

After visiting Boston & the Boston TBG office for the first time last week, I definitely have some Yelping to do!
Oh, and while I was searching and trying to be all clever I saw it….a coveted 5 Star Yelp Review. Nice job, Boston office!
Jealous. The competitive juices are flowing.

Favicons and Brand Identity

So I just went to Google and searched for something, then switched over to Google News to look for recent articles on the topic I was searching, when I noticed something weird. Observe:
They’ve switched up the G in their favicon! It’s jarring, isn’t it? What strikes me as particularly interesting, though, isn’t that it’s a different G, but that’s it’s a different part of the same logo and yet it’s still hardly recognizable. I’m so used to seeing the familiar blue capital G with the red, green and blue lines around it that a lowercase g in a smooth white box is like an alien life form.
It makes me realize how much we underestimate the importance of the favicon as a component of brand identity. It’s surprising how much of a difference a 16×16 image can make, but it does. Most major sites have long since picked up on its importance, though I’m sure many more still lag behind (I can’t think of any off the top of my head… can you?). Still others occasionally just plain get it wrong, I think, as Yahoo! recently did when they stripped Upcoming of its unique favicon in favor of the big red Y!. They certainly wouldn’t do the same to Flickr, so why Upcoming?
Anyway, I’ll try to keep from rambling too much on the subject, but the Google thing really caught me off guard. Looking at the big picture, though (the 64×64 picture? heh), it’s a much better icon for them, and even if the blogosphere pans it (which seems soft of inevitable to me for some reason), I think in the long run it’ll be seen as a good move on their part. Of course, it is a tad strange that their main site seems to have kept the old icon, at least for now. Maybe this is a soft launch of Google Favicon 2.0?

What I did at work today

It’s been a week since we launched our new site, and I’ve been making updates, tweaks and improvements ever since. We launched with support for RSS importing, but honestly, I only tested it with my tumblr feed, so it was a little bit lacking. So, I spent my afternoon at work today beefing it up. Here’s what it looks like in our CMS



It’s really cool to see Robert’s posts from flight404, and Justin’s from Bros Before Blogs getting pulled into the site, and without any editing, looking really good. Want an example??? I bet you do. Check out Robert’s Visualizing Radiohead post on barbariangroup.com and on flight404

A little about our site: The People

Hi, I’m Kenji. I do some front-end development around here, and I thought I’d help you get to know your new barbariangroup.com!
It’s been a relief to get this site finally out the door and in front of all you nice internet people. As Rick said (to some perhaps-deserved derision), it took over six months to bring barbariangroup.com version four (internally codenamed Merrimack) to fruition. That’s a crazy long time, sure. But we’re a small, busy shop, and couldn’t blow through this in a month. Not while continuing to pump out high-quality projects for Kashi, CNN, Adobe, TAP Project, Motorola, etc etc. We approached the barbariangroup.com version four redesign as seriously and as carefully as we would any content-rich client site, and as such, it took some time. And some people.

tbg.com on iPhone

Short post here to say everyone should try our site on an iPhone. It’s actually optimized for viewing here. We’re sort of planning for the future, you know? Nice work Kenji!
We are also playing around with the SDK on this and are looking for opportunities to develop applications for clients and agencies. Anyone interested?