Интернет-магазин ювелирных украшений

Goals and Tasks

The goal was to develop the design of a multi-page website for searching Russian software. It was necessary to create a catalog with different types of filters, cards for websites and services, an analogs catalog, and a personal account for tracking statistics.

About the Project

The service connects vendors and customers and helps them find each other.
At the first stage, we developed an analogs catalog with a personal account. In the future, the project plans to become not just a catalog, but a marketplace and community for Russian IT companies.

https://svoivit.ru/

Updated and edited by the client

20 working days

development time

Design Concepts

I prepared several versions of the first screen in different styles.
There were no specific design preferences, only color and illustration preferences. Therefore, I proposed various options.

What Was Done

Research and preparation
Wireframes for all pages with text
Five versions of design concepts for the first block were proposed
Design of all pages in Figma
Mobile version development
Preparation for layout

Wireframes

Before starting the visual design, I always prepare a detailed draft version with structure and text. At this stage, we approve the UX.

Main Screen

The main screen introduces users to the company’s services and features, and directs them to the catalog or registration. Therefore, the screen contains a lot of navigation elements, links, and cards with calls to action.

Catalog

The catalog now has two separate pages for searching by software category and by alternatives.

Company Card

The company card needed to describe the solutions they offer in more detail and suggest other similar alternatives in the same category.

Alternative Card

The idea was to show the full list of available analogs for different foreign services — for example, Google, Trello, Notion.

Personal Account

It is needed so companies can track statistics on views, as well as change their company information and offerings. In the future, the functionality of the personal account is planned to be expanded.

Adaptive Versions

Special attention was given to the mobile version, as it is expected to generate the majority of traffic.

UI Kit

In projects like this, preparation of design assets for development is essential. I created a UI kit, defined the visual style, animations, and interactive prototypes so that developers would have no questions during layout.