Maria di Cesare

Excentos Themes

PROJECT INTRO

Excentos is a B2B enterprise that provides Guided Selling tools, in specific Product Finders. A Product Finder is a UI that helps online shoppers to get to the right product, like a virtual shop assistant.
After developing a customer-facing tool to build Product Finders (the Workbench), Excentos wanted to be able to satisfy a wide range of industries by offering different themes.

THE PROBLEM

To be able to support diverse businesses in size and type, it was important for the company to offer flexibility to their customers.

Each online shop has his own style, business requirements, target group/s, as well as its own technical characteristics (different container widths, just to mention one).

THE SOLUTION

After analysing a range of online shops as well as existing Product Finders developed by Excentos and similar companies, we identified four main possible user's needs to base our Theme planning on: advising, informing and educating, inspiring, interface experience.

According to this we planned the development of 3 + themes.

RIVER

As a first theme, the goal was creating a greatly flexible UI, integrable in diverse websites, involving little or large amounts of content.
Working with a parallel prototyping approach, I have started by wireframing a few instances.

Paper game to try different arrangements of the elements.

For this theme I designed using content for a hypothetical Bike Finder.

I used Adobe XD for wireframing and prototyping.

My role in this project included user-testing (after a first version was launched) and analysis through video recording of users using the product finder, iteration of the design through prototype in Adobe XD as well as directly editing the CSS code (SCSS).

SUNRISE

This theme wants to target the female western fashion industry and its shoppers.

Involving more image content and less text, it aims to inspire and advising at the same time.

The process started with wireframing different possibilities to display the elements considering the limitations of the backend and the user's needs, with a mobile-first approach.

To design it, we chose to use a Coat Finder's content.

SKY

To service more complex Product Finders with large amounts of content, I designed Sky.

This theme also adds to the shopper experience a Comparison table.

As an example we decided to use a Printer Advisor.

Top

Still curious?