Back
Scroll Color Change with Shadow
CHAPTERS
Кейс по интеграции оптового портала с обновленным интернет-магазином
Следующий шаг
Overview
В рамках редизайна интернет-магазина было принято решение объединить его с оптовым порталом, создав единый продукт на базе единой дизайн-системы. Такой подход обеспечивает оптимальное решение для оптовых и розничных клиентов, улучшая функциональность и возможности обеих платформ.
Проект оптового портала Quarta был запущен на этапе MVP в середине 2023 года. В процессе модернизации проводились всесторонние исследования, добавлялись новые функции, что позволило улучшить продукт и подготовить его к следующему этапу развития.
тесное сотрудничество вылилось в
Интеграция оптового портала
Немного артефактов
Highlights
2.1 Dashboard
2.2 Side menu
2.3 Requests
2.2 Side menu
Мой вклад
My role
Активно участвовал в разработке обновленного оптового портала: переносил успешно MVP-фичи на новый дизайн, работал с современной дизайн-системой и обновлял навигацию каталога для улучшения опыта оптовых клиентов.
В проекте редизайна и интеграции оптового портала я участвовал с этапа MVP, занимался доработкой функционала, проводил исследования, общался с клиентами и генерировал идеи для улучшения UX.
тесное сотрудничество вылилось в
3.1 My role
тесное сотрудничество вылилось в
3.2 Responsibilities
С чего все началось
MVP
На этапе MVP продукт был запущен для оптимизации работы менеджеров по продажам и повышения удобства оптовых клиентов, что способствовало увеличению продаж. Ключевой реализованной функцией стала работа с рекламациями. Успешность MVP подтвердила значимость продукта для бизнеса, что привело к решению о его редизайне и интеграции.
тесное сотрудничество вылилось в
4.1 MVP stage
тесное сотрудничество вылилось в
Используемая платформа для разработки MVP оказалась ограниченной, не позволяя реализовать все желаемые функции и кастомизации.
Ограниченные возможности платформы
Внедрение портала снизило нагрузку на менеджеров, сократив бюрократию и освободив время для ключевых задач.
Упрощение работы менеджеров по продажам
Благодаря порталу, менеджеры и товароведы отметили уменьшение ошибок при обработке возвратов и брака, что повысило эффективность работы.
Оптимизация процесса рекламаций
Пользователи портала стали чаще взаимодействовать с бизнесом, увеличив количество покупок и проявляя интерес к новым поставкам.
Увеличение активности пользователей
4.2 MVP Results
Закупщик тоже человек
Analysis
Во время первых тестов мы особо отметили что закупщики положительно реагируют на B2C-паттерны в бизнес-закупках, предпочитая интерфейс, ориентированный на B2C, с дополнительным функционалом для B2B. На этапе MVP пользователи выбирали товары на розничном сайте Quarta, а заказывали через оптовый портал.
На этапе анализа проекта редизайна и интеграции оптового портала мы опирались на опыт MVP: изучали ключевые метрики, наблюдали за поведением пользователей и проводили глубинные интервью с клиентами и их представителями, получая положительные отзывы о работе портала.
тесное сотрудничество вылилось в
5.1 Research timeline
тесное сотрудничество вылилось в
Questionnaire
5.2 Questionnaire
тесное сотрудничество вылилось в
Interviews & Hypothesis
5.3 Hypothesis
One DS to rule them all
Design system
Четкое и структурированное построение новой дизайн-системы обеспечило высокую консистентность дизайна между обоими продуктами, значительно ускорило разработку и тестирование интерфейсов, позволяя команде оперативно внедрять необходимые улучшения для успеха.
Новая дизайн-система была разработана для объединения двух продуктов – оптового портала и розничного магазина. Некоторые компоненты, использованные в MVP оптового портала, были переработаны и интегрированы в новую дизайн систему.
тесное сотрудничество вылилось в
6.1 DS
The Best of Both Worlds
Integration
По итогам проведённых исследований и ввиду высокой стоимости параллельной разработки двух продуктов было принято решение объединить оптовый портал с розничным магазином. Здесь я представлю ЛК оптового клиента с новыми решениями, а также отличия взаимодействия с обновлённым интерфейсом каталога.
тесное сотрудничество вылилось в
  • На этапе MVP у личного кабинета оптового портала не было главной страницы.
  • MVP портал имел мало инструментов аналитики.
  • В силу технических ограничений структура личного кабинета в MVP была неинтуитивной.
Проблема
  • Добавили главную страницу с наиболее востребованным функционалом, обеспечив быстрый доступ к ключевым данным.
  • При интеграции реализовали функцию подключения склада компании, отображающую релевантную статистику по закупкам и продажам.
  • Обновили структуру ЛК, приведя его к формату дашборда для улучшения удобства и быстроты работы пользователей.
Решение
7.1 Dashboard
  • Пользователи затрудняются найти фильтры на странице каталога
  • Пользователи не могут легко переключаться между категориями товаров
Проблема
тесное сотрудничество вылилось в
  • Разделили раздел «Документы» на табы с наиболее востребованными типами документов.
  • Добавили строку поиска, релевантные фильтры и возможность выбора диапазона дат.
Решение
  • Пользователи испытывали сложности с поиском нужного документа среди большого количества файлов.
  • В MVP-версии портала отсутствовал удобный инструмент для быстрого поиска конкретного документа.
Проблема
7.2 Documents
  • Пользователи затрудняются найти фильтры на странице каталога
  • Пользователи не могут легко переключаться между категориями товаров
Проблема
тесное сотрудничество вылилось в
  • Добавили отдельный раздел с табами по ключевым запросам клиентов о возвратах и рекламациях.
  • Переработали структуру формы, сделали процесс заполнения поэтапным, добавили подсказки для корректного внесения данных.
  • Добавили систему статусов и уведомлений, позволяющую отслеживать этапы обработки заявки в режиме реального времени.
Решение
  • Пользователям было сложно отслеживать статус заявок на возврат и рекламации.
  • В MVP пользователи часто пропускали важные поля в форме возврата, что усложняло работу менеджеров.
  • В MVP-версии пользователи не могли оперативно получать статус своих заявок по рекламациям.
Проблема
7.3 Refund requests
  • Пользователи затрудняются найти фильтры на странице каталога
  • Пользователи не могут легко переключаться между категориями товаров
Проблема
тесное сотрудничество вылилось в
  • Интегрировали оптовый портал с розничным магазином, обеспечив единый процесс выбора и закупки.
  • Добавили фильтры, релевантные для оптовых клиентов, обновили карточки товаров, включив ключевые параметры для B2B закупок.
  • Добавили фильтры, релевантные для оптовых клиентов, обновили карточки товаров, включив ключевые параметры для B2B закупок.
Решение
  • Пользователи покидали оптовый портал, искали товары в розничном магазине и только затем оформляли заказ в оптовом портале.
  • В MVP пользователи отмечали недостаточную детализацию фильтров и ограниченную информативность карточек товара.
Проблема
7.4 Catalogue
Удачный старт
Results
В ходе проекта я углубился в специфику B2B e-commerce, изучил особенности взаимодействия оптовых клиентов с цифровыми продуктами и провел исследования, адаптированные под их потребности. Впервые участвовал в запуске MVP с нуля, что дало ценный опыт работы с ограниченными ресурсами и быстрыми итерациями.
Также, я получил широкий опыт в создании и ведении дизайн-системы, объединившей несколько продуктов. Разработал ключевые интерфейсы, улучшил UX через анализ пользовательского поведения и тестирование решений.
8.1 MVP Results
тесное сотрудничество вылилось в
8.2 Integration Survey Stats
Редизайн интернет-магазина
Кейс о редизайне магазина Quarta, проведенных исследованиях и новом UI
В этом кейсе я расскажу о редизайне интернет-магазина Quarta, проведенных исследованиях и UI-решениях на примере каталога.
Редизайн Quarta
Product Design, B2C, E-commerece
тесное сотрудничество вылилось в
Works
About
2025. Новаш Константин.
Made with love and 25 cups of coffee (black, no sugar).
тесное сотрудничество вылилось в