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

Найди и закажи за полминуты: как мы переработали сайт

Клиент
Анкрон
Дата запуска
Апрель 2024
Что сделали
Редизайн сайта технического e-commerce: поиск вперёд, упрощённый каталог и карточка товара — чтобы профи-покупатель нашёл и заказал за 30 секунд
ankron.by
Найди и закажи за полминуты: как мы переработали сайт

Заказчик

Ankron — интернет-магазин электротехники, кабельно-проводниковой и светотехнической продукции. Работают напрямую с заводами, сотрудничают с десятками брендов, держат в каталоге более 100 000 позиций.

Компания строит сеть по всей Беларуси и делает ставку на ассортимент, цены от прямого поставщика и работу с профессиональной аудиторией.

Задача

Обновить визуальную часть сайта и сверстать ключевые страницы.

Цель редизайна:

  • Сделать сайт удобным, адаптивным, быстрым.
  • Продумать навигацию.
  • Упростить главное меню.
  • Сделать поиск основным инструментом.
  • Переосмыслить карточку товара.  

Аналитика

Поведение пользователей

Работу начали с анализа аудитории и данных по старому сайту.

Трафик и сценарий

Половина пользователей заходила с мобильных устройств. Основные источники — реклама и органика (Google и Яндекс).

Вход чаще всего происходил с главной страницы, дальше — переход в каталог и карточки товаров. Средняя глубина просмотра — 1 страница, время на сайте — около 30 секунд. Пользователь либо сразу находит нужное, либо уходит.

Проблемы интерфейса

Карты кликов и вебвизоры показали слабые места: запутанная структура, незаметный поиск, второстепенные фильтры и перегруженный каталог.

Сценарий «найти товар за 30 секунд» работал только для тех, кто уже знал, куда нажимать.

Аудитория

Портрет покупателя

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

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

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

Дизайн

Дизайн и структура

Проект начинался с конкретных технических требований. Нужно было проработать три ключевые страницы — главную, каталог и карточку товара — в трех разрешениях:

  • 1400 пикселей — десктопная версия;
  • 1000 пикселей — планшеты;
  • 400 пикселей — мобильные устройства.

Фокус на выборе товара

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

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

Каталог 
Каталог 

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

Минимум баннеров

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

Поиск

Акцент на поиске

Поиск сделали ключевым элементом интерфейса. Увеличили его размер, выделили пространство и задали четкую иерархию, чтобы он сразу привлекал внимание и не конкурировал с другими элементами.

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

Меню
Меню

Айдентика

Отдельно проработали логотип: в шапке использовали минималистичный черный вариант с желтыми акцентами, в подвале — контурную версию.

Другие изменения

Из лишнего убрали:

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

Зато добавили:

  • Сертификаты;
  • Преимущества компании;
  • Представительства;
  • Все бренды.

Главная стала проще, чище и точнее. Все, что мешало выбору, — ушло. Все, что помогало, осталось и стало работать лучше.

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

Вся информация на первом экране

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

Ниже находится блок с подробными характеристиками, раздел «С этим покупают», а также товары бренда. Это позволяет быстро перейти к похожим позициям, не покидая страницу.

Есть отдельный блок с возможностью задать вопрос по товару, а также карта с точкой самовывоза.

В карточке реализована вкладка «Промокоды». Она открывает подробности текущей акции и показывает, как получить дополнительную скидку.

1847
1849
1848
Карточка товара

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

Функциональный кабинет

Личный кабинет сделали максимально прямолинейным и удобным для работы.

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

Оплата доступна прямо в кабинете, без переходов. Отдельно реализован раздел с профилем заказов и документами.

Интерфейс построен по принципу приоритета: важная информация — сверху, второстепенная — ниже.

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

Результат

Сайт под задачи пользователя

Каждый блок выстроен вокруг главной задачи: упростить выбор и оформление заказа.

Макеты адаптированы под все ключевые разрешения. Личный кабинет, корзина, оформление, бренды, сертификаты, новости и контакты — все на месте, все работает.

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

Андрей Малашевич
Андрей Малашевич
Андрей Малашевич
Руководитель управления маркетинга и рекламы, 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