ZDR—A—VSTV—UYTE!
 

Ambiz ————— Product design for an office supply company

 

 

Overview

Ambiz, being the one of the oldest office supply companies in Moscow, working since 1995, happened to be one of my oldest clients as well —I’ve been working with them on their corporate website before.

In 2017 they approached me and asked to re-think and re-design an online store and an internal system for their B2B clients which allows them to handle office supply expenses, set the goods’ lists for the specific needs and permissions for the purchasers.

January 2017—June 2017 @ Saint Petersburg

 
001.jpg

Information architecture

The work process began with the design of the project structure. Together with the client, we collected all the key elements of the system in one map and distributed them in their places.

The client didn't have any metrics nor analytical data for how users were coping with the current system at the time, which was very convenient on the one hand — I had to create an entirely new product, but at the same time took up extra time for research and interviews with their current users. This was necessary to preserve their usual patterns and to simplify rather cumbersome scenarios.

The result of this work was a mindmap, which became a starting point for building basic user scenarios and prototypes.

 
ambiz-mindmap-white.png
 
 

No bells and whistles.

The store had to be as simple as possible. The UX research on client’s side showed that the target audience prefers efficiency insted of over-designed catalogue.

I managed to design minimalistic and simple-to-use front store which passed users testing succesfully as the most convenient at the moment comparing to the competitors.

Adding product to cart is as simple as it ever could be. A modal window with quick view shows all the details, crucial actions such as adding to faves and compare product, as well as switching between different products without going back to the main catalogue.

Front store

 
001.png
 
003.png
007.png
 

Rich sticky header

From the feedback and the research it became clear that all the main entry points for the user should be accessible at all times. I achieved that by incorporating them into the page header and designed a “sticky” version of it.

It collapses into the icons depending on the width of the display end expand an additional panel for the logged users.

 
 
006.png
 

Static pages

Along with the interfaces I designed static pages for the corporate website. Some are shown on the right and below: About company, Invitation to participate in a tender and Contacts.

 
 
061.png
005.png
004.png
 
 

The product page

The product itself has little data — a title, a description and a few images. However, a product can have a few vendor codes, which differ depending on sizes, colours and so on and should be accessible for ordering right from the same page.

 
024.png
060.png
062.png
 
 

The basket

My technological and engineering inspiration behind designing the basket was that of Amazon’s. I also carefully researched all the latest e-commerce trends from the reports by NN/Group.

The result was a powerful system within a system. The basket allows user to search for the goods and even order what’s not in stock and to buy directly inside of it — for all those cases when a customer has the vendor codes already.

On checkout, user fills in either the default or custom form. Since the system works for authorised clients only, first, the checkout can be customised, second, there’s no need to enter credit card data.

Marketing trickery

An empty basket should never be empty. The system should offer customer all the ways of finding goods, show popular categories and current sales, season goods or new arrivals. Split AB test had shown the increase of the conversion rate by roughly 20% in the basket with new arrivals and suggested products versus an entirely empty one.

Having a catalogue menu, a search barand suggested categories directly within the empty basket in above-the-fold area was highly appraised by the target audience.

 
 
 

The dashboard

 

Order management

I've completely reworked the order processing system. In the current state, all orders requiring attention are highlighted in orange. For quick orientation in the order list, I have created status filters and two types of order cards.

 
 
025-2.png
 

Handling budgets, users and roles with permissions

My goal here was to make it as clear as possible for the user, considering the amount of data travelling within the system — budget rules, permissions, delivery addresses and approved lists — it all ends up at creating a suitable user role. Budget system here is a way of restraining expenses by differentiating between roles and goods’ lists.

 
 
046.png
033.png
048.png
047.png

Managing company info

Some simple interfaces for managing company’s requisites, delivery addresses and defaults values for cases like adding an employee

 
035.png
036.png
 

Creating templates for registration

Each client company is able to create its own registration templates in the system, which can be used by their new employees.

 
 
057.png
055.png
056.png
025.png
 
 

Creating a role

This functionality is one of the most distinctive ones among the competitors, so I handle it well, allowing to create both pre-defined and custom roles.

 
037.png
039.png
040.png
042.png
 
 

Products’ lists

One of the most important features is creating and managing lists of products. This way a company can handle their expenses quite well by restraining different users or groups of users from spending too much money.

There are three ways to build a list: by choosing goods from the catalog, by uploading a CSV file and simply by pasting the data from the buffer.

 
049.png
050.png
051.png
054.png
059.png