Russian Fairs

2020

Design of the marketplace for ordering goods from local fairs

Role

Product designer

Scope

UX / UI Design

Platform

Web

iOS

Android

Context

Russian Fairs is e-commerce startup. Оn the one hand, it provided infrastructure and space for local entrepreneurs to trade, and on the other hand, it gave customers the opportunity to order products from a local fair. Fairs were to be built under the project, taking into account the local flavor in different regions of Russia.

Task

Develop the marketplace design that would allow you to order products from the nearest fair, as well as talk about the fair itself and provide navigation through its territory.

Develop the design of the seller's dashboard, which provided everything necessary for trading at the physical fair and allowed to sell goods online.

Link the two systems together for a smooth and convenient process of buying and selling on the marketplace

Process

Research

The research for the design of the marketplace was the easiest stage, since there were many marketplaces and product delivery services from whose experience it was possible to build. This allowed us to quickly create a CJM and design an information architecture based on it and start creating prototypes.

With the seller's dashboard, the situation was much more difficult. The available references were tailored to the specifics of their respective marketplaces. We also had the task of making an admin panel for physical and online trading at the same time. And in addition, take into account the legal basis of entrepreneurial activity. We started our work with a series of interviews with experts from the legal field, and then moved on to our potential audience. These stages allowed us to move on to the creation of CJM and further steps.

Connecting the dots. The last preparatory stage was the connection of the two parts of the product. We tried to make the online trading process as clear as possible for both sellers and buyers. We have redesigned the flow of purchase and delivery of goods, simplifying and making completely mirrored statuses on the part of the seller and buyer.

Prototypes and UI

Based on the information architecture, we have made low-detailed prototypes of all pages. Next, with the help of the brand book, we made several concepts of the main pages for the web and the application.

Having selected the winners, we started developing the design system. We chose the path – to make a single design system for the marketplace and the seller's dashboard, as well as for all platforms (web, iOS and Android). While developing the design system, we constantly applied elements on prototypes to check their relevance to our tasks.

When the design of the system was completed, we started applying it to all prototypes. At this stage, the most difficult moment was maintaining the consistency of the user experience in the application and the web version of the seller dashboard. For example, in the interface for renting retail space.

Development

The work in the teams was carried out in parallel and we understood that at some stages we might have discrepancies. So we simplified some sections of the flow and removed the secondary functionality, leaving it for the next versions. This allowed us to reduce the cost of developing the release version.

Pre-release testing

Before the full launch, we had the opportunity to check the clarity and accessibility of the main points in our applications. For the marketplace, we tested the process of registration, product search, work with the shopping cart and payment of orders on representatives of the target audience. For the seller dashboard, we checked the process of registration, renting, adding goods, working with orders and finances. This allowed us to simplify a number of significant user paths before the full launch of the project.