SoftLayer.com Website Refresh

September 20, 2011

Recently, the SoftLayer Marketing team refreshed our corporate website. You may have already seen one of the most obvious changes: an updated homepage.

While minor updates to the look and feel of the site have been made over the last two years (adding solid colors to the main tabs, increasing the use of text inside buttons, etc.), the essential layout of the homepage hasn't changed since December of 2008! We were due for a refresh.

Our updated homepage features a simplified layout with new graphics. Special offers and new products get a large-format banner, which clearly introduces visitors to what we are offering in a way that is more eye-catching than before. Check out the difference between the old-style banners and the new-style banners:

BEFORE
SoftLayer.com Homepage

NOW
SoftLayer.com Homepage

Below the main banner, we replaced the solid red banner shapes with ones that incorporate photos and colorful graphical elements. Here's the new design for our Dedicated Server and CloudLayer Computing banners:

SoftLayer.com Homepage

Our primary navigation layout has also changed. We now highlight our three main product offerings – Dedicated Severs, CloudLayer Computing, and Managed Hosting – with red tabs that contrast with our other grey tabs, as shown below:

SoftLayer.com Homepage

We have also re-organized many of our information pages to make our offerings more clear and to make content easier to find.

The list of changes goes on -- enhanced contact buttons on the right of each page to make it easier for website visitors to get ahold of us, a new approach to links at the top and bottom of every page, and so on.

And while the changes we added in this recent site update add a refreshing look and feel, we are by no means finished. You'll find a lot more going on at www.softlayer.com in the weeks and months to come.

-Brad

Comments

September 21st, 2011 at 1:14pm

Nice job everyone! I really like the direction. Hey, how many designers in your team? It's a big site to support!

September 22nd, 2011 at 11:05am

There are a handful of people on the team right now, Victor ... And we'll definitely need to add more as we grow!

September 24th, 2011 at 5:25pm

Make sure not to strand the mobile users. Look at responsive design techniques, and how you can take advantage of HTML5 and CSS3. :)

(also, tag clouds are kinda redundant IMHO, especially when "SoftLayer" is the #1 tag...)

September 26th, 2011 at 8:40am

Are you looking at the SoftLayer.com site or here at the blog site, Mike? The SoftLayer.com site doesn't have a tag cloud, and the only reason we have a tag cloud on the blog is to offer quick jumps to keywords associated with specific posts. Beyond the "SoftLayer" brand keyword, each of the other tags narrows down the scope of the blog posts to those specific topics.

Leave a Reply

Filtered HTML

  • Web page addresses and e-mail addresses turn into links automatically.
  • You can enable syntax highlighting of source code with the following tags: <pre>, <blockcode>, <bash>, <c>, <cpp>, <drupal5>, <drupal6>, <java>, <javascript>, <php>, <python>, <ruby>. The supported tag styles are: <foo>, [foo].
  • Allowed HTML tags: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.

Plain text

  • No HTML tags allowed.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Lines and paragraphs break automatically.
Categories: 

Comments

September 21st, 2011 at 1:14pm

Nice job everyone! I really like the direction. Hey, how many designers in your team? It's a big site to support!

September 22nd, 2011 at 11:05am

There are a handful of people on the team right now, Victor ... And we'll definitely need to add more as we grow!

September 24th, 2011 at 5:25pm

Make sure not to strand the mobile users. Look at responsive design techniques, and how you can take advantage of HTML5 and CSS3. :)

(also, tag clouds are kinda redundant IMHO, especially when "SoftLayer" is the #1 tag...)

September 26th, 2011 at 8:40am

Are you looking at the SoftLayer.com site or here at the blog site, Mike? The SoftLayer.com site doesn't have a tag cloud, and the only reason we have a tag cloud on the blog is to offer quick jumps to keywords associated with specific posts. Beyond the "SoftLayer" brand keyword, each of the other tags narrows down the scope of the blog posts to those specific topics.

Leave a Reply

Filtered HTML

  • Web page addresses and e-mail addresses turn into links automatically.
  • You can enable syntax highlighting of source code with the following tags: <pre>, <blockcode>, <bash>, <c>, <cpp>, <drupal5>, <drupal6>, <java>, <javascript>, <php>, <python>, <ruby>. The supported tag styles are: <foo>, [foo].
  • Allowed HTML tags: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.

Plain text

  • No HTML tags allowed.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Lines and paragraphs break automatically.