Colombo's e-commerce concept
The project was developed in 2012 during 3 days. It was a showcase of new concept for Colombo's online store. The idea behind this redesign was to create a better User Experience improving general usability and providing a better information architecture.
The website at the time (2012):
Some of the problems found:
• Lack of a clear navigational hierarchy with an overload of vertical and horizontal menus
• Too many banners spread creating multiple attention focus points. In other words, no focus at all
• Poor usage of product list only showing highlighted and general list of products
• Critical information such as online/offline support, user login, weren't clear and well organized
• Poor usage of product list only showing highlighted and general list of products
• Critical information such as online/offline support, user login, weren't clear and well organized
• Too many different font-sizes without a clear hierarchy
...
After the basic analysis, it was time to sketch some ideas and create wireframes.
...
After the basic analysis, it was time to sketch some ideas and create wireframes.
The final layout has some key characteristics:
Clear information/navigation areas: it's easy to identify key areas such as navigation, banners, search, shopping chart, and product list
Better navigation bar: now you can find all links in the same place (left bar). At the bottom of the left bar, you can find some links to "special categories" that were lost between banners before and also a dedicated link to daily sales, that is now considered a new product category
Clear banner area: more focus on featured products and advertisements
Better product list: now front page displays five product categories, highlighted, daily sales, best sellers, prize winners, and contextual list of products (e.g Christmas, Halloween)
Better navigation bar: now you can find all links in the same place (left bar). At the bottom of the left bar, you can find some links to "special categories" that were lost between banners before and also a dedicated link to daily sales, that is now considered a new product category
Clear banner area: more focus on featured products and advertisements
Better product list: now front page displays five product categories, highlighted, daily sales, best sellers, prize winners, and contextual list of products (e.g Christmas, Halloween)
The last key point was the new contextual sales. Each category has an area under the drop-down menu (child menu) dedicated to items on sale. This way sales products are more relevant to customers once they are looking for something in that category.
