Все кейсы
Ритейл
UX\UI-дизайн и проектирование
Интернет-магазин

«Продайте мне эту ручку!»: редизайн b2b-магазина офисных товаров

Клиент
Смартон
Дата запуска
Декабрь 2024
Что сделали
Сделали UX‑редизайн B2B‑магазина офисных товаров: перепроектировали каталог, поиск, фильтры, корзину и личный кабинет под задачи корпоративных клиентов.
«Продайте мне эту ручку!»: редизайн b2b-магазина офисных товаров

Заказчик

Компания «Смартон» — импортер и дистрибьютор канцелярских и офисных товаров в Беларуси.

Цель

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

Анализ проекта

От поиска до корзины: ключевые задачи

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

Навигация и поиск

Чтобы упростить работу с каталогом, нужно было:

  • продумать структуру разделов;
  • настроить точный поиск и фильтрацию;
  • учесть характеристики товаров;
  • сделать разбивку по брендам (компания представляет более 40 брендов).

Инструменты для корпоративных клиентов

Основные покупатели — корпоративные партнеры, которым нужна не просто корзина, а рабочий инструмент. Система должна поддерживать акты сверки, график платежей, передачу обращений и анализ покупок.

Два направления интерфейса

Архитектуру сайта разделили на два блока: внешний (каталог, бренды, акции, новости) и внутренний (корзина, личный кабинет партнера, система уведомлений). Это разделение определило и работу дизайнеров: один занимался публичными страницами, второй интерфейсом личного кабинета.  

Прототип

Дизайн-концепция и структура

Чтобы не потерять логику проекта, сначала разработали подробную дорожную карту и структурные макеты страниц.

На этапе проектирования продумали наполнение всех разделов сайта: главной страницы, каталога, карточек товаров, коллекций, новостей и акций, страниц брендов, разделов «Где купить» и «Контакты», а также личного кабинета клиента.  

Дизайн

Визуальная концепция

После согласования структурных макетов разработали дизайн-концепцию и проработали внешний вид ключевых страниц сайта.

Главная страница
Главная страница

Карточка товара

Быстрый просмотр и карточка товара

Продумали отображение товара в двух сценариях: при быстром просмотре в каталоге и на странице полной карточки товара.  

Быстрый просмотр
Быстрый просмотр
Последние заказы
Последние заказы

Функциональные требования

Проработка логики сайта

Помимо дизайна мы подготовили подробный документ с функциональными требованиями. В нем описали структуру сайта, логику работы каталога, корзины, личного кабинета и фильтров.

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

Навигация

Хлебные крошки

Smarton.by ориентирован на корпоративных клиентов, но интерфейс должен быть понятен и для обычных посетителей. Поэтому на сайте реализовали прозрачную навигацию с помощью хлебных крошек.

Они показывают, где пользователь находится в структуре каталога, и позволяют быстро вернуться на предыдущие уровни. Это упрощает работу с большим ассортиментом и помогает не потеряться в разделах.  

Фильтрация

Система фильтров

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

Поиск

Умный поиск Sphinx

Для поиска внедрили движок Sphinx, который учитывает морфологию и транслитерацию. Система понимает запросы даже при ошибочной раскладке.

При вводе запроса появляются динамические подсказки: совпадающие товары и категории, популярные запросы и недавние поиски пользователя.  

Карточка товара

Информативная карточка

Здесь собраны технические характеристики, варианты параметров (например, цвет), описание, фотографии, документы и сертификаты, отзывы и похожие товары.

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

Дополнительные функции

Расширенная корзина

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

Товары, которых нет в наличии, автоматически попадают в отдельную корзину — «В ожидании».  

Корзина
Корзина

Личный кабинет

Управление заказами

После оформления клиент видит информацию о заказе и его статус. История всех заказов сохраняется в личном кабинете корпоративного клиента.

Здесь доступны инструменты для работы с закупками и документооборотом:

  • управление персональными данными;
  • редактирование контактной информации;
  • банковские и юридические реквизиты;
  • адреса доставки;
  • история договоров и активных сеансов.

Результат

Основа для нового сайта

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

В результате были подготовлены:

  • дизайн-концепция и макеты ключевых страниц;
  • прототипы пользовательских сценариев;
  • интерфейсы личного кабинета;
  • функциональные требования для разработки на «1С-Битрикс»

Проект стал полноценной основой и путеводителем для обновления сайта Smarton.  

Андрей Малашевич
Андрей Малашевич
Андрей Малашевич
Руководитель управления маркетинга и рекламы, Paritetbank

ОАО «Паритетбанк» благодарит ООО «Найнсевен» за сотрудничество в рамках разработки корпоративного сайта www.paritetbank.by.

Смотреть отзыв
Екатерина Полещук
Екатерина Полещук
Руководитель отдела маркетинга, ООО «Профессиональные правовые системы»

Выражаем благодарность за завершенный проект по обновлению нашего корпоративного сайта www.business‑info.by.

Смотреть отзыв
Александр Шостак
Александр Шостак
Директор, ООО «ИКомЧардж»

Специалистами ООО «Найнсевен» были неоднократно успешно осуществлены подключения механизма онлайн-платежей

Смотреть отзыв
Павлова Валентина Петровна
Павлова Валентина Петровна
специалист по развитию торговой марки, Аливария
За время сотрудничества компания ООО «Найнсевен» зарекомендовала себя как надежный и ответственный партнер.
В.Т. Одорский
В.Т. Одорский
заместитель Генерального директора по маркетингу, СООО «Мобильные Теле Системы»

ООО «Мобильные Теле Системы» (далее – МТС) выражает искреннюю благодарность команде ООО «Найнсевен» (далее - Найнсевен) за качественное оказание услуг по администрированию и технической поддержке сайта mts.by.

Смотреть отзыв
Н.А. Булаш
Н.А. Булаш
Заместитель Генерального директора по коммерческим вопросам, СООО «Мобильные ТелеСистемы»

СООО «Мобильные ТелеСистемы» выражает благодарность команде ООО «Найнсевен» за профессиональную разработку и техническую поддержку интернет-магазина shop.mts.by.

Смотреть отзыв
Е.А.Ломеко
Е.А.Ломеко
Генеральный директор, Брестское РУП «Фармация»

Брестское РУП «Фармация» с 2018 года сотрудничает с компанией «Найнсевен» по вопросам разработки корпоративного сайта, развертыванию на его базе функционала Интернет-аптеки, по технической поддержке и развитию указанных информационных ресурсов. 

Смотреть отзыв
Лариса Купава
Менеджер по маркетингу, SvitLand Development Limited

Мы довольны сотрудничеством с Nineseven. Удобная программа управления проектом и быстрое реагирование сделали даже удаленную работу комфортной.

Смотреть отзыв
У.С. Савиных
У.С. Савиных
Продюсер, МФР Red Apple

Фестиваль Red Apple сотрудничал с Nineseven с 2013 по 2014 год. Благодаря профессионализму сотрудников был создан эффективный и удобный сайт фестиваля www.festival.ru.

Смотреть отзыв
Алексей Сидоров
Алексей Сидоров
Алексей Сидоров
Основатель и руководитель проекта, Prodengi.kz

Интернет-портал prodengi.kz выражает благодарность команде Nineseven за взаимовыгодное сотрудничество и добропорядочные отношения. Мы ценим профессионализм, креативность и качественный сервис, который предоставляет Nineseven.

Смотреть отзыв
Александр Кузьменко
Александр Кузьменко
Александр Кузьменко
Руководитель проекта, Игры@Mail.Ru
Спасибо за работу! Рассчитываем на дальнейшее сотрудничество в таком же ключе.
Смотреть отзыв
А.В. Любимова
А.В. Любимова
Генеральный директор, ООО «Акомпани»
Выражаем благодарность за плодотворное сотрудничество в 2010 году. Благодаря уровню профессионализма и лидерским качествам команды мы достигли значительных успехов.
Смотреть отзыв
Денис Бурлаков
Денис Бурлаков
Руководитель, Интернет-магазин Deniliz.com

Отмечаем творческий подход команды Nineseven: совместно с нами они проработали техническое задание, помогли определить структуру сайта и реализовать проект с учетом потребностей аудитории.

Смотреть отзыв
И. Шумицкий
И. Шумицкий
И. О. директора департамента маркетинга, Банк Хоум Кредит (Казахстан)
Выражаем благодарность компании Nineseven за создание сайта www.homecredit.kz.
Смотреть отзыв
А.Н. Григорьева
А.Н. Григорьева
Генеральный директор, ООО «Тренд Ритейл Групп»

Надеемся на дальнейшее и столь же успешное сотрудничество.

Смотреть отзыв
И.С. Федюкин
И.С. Федюкин
Директор по развитию бизнеса, ООО «НЕВМЕДИА»

Компания ООО «НЕВМЕДИА» благодарит Курдюк Зою за сотрудничество. По нашему мнению, Курдюк Зоя — профессиональный специалист с высокой квалификацией в области дизайна, ответственная и надежная в деловых взаимоотношениях.

Смотреть отзыв
Н. А. Булаш
Н. А. Булаш
Руководитель коммерческого департамента, Мобильные ТелеСистемы

ООО «Найнсевен» является разработчиком интернет-магазина shop.mts.by и на протяжении шести лет обеспечивает его поддержку и обновление.


Смотреть отзыв
Д.С. Костин
Д.С. Костин
Д.С. Костин
Начальник службы по связям с общественностью и СМИ, ПАО «Газпром Трансгаз Беларусь»

Свидетельствую почтение и выражаю благодарность компании Nineseven и лично Дмитрию Хоружко за разработку и реализацию творческой идеи дизайна сайта проекта Многофункционального комплекса «Газпром Центр».

Смотреть отзыв
С.В. Белов
С.В. Белов
Генеральный директор, ООО «Вектор-Парфюм»

Компания ООО «Вектор-Парфюм» благодарит дизайнерскую студию Nineseven за разработку графической части интернет-магазина парфюмерии и косметики Bonange.ru. Сотрудники студии — настоящие профессионалы своего дела и обладают высокой квалификацией в области дизайна.

Смотреть отзыв
И.Е. Адаменко
И.Е. Адаменко
Заместитель директора, ОДО «БелТоргПродукт»
Рекомендуем ООО «Найнсевен» как надежного партнера, добросовестно выполняющего свои обязательства.
Смотреть отзыв

Медиа

Telegram-канал

Из первых уст о внутренней жизни агентства

Перейти в TG-канал
Nineseven
Новые технологии — новые проблемы
Люблю смотреть всякие красивые графики и таблицы. На Pinterest могу долго залипать в подборках инфографики от древности до наших дней. И вот во время одной из таких вылазок пришла банальная мысль: насколько же легче стало упаковывать аналитику в понятный вид и насколько тяжелее при этом стало ее воспринимать.

Объясню в разрезе нашей работы. Чтобы создать дашборд со всякой аналитикой лет 15 назад, нужно было:
1. Собирать данные в одну базу и разгребать их оттуда вручную: продажи, заявки, прогресс по проекту — все ручками

Публикации в СМИ

Обсудим задачу

Мы свяжемся с вами, чтобы задать вопросы и обсудить задачу, цену, сроки и результат.

Это бесплатно и ни к чему вас не обязывает.

Поле обязательно к заполнению
Поле обязательно к заполнению
Поле обязательно к заполнению
Пожалуйста, ознакомьтесь и подтвердите согласие
Дмитрий Хоружко
Дмитрий Хоружко CEO Nineseven