01. Overview

CommonShare offers a cutting-edge platform for certification, auditing and testing companies to showcase their services, source new business, and empower existing suppliers. 

The Platform allows entrepreneurs and market-makers to quickly design, implement and grow multi-sided platforms. Our microservices architecture includes features that drive efficiency across your business:

02. Design

The biggest challenge here was to work both on the UX and the UI, designing over 400+ responsive screens during the past 6 months. There was a lot of brainstorming, several step processes, changes and ideas.

For this particular project, I built an integrated design system, because there were several designers working on this on a remotely distributed team, we synced our sketch files with invision and plant, and did the iterations in Jira.

UX PROCESS

First we had to get the whole site structure tight together, all pages, and possibilities in overview.

 

Then all the user flows for the different scenarios.

Login, Product Upload, Certifications, Admin, Claim Profile, Dashboards.

 

WIREFRAMING

Afterwards, using specs from the UX, the wireframing process started.

DESIGN SYSTEM

A design system was necessary to have an unified look, that we could reuse over and over again.

We used a synced Sketch library – for this purpose as well, because we are a remote team, and have several people working at the same time on the same files.

This design branding allowed us to use the symbols dynamically, together with full COLOR, TEXT & SHAPE overrides. This means, that we no longer had to build new symbols in order to have a button with a different icon, shape, or background. Same goes for almost every other symbol around. Their overrides are fully customizable. Therefore our Symbol Library was rather “small” and lightweight.

SCREENS

Afterwards, we proceeded to design the screens. This is just a part of them, as there are more than 400 screens for this project. All of them had to be responsive as well, which made the whole process utterly complex and challenging.

HOME SCREENS

CLAIM PROFILE PROCESS

BLOG & FAQ

SEARCH PROCESS

LOGIN & SIGNUP

SUPPLIER SEARCH

ILLUSTRATED ICONS

More at www.commonshare.com