Alltop.com – lesson of clean and simple design

Alltop.com is one of the many “babies” that Guy Kawasaki has. And honestly I think is the best one. A content aggregation site from all domains, with brilliant simple design.

The topic covered in this post is the new revamped first page of Alltop.com. As expected or not, the new design is simple. The simple design was present from the beginning. But the home page was not like first page should be: powerful, accessible and descriptive. So, the old front page had some glitches, but that is not something rare. And I believe that Guy saw that, he saw also the potential of a revamped home page and made the move.

Pros
Regarding the redesign, I see many improvements, but also 2 issues. I will start with the improvements.
I like the fact that now, the user has an idea about Alltop. And so at the first glance, we find out that Alltop is an “online magazine rack”.

The typography is simply cool. Clean look and the sans-serif touch make this design flawless from the typography perspective.

Another thing that I like is the way the information is structured. There are 10 major categories and also there is a possibility to navigate to the content through the alphabet. These two sections are well connected – visually and also functionally to the search module. Speaking of search module, let’s go from good to bad.

Cons
All this visual balance is destroyed by the lack of functionality in the search area. I don’t expect that this search engine to behave like Live.com or Yahoo, but basic features should exists. The first major drawback is that when you try to search for a website, you will receive nothing. This is a major issue, because this site is not only about content, it is also about the content provider. So, that part should be highlighted somehow.

The second thing is that the search is not functional sometimes. Be careful not to press on the search box before the page is fully loaded because it will not work.

Conclusion
I don’t want you to think that this is a bad design. No. The design is quite brilliant with its simplicity and clean style. And with some further development in the search module, this will have quite an impact. I really like it and be sure to check also the video tutorial which has a unique style. Cheers!

User Interface ★★★★★
User Experience ★★★½☆
Design ★★★★★
——————–
Graphic ★★★★½

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