Slider Components in Corporate Websites

Displaying content in a manner that fits your site can be difficult sometimes. And other times can be handled using a content slider. Let’s see how big corporate companies handle this task and integrate slider components in their websites. We will cover in this post 2 or 3 sites from the same domain to see how competition handles the same task.

BlackBerry

Apart from the fact that BlackBerry’s slider content is outstanding and very creative, it also takes the main part of the site making the slider the most important part on the homepage.

Palm

Palm takes the slider component and uses it in a slightly different manner. Instead of being the main focus on the front page, Palm has a smaller vertical slider that is more subtle than the one from BlackBerry.

HTC

You can see a big resemblance between HTC and BlackBerry. HTC uses the slider as the main component on the same page though the style is more clean and with a sketchy touch.

HP

HP takes the content slider a little bit further compared to previous sliders. Apart from the usual navigation, HP adds a play, previous and next buttons and makes the slider static in the first place.

Lenovo

Lenovo is another company that has a big slider on the first page as well. Actually almost all big players from the PC domain have and on Lenovo’s site you can see a simple one with a simple numbers based navigation.

Acer

Compared to Lenovo, Acer has its main page deigned as a big slider with thumbnails position in the bottom right side for navigation. From this selection of sliders it is the one with the strongest presence.

Microsoft

We can’t have this showcase without mentioning Microsoft. On its first page Microsoft has a slider like a horizontal accordion. It is a different approach compared with the rest sliders, it shows the content clearly and I assume it drives good conversion since it is on Microsoft website for quite some time.

IBM

I actually can’t remember IBM’s site without a slider. I think that is because IBM had few updates on the design and that a slider was involved in one way or another. Anyway, the slider looks great because it always has great images and a simple fade+slide in effect for text.

Oracle

What ca we say about Oracle’s slider. Not much actually … it is simple, powered by great images and it has a simple navigation placed in the top right side.

SAP

SAP, Oracle’s biggest competitor has a slider too. The difference is that the navigation is based on thumbnails, in this case faces of important people.

Nvidia

Nvidia relies heavily on the slider to notice the user about latest events and products. Its slides are often small videos that enhance the importance of the slider.

ATI

AMD/ATI has a different opinion on how to use a slider. On their site, you can find 2 smaller sliders – one to promote technologies and another to showcase products.

Intel

Now that we’ve covered AMD, we must cover Intel. And Intel has a slider too, but bigger (no wonder), with blue based images in order to emphasize Intel brand.

AOL

A different segment where content sliders are often used is the segment of portals. And AOL is one of the top portals with a small slider in the center of the page that showcases the most important news.

MSN

MSN falls in the same category as AOL and it has a slider with the same functionality as AOL. But you will notice that MSN has a much more cleaner approach.

NewEgg

The last 2 examples are from e-commerce sites. The first one is NewEgg a great site for electronics that uses the slider component at a lower scale compared to early showcased sites. The main purpose of the slider is to present the latest promotions.

Target

The last item on our list is Target.com. Compared to NewEgg, its slider has a different approach, covering a lot of space but promoting general stuff rather than specific.

As you can see, slider components are widely spread and also are becoming popular. From blogs to corporate websites we find these components scattered across the web. Let us know what you think about this component or other great samples of sliders.

Cheers!

Andy Gongea is a passionate UI/UX designer with a great appetite for technology and trends. Currently he owns, a future wife, a loan that comes with a monthly fee and some strange ideas about user interface and user interaction. Cheers! Follow Andy on Twitter: @andygongea

Sponsors

Community Links

  • Create the Toyota logoHi there. In this tutorial you can learn to create the Toyota logo. It is all about circles and the Pathfinder panel. You will have to create a series of circles of exact dimensions. Regarding that,the grid and the snap to grid option will ease your work.
  • 60+ Creative And Well Designed PagesWhen doing my research for 404 error pages, I was surprised to see that three quarters of the websites I visited did not have custom 404 error pages.
  • Design an animated banner in PhotoshopIn this tutorial I will show you how to use Photoshop to create an animated leaderboard banner.
  • Top 10 Websites To Brush Up Your jQuery SkillsTo brush up your skills in jQuery, we present you Top 10 Websites For Free jQuery Tutorials that have been providing some cool demos and step by step guidelines, such that a beginner can master his skills of jQuery easily
  • Top 8 Principles of Effective Website DesigningEverything is guided by certain set of standards, rules and regulations. If the task is not driven by some guidelines, then it could face difficulties for its successful completion.
  • 61 Incredible Logo Designs #3Here’s yet another roundup of amazing logo designs. This is a series that we do frequently, so make sure to check out the past logo articles.
  • 20+ Amazing Product PSD files found on DeviantARTThese are a selection of over twenty PSD files which I have found over on DeviantART, specifically of various electronic products.
  • Create a documents icon in IllustratorHi there. In the next tutorial you’ll learn to create a pretty common icon. To reach this result you need to know how to use the Rectangle Tool, the Pen Tool or the Type Tool.
  • 10 Downing Tweets10 Downing Tweets is a Flash and Twitter based website created by twentysix Leeds. The site includes a twitter vote, a daily poll and an insight on the twitter noise the election is receiving. Will the final results on our site echo who gets elected?
  • 20 Clever Futuristic Free FontsFuturistic fonts were always one of my favorite font styles. I was never that much into grunge and similar styles. I rather keep it clean, but still cool looking. If you like this style, take a look at the collection of 20 free futuristic fonts I put toge

Friends

RSS User Experience Bookmarks