Сайты и блог Seller Labs и X-Cart
Составной кейс: редизайн главной X-Cart, блога и главной Seller Labs на одной дизайн-системе, плюс общий брендбук
- Компания
- Seller Labs / X-Cart
- Роль
- UX/UI Designer
- Период
- 2021 — 2022
- Домен
- E-commerce, SaaS для продавцов на Amazon
- Платформа
- Web
О проекте
Seller Labs — международная компания в e-commerce: продукты для продавцов на Amazon и платформа X-Cart (входит в состав Seller Labs). За время работы сменилось позиционирование сразу двух продуктов, и всё веб-присутствие нужно было привести к новому виду и единой системе.
UX/UI-дизайнер в отделе маркетинга, в международной команде: сайты, блоги, UI-kit, иллюстрации, логотипы. Работал в связке со старшим маркетинг-менеджером, который давал обратную связь на каждом этапе.
Ниже — три связанных проекта: редизайн главной X-Cart под automotive-позиционирование, переработка блога (основной канал органического трафика) и редизайн главной Seller Labs под два равнозначных продукта. Отдельно собрал разрозненные гайды в единый брендбук. Во всех проектах — общая сетка и шрифтовые стили; различие в акцентном цвете: зелёный у Seller Labs, оранжевый у X-Cart.
Главная X-Cart
Задача
Дизайн сайта не обновлялся около четырёх лет и устарел. Сменилось позиционирование: три направления с главным акцентом на automotive-тему — на тот момент приоритетном направлении с самым большим доходом.
Решение
Взяли общую с Seller Labs сетку и шрифтовые стили, акцентный цвет — оранжевый из логотипа X-Cart. Иллюстрации сместили на интерфейсы — и чтобы отличаться от Seller Labs, и из-за специфики сферы. Второй экран — слайдер с тремя направлениями, в большинстве иллюстраций automotive-тематика.
Результат
TODO — влияние на конверсию главной, отклик отдела продаж.
Блог
Задача
Основной трафик на сайт — органический, над статьями постоянно работают три маркетинг-менеджера, добавляя новые разделы, интервью и кейс-стади. Старый блог не соответствовал новому стилю бренда: внутренние страницы однотипные, без секционирования (CTA, цитаты), без удобной навигации по тегам, без вынесенных вебинаров.
Решение
Разобрали много вариантов вынесения разделов, фильтров и системы тегов. В связке со старшим маркетинг-менеджером собрали финальную структуру: главная блога, страница статьи, страницы вебинаров и подкастов — с секционированием и навигацией по тегам.
Результат
TODO — метрики, если сохранились: поведение в блоге, глубина просмотра, переходы из блога в продукт.
Главная Seller Labs
Задача
Страница устарела и по контенту, и по графике, а фокус был только на одном продукте — Seller Labs Pro (дашборд для продавцов на Amazon). После смены фокуса компании нужно было показать одновременно два направления — Pro и Managed Services (клиентский сервис с живыми специалистами) — не смещая приоритет ни на один и не перегружая пользователя.
Решение
Сначала рассматривали «слайдер» продуктов по клику на половину экрана — не подошёл: пришлось бы сделать один продукт приоритетным. Остановились на онбординге-«версус»: оба продукта перед глазами, с выбором одного из них. После выбора — вкладка с подробностями (описание, отзывы, CTA) и закреплённая под хедером полоска для перехода к другому продукту или назад к онбордингу.
Перед этим обновили текстовые и цветовые стили — крупнее заголовки, палитра в том числе для персонажей иллюстраций.
Результат
TODO — влияние на конверсию, распределение переходов между двумя продуктами.
Брендбук
Параллельно собрал разрозненную информацию о брендах, гайды и компоненты в единый брендбук (zeroheight) — общий источник для маркетинга и дизайна по обоим брендам.