Storage Calculator
for StorageMart

Storage Calculator
for StorageMart

Storage Calculator
for StorageMart

Year

2021

Role

UX\UI designer. Freelance

Overview

StorageMart is in the business of providing temporary storage services for personal possessions worldwide. The company was going to launch an easy-to-use calculator so that customers could decide, without complicated calculations, which storage facility
to choose depending on the amount of property to be stored.

Year

2021

Role

UX\UI designer. Freelance

Overview

StorageMart is in the business of providing temporary storage services for personal possessions worldwide. The company was going to launch an easy-to-use calculator so that customers could decide, without complicated calculations, which storage facility
to choose depending on the amount of property to be stored.

Year

2021

Role

UX\UI designer. Freelance

Overview

StorageMart is in the business of providing temporary storage services for personal possessions worldwide. The company was going to launch an easy-to-use calculator so that customers could decide, without complicated calculations, which storage facility
to choose depending on the amount of property to be stored.

Initial data

The company already had a developed prototype of the calculator. The main task was to make a user-friendly interface to control this calculator for mobile devices.


For the graphic solution, I used a mix of 3D graphics of the prototype and flat bright illustrations used on the website within the company's color palette

Initial data

The company already had a developed prototype of the calculator. The main task was to make a user-friendly interface to control this calculator for mobile devices.


For the graphic solution, I used a mix of 3D graphics of the prototype and flat bright illustrations used on the website within the company's color palette

Initial data

The company already had a developed prototype of the calculator. The main task was to make a user-friendly interface to control this calculator for mobile devices.


For the graphic solution, I used a mix of 3D graphics of the prototype and flat bright illustrations used on the website within the company's color palette

Solution

Progress bar is color coded
in colors of brand guide:

To make gradient smoother was added one more dirty yellow color

Progress bar with description is a button that opens modal list of selected items:

Graphics

For the first version were created approximate 3d models of icons displaying objects and character for onboarding in the style of other graphics on the site. In the future.

Afterwards it was decided to stop on vector isometric graphics, for which I created more than 130 icons.

The project was successfully handed over for implementation. The interface of the mobile calculator was also reused for the standalone version of the site