The Anatomy of a Corporate Site

The Anatomy of a Corporate Site

This is part three of the week-long “Website Anatomy Class” series

A corporate website, just like the business, is a prime example of large scale thinking. As you’ll see in this article, a company’s web identity is brought together by a combination of several websites, each with branches and divisions of their own.

In this edition of our Website Anatomy Class series, we’ll take a look at some of the best practices and design trends behind successful corporate websites.

Along the way we’ll also be looking at some design elements to avoid, as well as how corporations are using social media to expand their customer service reach.

What is a Corporate Site?

We’ll start with an important point to keep in mind. A corporation’s web presence may span many different domains and departments, but there is always a top tier. Here’s a quick lesson in basic hierarchy:

Product versus Company

Don’t confuse Pepsi with PepsiCo. The first is a product, and the other is the business behind it. This article will focus on the business sites.

More Information, Less Promotion

Corporate sites don’t need to be flashy or exciting. That’s what the product sites are for. Instead, they focus on providing public relations, investment material, and general career information. These pages focus on business information, while product pages focus on promoting sales and awareness.

There’s not a whole lot of excitement surrounding corporate responsibility policies, but this doesn’t mean you should lose hope when designing one. Let’s take a look at what makes a good design in the business world:

The Business of Design

Many of the sites looked at for this post had similar design trends. They followed simple color schemes with very product intensive photography and ample use of white space.

One of the main goals for Website Anatomy Class is that you’re able to walk away with a few pointers for better site development. You’ll be able to apply standard website design techniques to corporate pages, but there are two main points to consider in this niche:

Office Stock Photography is Cliché

Family Oriented Slideshow

The public face of a corporation doesn’t have to include a cubicle. Stock photographs of happy white collar workers are not a requirement for professional design.

Try something that appeals to a visitor’s emotions instead. Walmart’s site has a stock photography slideshow including happy family activities. This has nothing to do with the business side, but it does make people associate Walmart with something they are likely to relate with. You won’t get that sort of response from a stapler.

The best examples of corporate page design don’t have a fax machine in sight, and that’s part of why they work. The “clean corporate” designs may be just fine for some companies, but there’s plenty of room to be creative without creating something unprofessional. Take a lesson from Red Bull.

The Power of Color

What color do you associate with the word “corporate?” If you’re like the majority of people, your answer is a shade of gray or blue. These are the expected shades of the business world. How about that?

Here’s a Challenge: Think of two or three companies at random and visit their websites. I would bet at least one of them has a color scheme where grays or blues are dominant.

The next time you’re working up a corporate design, try using a palette outside of the usual. It’s a great way to keep yourself from falling into a design that pops.

Planning for a Global Audience

Select Your Location

A country-specific version of the site is separated from others by things like contact information, languages, and even product availability. When it comes to the website of a multi-national corporation, there is no one-site-fits-all.

Pick Your Location

This is why having “global” splash screen is a common practice to help direct traffic. The visitor is responsible for picking their language or location in order to continue. Nike, for example, uses a drill down menu to get its visitors to the right place.

Give your visitors a way to personalize their experience. Even if it’s just by letting you know where they’re coming from. It opens up a world of possibilities, and makes your web presence much more scalable internationally.

A Portal for Product Sites

Quick Product Summaries

Even though companies like Apple and Herman Miller manage to fit everything into a single site, it doesn’t always make sense to. Especially for companies with diverse products, there’s no reason to have everything cluttered together. The products need breathing room, and often have their own sites.

Products

Viacom is a media giant that owns television networks like Comedy Central and MTV. After seeing their brand page, it’s easy to see why it wouldn’t be possible to include everything as one site.

For sites like these, if it’s not about business or public relations, it can end up somewhere else. Think of the corporate site like a newspaper’s front page. It may highlight a variety of news stories, but if you want to read more you’ll have to head to another section.

Activities

Business is more than just sales. Public relations is a large component of many corporate pages. When Coca Cola launched their Expedition: Blue Planet project, it wouldn’t have fit as just another page. It instead became its own sub-domain, completely independent of the corporate page.

A Relationship of Customer Service

Twitter on JetBlue

A website for corporations is like a 24/7 public relation department. It’s a platform for news, updates, and press material regarding the business. Personal relationships are replaced with customer service, and corporations have to expand past their own domain in order to keep connected.

A company can have a personality, but it’s probably not going to be as one-on-one as the one found on a portfolio site. The focus tends to be on building a network on existing social sites (e.g Twitter or Facebook). This builds a platform for corporations to maintain public relations through.

This means that you’re not going to have JetBlue Airways asking about your weekend. You might have them asking about your grandmother’s wheelchair though.

Corporate Conclusions

While doing research for this article, I was surprised to find a trend of dated designs. It makes sense that the focus would be put into the promotional public sites, but where’s the love for the investors? Don’t they recognize good design too? The corporate site of Kraft Foods? Not exactly a design miracle.

What is your experience with corporate websites? Have you ever designed a purely corporate page? Or has it been a combination of products and business? Also, if you have any sites from this category with solid designs to share, feel free to throw a link up in the comments!

Posted Wednesday, August 19th, 2009 · Back to Top

SPONSOR

Add Comment

22 Comments 6 Mentions

  1. Eric B. Author Editor

    Great post! It was very helpful. Also, I didn’t know that Gatorade was owned by Pepsico.
    .-= Eric B.´s last blog ..Creating a PHP CMS – Part 4 =-.

    ·

  2. Sean Author Editor

    Great post! I totally agree with the stockphoto point. I find a lot of corporate sites (minus the big ones) all the look the same with a light shade of blue, big stockphoto, and home, about, contact, etc..

    More new webdesigners should be looking at new ways to inform website visitors.
    .-= Sean´s last blog ..How to brand a corporate Twitter account =-.

    ·

  3. Brian Author Editor

    Maybe I’ll take some flak for this, but I’m a pretty big fan of the Microsoft corporate website (http://www.microsoft.com). I like how they completely incorporate the look and feel of their desktop software into their design, and I think there’s something to be said about that. office.microsoft.com is a great example of this.

    (I did chuckle at their blues and greys however…)
    .-= Brian´s last blog ..Beautiful Wall-Mounted Render Farm =-.

    ·

  4. Dave Sparks Author Editor

    Thanks for the series of anatomy articles Zach.

    I don’t work with many corporate sites but it always amuses me how not just the same type of stock photography turns up on different sites but the exact same photos and models!

    ·

  5. viettel Author Editor

    This’s a great post and very useful, thanks.
    .-= viettel´s last blog ..Smartphone năm 2010 sẽ có bộ nhớ gần như ổ SSD =-.

    ·

  6. Cris Author Editor

    Very useful post! Tks!
    Here`s a corporate website that I really appreciate:
    http://www.mars.com/global/home

    ·

  7. Daniel Groves Author Editor

    That’s pretty cool, thanks!
    .-= Daniel Groves´s last blog ..The plan for HiddenCSS =-.

    ·

  8. Gustavo Author Editor

    Hey muchas gracias por el artículo, la verdad me viene justo porque estoy con un trabajo de diseño de estos. Saludos from Argentina.

    ·

  9. Mark Author Editor

    Good tips. I especially liked the stock photo tip.
    .-= Mark´s last blog ..Inexpensive Ways to Market Your Business =-.

    ·

  10. crizosaiii Author Editor

    great tips. i think every company must read this article if they want to built a web. :)

    ·

  11. dub Author Editor

    hey, why not grab a screenshot when you do these? I clicked the kraft link, seems like it might have been updated… you’re really referring to the site as of a point in time.

    ·

  12. TweetmyDesign Author Editor

    Great tips. We made a link in our “Designer community links” !

    ·

  13. Classical Electric Guitar Author Editor

    Hey the brilliant post We have come across and trust me possess been searching away for this similar kind of post for previous 7 days and hardly discovered this. a person very much and will look for much more postings a person.

    ·

  14. cap quang viettel Author Editor

    very good article. thanks for sharing

    ·

  15. constipation causes Author Editor

    As on the lookout for fairly a while for finding a helpful articles or blog posts on the subject of this distinctive challenge . Researching in Google I lastly came upon this weblog post. Reading this So i’m pleased to say that I’ve acquired a great impression I came throughout whatever I wanted. I most definitely will you’ll want to keep in mind this weblog and look constantly.

    ·

  16. Kristen Author Editor

    Great blog. Very helpful resource to a beginning corporate website designer. Designed before but it was mostly fun and fluff sites. :)

    ·

  17. web design uae Author Editor

    The Anatomy of a Corporate Site – Impressive topic to discuss.Thanks for the share.

    ·

  18. White spots on skin Author Editor

    Your post is really good. thanks for sharing this post.

    ·

  19. adslvnpthn Author Editor

    http://adslvnpt.com.vn
    adsl vnpt very good article. thanks for sharing

    ·

  20. internet viettel Author Editor

    interent viettel. a great article. I like it

    ·

  21. Berniece Michals Author Editor

    I think that you know how to make people listen to what you have to say, especially with an issue thats so important

    ·

  22. Maureen Groepper Author Editor

    Hi my name is Harrison Gulliver and I like Spam

    ·

 

Build Internet by One Mighty Roar. Since 2008.