greenzelen avatar

UI/UX Design by Mariia Perlovskaia

Hi! My name is Mariia and I design interfaces for b2b/b2c.

That's my CV.

Retailer Information System on SberMarket / Web / 2021

The Product

An internal product in SberMarket for quickly connecting new retailers and stores. Connecting a new retailer is a complex task that requires a dedicated person, who helps the retailer configure the information exchange and gets the store up and running quickly. That’s an average of 40 hours per one retailer. The main task of the project is to reduce this time ideally to 8-12 hours. At the MVP stage, it would be successful to halve that time.

The Limits

The product is implemented on the current design system with restrictions on the development of custom components. The current design system of SberMarket is not customized for admin systems, so we additionally developed tables and elements for forms.

The Problem

In the previous version, each store was added through a form manually: an address, a store key in the database, etc. There are hundreds of stores, manual work is expensive, and it takes a long time to add stores.

I suggested adding mass data import from xls lists that come to the content department and not using the concept of manual addition. Research and interviews with users showed that when adding stores they don’t correct errors immediately and copy the data from xls as they receive it. They make separate requests to retailers for errors and correct them after the fact, so a form for editing the store is not needed at the MVP stage.

Product Information Managment System on SberMarket / Web / 2020-2021

The Product

An internal product in SberMarket for editing product and category cards before they are sent to the storefront. Category specialists and content managers are the main users of the service.

The Limits

The service started to be designed on Material Ui. New custom components can be added, as long as they are really needed. For example, multi selects, multiple entity inputs, drag-n-drop, etc., but inexpensive solutions on the current design system are prefer.

Adding filters to categories

The Problem

The customers website and app use filters within categories to reduce tree nesting. Adding these filters manually increases the time-to-market and is not useful for several thousand categories and tens of thousands of products.



I’ve created a tool to make rules that automatically bind items to filters within a category. If you create a «Red Fish» filter, it will include goods with the types «Trout», «Coho salmon», etc. The «Italian Cuisine» filter will include all items with Italy as their manufacturing country. The «Take to Flight» filter will not include drinks larger than 100 ml.



View category-linked filters and products

The Problem

Filters and categories are created by the dozens, and despite the number of automations, it’s easy to miss the binding of filters to categories and the binding of products to filters. The category specialist had to manually double-check his work on each category in the admin panel or on the b2c-storefront after the categories had been poured into the product.

I developed a solution where all the «category-filter-items» links are visible in the admin panel from the category tree, which is handled by category specialists. The user opens the storefront view and sees which filters are linked to categories, which products are linked to filters, and if there are products without links — all on the same scoreboard. In this way, the user quickly finds empty filters or filters with errors if the wrong products are linked to them.

Tomoru / Web / 2020

Tomoru is a graphical constructor of audio and text bots, as well as a set of admins panels serving ready-made bots.

The challenge: visualize bot algorithms with complex business logic, work with intents and entities, take most of the process of assembling bots from the code to the browser, create a ui-kit for all business projects (designer, administrative panels).

Unibid / Web / 2016-2019

Unibid is a consolidated purchasing management service for CIS network retailers, designed to optimize cooperation between retail chains and producers from China through the intermediary South China Service Group.

The challenge: create a unified system for purchasing wholesale goods with a full document management of transactions and visualization of logistics instead of traditional transaction management through calls or emails.

Viamme / Web / 2019

Viamme is a startup for booking tours and selling text-based travel guides from locals and tour guides. The project is frozen.

The challenge: make the first version of the site with minimal functionality to choose tours and search text guides, with the ability for individual guides to offer their services independently on the site through a personal account and control reservations.

greenzelen avatar

UI/UX Дизайнер Мария Перловская

Привет, меня зовут Мария и я занимаюсь разработкой интерфейсов для b2b/b2c.

Вот здесь можно глянуть моё резюме.

Retailer Information System в СберМаркет / Web / 2021

Контекст

Внутренний продукт в СберМаркет для быстрого подключения новых ретейлеров и магазинов. Подключение нового ретейлера — это ресурсозатратная задача, на которую выделяют отдельного человека. Он поможет ретейлеру настроить инфообмен. В среднем это 40 часов на каждого ретейлера. Задача проекта уменьшить это время в идеале до 8-12 часов. На этапе MVP успехом бы было уменьшить это время вдвое.

Ограничения

Продукт реализован на текущей дизайн-системе с ограничениями на разработку кастомных компонентов. Текущая дизайн-система СберМаркета не заточена под админки, поэтому дополнительно разрабатывали таблицы и элементы для форм.

Проблема

В старой версии каждый магазин добавлялся через форму вручную: добавить адрес, ключ магазина в базе и т.д. Магазинов сотни, ручная работа обходится дорого и заведение магазинов затягивается.

Я предложила добавить массовый импорт данных из xls-списков, которые приходят в отдел контента, и не использовать концепцию ручного добавления. Рисеч и интервью с пользователями показали, что при добавлении магазинов не получается сразу править ошибки и пользователи копипастят данные из xls в том виде, в котором их получают. По ошибкам составляют отдельные запросы ретейлерам и правят их постфактум — поэтому форма для редактирования магазина на этапе MVP не нужна.

Здесь можно посмотреть короткий прототип с моими комментариями.

Product Information Managment System в СберМаркет / Web / 2020-2021

Контекст

Внутренний продукт в СберМаркет для обработки карточек товаров и категорий перед отправкой на витрину. Категорийные специалисты и контент-менеджеры — это основные пользователи сервиса.

Ограничения

Исторически сложилось, что сервис начали верстать на Material Ui. Можно добавлять новые кастомизированные компоненты, если они оправданы. Например, мультиселекты, множественные вводы сущностей, драг-н-дроп и т.д., но приветствуются недорогие решения на текущей дизайн-системе.

Добавление фильтров в категории

Проблема

На сайте и в приложении внутри категорий используются фильтры, чтобы уменьшить вложенность дерева. Добавление этих фильтров вручную увеличивает тайм-ту-маркет и не оправданно для нескольких тысяч категорий и десятков тысяч товаров.



Я создала инструмент для составления правил, по которым привязка товаров к фильтрам внутри категории происходит автоматически. При создании фильтра «Красная рыба» туда попадут товары с типами «Форель», «Кижуч» и т.п. В фильтр «Итальянская кухня» все товары, у которых страной-производителем указана Италия. В фильтр «Взять в самолёт» не попадут напитки объёмом более 100 мл.



Просмотр привязанных к категориям фильтров и товаров

Проблема

Фильтры и категории создаются десятками и несмотря на количество автоматизаций, легко упустить привязки фильтров к категориям и привязки товаров к фильтрам. Категорийному специалисту приходилось вручную перепроверять свою работу по каждой категории в админке или на b2c-витрине уже после проливки категорий на прод.

Я разработала решение, где все связи «категория-фильтр-товары» видны в админке из дерева категорий, с которым работают категорийные специалисты. Пользователь открывает режим просмотра витрины и видит, какие фильтры привязаны к категориям, какие товары привязаны к фильтрам и встречаются ли товары без привязок — всё это на одном табло. Таким образом, пользователь быстро находит пустые фильтры или фильтры с ошибками, если к ним привязались неправильные товары.

Tomoru / Web / 2020

Tomoru — это графический конструктор аудио и текстовых ботов, а также комплекс админок, обслуживающих готовых ботов.

Задача: визуализировать алгоритмы ботов со сложной бизнес-логикой, работу с интентами и сущностями, вынести большую часть процесса сборки ботов из кода в браузер, создать ui-kit для всех проектов бизнеса (конструктор, административные панели).

Unibid / Web / 2016-2019

Unibid — это сервис для управления консолидированными закупками для сетевого рeтейла из стран СНГ, созданный чтобы оптимизировать сотрудничество торговых сетей с производителями из Китая через посредника South China Service Group.

Задача: создать единую систему закупа оптовыми товарами с полным документооборотом сделок, визуализацией логистики взамен традиционного ведения сделок через звонки или электронную почту.

Viamme / Web / 2019

Viamme — это стартап для бронирования экскурсий и продажи текстовых туристических гайдов от локальных жителей и экскурсоводов. Проект заморожен.

Задача: cделать первую версию сайта с минимальным функционалом выбора экскурсий и поиска текстовых гайдов, с возможностью для отдельных гидов предлагать свои услуги самостоятельно на сайте через личный кабинет и контролировать брони.