Разработка дизайна интернет-магазина для оптового поставщика оборудования систем безопасности
О клиенте
Компания LOKT: поставщик оборудования для систем безопасности. Клиент сменил направление и перешёл с B2C на B2B. Старый сайт больше не отражал новые цели бизнеса, а дизайн выглядел скучно
Задача
Разработать новый дизайн, который будет понятным для новой ЦА, путь оформления товаров будет быстрым и простым
Стек работ: Открыть
Стек работ: Открыть
Какие задачи выполняла?
— Анализ конкурентов
— Анализ Целевой аудитории
— Разработка структуры сайтов
— Написание текстов
— Аудит сайта и составление отчета по улучшению
— Анимирование макетов
— Разработка интерактивных прототипов
— Верстка сайта на Tilda Publishing
— Работа с визуальной частью проекта: описание общей визуальной концепции, составление нескольких мудбордов (чтобы более точно попасть во вкусовые предпочтения клиента), поиск референсов, разработка композиционных решений
— Анализ Целевой аудитории
— Разработка структуры сайтов
— Написание текстов
— Аудит сайта и составление отчета по улучшению
— Анимирование макетов
— Разработка интерактивных прототипов
— Верстка сайта на Tilda Publishing
— Работа с визуальной частью проекта: описание общей визуальной концепции, составление нескольких мудбордов (чтобы более точно попасть во вкусовые предпочтения клиента), поиск референсов, разработка композиционных решений
Закупщик ищет выгоду
от сотрудничества с ЛОКТ
В текстах акцентируем на ключевых преимуществах работы с компанией
от сотрудничества с ЛОКТ
В текстах акцентируем на ключевых преимуществах работы с компанией
Закупщик ищет конкретный артикул и сравнивает цены
Добавим поиск по товарам
Добавим поиск по товарам
На что обращаю внимание
и беру на вооружение:
и беру на вооружение:
Этапы
Аналитика
Погружение в проект начинаю с глубинного интервью с клиентом и анализа ЦА/Конкурентов. На этом этапе формирую то, что важно ЦА, в чем хуже конкуренты и в чем лучше компания клиента
Этапы
Структура
Продумываю путь клиента: как упростить и сократить количество кликов до его цели (найти товар / оставить заявку / задать вопрос)
*
На главном экране разместила товары, которые чаще всего ищут, чтобы облегчить поиск
**
Сделала двухуровневое меню с логичной структурой категорий (минимум кликов до нужной позиции)
***
Добавила поиск, а если модели нет — предлагаем связаться. Так как на сайте представлены не все модели
Этапы
Тексты
Упаковываю ценности бизнеса клиента в тексты, чтобы удовлетворить потребности целевой аудитории и побудить их к действию
*
Рассказываю про действительно важные выгоды для закупщика: быстрая доставка, отсрочка платежей, гарантия на оборудование
**
Чтобы упростить первый шаг для клиента: подсказываем, как можно начать сотрудничетсво и что это просто. Блок убирает растерянность при выборе, обещает индивидуальный подбор и быстрое готовое решение, тем самым повышая конверсию
***
Главный экран — это точка захвата внимания: сразу понятно, кто компания, что она предлагает и какие выгоды ждут клиента. Два CTA — ориентированы на разные типы клиентов: кто ищет сразу товар и тех, кого интересует прайс, а названия представленных в каталоге брендов усиливают доверие
Этапы
Тексты
Для удобства изучения текста создаю кликабельный прототип, чтобы на этом этапе было понятно, как будут расположены блоки на сайте
Этапы
Дизайн
Усиливаю смысл и тексты, через дизайн. Он не должен отвлекать, а направлять клиента, чтобы не читать полотна текста, а выцепить нужную информацию за секунды
Этапы
Тильда
Собираю сайт и адаптирую контент под все виды устройств. Чтобы сайт работал и приносил результат клиенту. Выполняю базовую оптимизацию сайта для поисковых систем (SEO)
с целью улучшения индексации и повышения видимости ресурса для целевой аудитории. Установить домен, добавить бейджики и установить связь между всеми страницами сайта
с целью улучшения индексации и повышения видимости ресурса для целевой аудитории. Установить домен, добавить бейджики и установить связь между всеми страницами сайта
Результат работы:
Закупщик быстро находит выгоды и ему понятно как выйти на связь
Чёткие CTA и продуманная структура, которая логично ведёт клиента
к первому шагу — оставить заявку
к первому шагу — оставить заявку
Для дополнительного трафика добавили SEO-статьи
Смотреть другие проекты:
