Опыт

Интернет-магазин для «Электроцентра»

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

Задачи проекта

Исследования

  • Исследование рынка электротоваров в СЗФО (конкурентный анализ, анализ спроса).
  • Изучение правил торговли в условиях особой экономической зоны.
  • Сбор и систематизация поисковых запросов пользователей по тематике электротоваров (составление семантического ядра).

Ключевые показатели

Для измерения результатов реализации проекта

  • Привлечение посетителей из поисковых систем.
  • Получение удобного инструмента для работы с постоянными покупателями.
  • Повышение продаж в сегменте B2B и B2C.

Аудитория сайта

  • Мелкооптовые покупатели электротоваров из Калининграда и области.

  • Розничные покупатели электротехники.

Аудитория сайта

Удалось эффективно использовать трафик поисковых систем «Яндекс» и Google. Наблюдается ускоренный рост показателей.
Роман Калинин, руководитель проекта

О создании структуры страниц сайта

При разработке использована классическая структура интернет-магазина. Проработана главная страница, содержащая информацию о работе магазина и динамически меняющиеся блоки с акциями и новостями.

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

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

Об отчёте, созданном в результате этапа «Исследования»

В результате проделанной работы сотрудниками Cetera была сформирована полная картина об основных представителях рынка электротоваров и электротехники Калининградской области.

Была собрана информация о правилах торговли в особой экономической зоне и ограничениях на торговлю с центральной Россией. Оказалось, что доставка товаров, купленных в магазине в Россию ограничена экономическими условиями свободной экономической зоны, и выход на рынок CЗФО и ЦФО клиенту затруднен. Приоритетным направлением развития стал максимальный охват Калининградской области.

Было собрано обширное семантическое ядро, включающее более 3000 поисковых запросов пользователей. Под наиболее релевантные запросы коммерческой тематики оптимизированы разделы каталога.

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

Дополнительно создан справочник основных терминов области и брендов производителей электротехники.

Консультирование и планирование

Анализ конкурентов

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

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

Сравнение с конкурентами

Сегментирование, таргетирование, позиционирование, customer journey

  • Определены группы целевой аудитории.
  • Соотнесены страницы проекта и группы аудитории.
  • Разработаны пути пользователей по страницам и разделам.

Проектирование

Семантическое ядро

C использованием KeyCollector и Keys.so собраны ключевые слова. Произведено ранжирование высокочастотных, среднечастотных и низкочастотных запросов. Ядро очищалось вручную, а затем проверялось на нецелевые запросы заказчиком.

Оглавление семантического ядра

Карта сайта

На основе семантического ядра и результатов сегментирования аудитории составлена структура интернет-магазина и каталога. В качестве многих заголовков названий разделов 2-3 уровня используются наиболее часто встречающиеся поисковые запросы.

Платформа

  • Сервер — выделенный физический сервер, арендованный Заказчиком в дата-центре, настроен Cetera в рамках проекта.
  • Операционная система — Linux Debian
  • Веб-серверы: Apache, nginx
  • База данных — MySQL
  • Языки программирования: PHP, JavaScript
  • Система управления — «1С-Битрикс»

Разработка

Верстка выполнена на framework Foundation 6.0. Обеспечена адаптивная вёрстка. Код прошёл тестирование на соответствие стандартам W3C.

Программирование выполнялось на PHP. Отдельные возможности реализованы на стандартных модулях jQuery.

Контроль качества проводился автоматическими системами. Обеспечено соответствие стандартам PSR для PHP. Пройдены все встроенные тесты (безопасность, производительность, неизменность ядра и т.д.) системы управления контентом.

1 версия сайта

Прототип

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

Прототип главная страница

Страница товара

Страница товара

Дизайн

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

Выбор был сделан в сторону яркой и современной концепции, отдельными элементами подчеркивающей принадлежность к мужской аудитории. Созданный брендбук применяется компанией по настоящее время.

1 итерация

Макет 2 итерация

2 итерация (согласована)

Макет 2 итерация

Запуск проекта

Несмотря на большое количество сложностей, переданных нам вместе с проектом, нам удалось не только запустить сайт stv39.ru, но и доказать эффективность выбранных нами решений.

Вопреки трудностям на старте, коллеги справились на отлично! С удовольствием участвовал в реализации этого проекта и всегда готов к обсуждению перспектив развития и планов по дальнейшему сотрудничеству с компанией «Электроцентр».
Владислав Ухов, генеральный директор Cetera

Цитата клиента о проекте

Во время разработки сайта нам пришлось сменить нескольких подрядчиков. Пребывали в глубоком унынии от предыдущей работы и слабо верили в успех, надежда покидала наш офис вместе с деньгами. Но мы нашли команду, с которой решили идти до конца. Да, не все было гладко, но уверенность 3-й рабочей группы, трудившейся над нашим сайтом, помогла нам вновь обрести веру в успех. Теперь видим результат и продолжаем двигаться вперед. Спасибо коллегам
Сергей Иванов, менеджер ООО «Электроцентр»

Примечания

В самом начале работы в тексте одного из шаблонов, нами было найдено послание от одного из прошлых подрядчиков: «Видит Бог, мы этого не хотели». С этого момента желание превзойти наших предшественников и обеспечить проекту отличный старт стало нашей главной движущей силой. Она не только позволила достичь желаемого, но и стала для многих сотрудников толчком к развитию своих профессиональных навыков и повышению в должности.

2 версия сайта

Прототип

Использован классический вариант интернет-магазина с верхним выпадающим меню каталога и центральным слайдером на главной странице.Прототип

Дизайн

На основе прототипа разработаны макеты проекта. Разработана и согласована главная страница в графическом формате. Затем были разработаны все типовые страницы в верстке чистового качества.

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

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

Страница «Акция»

Страница Акция

3 версия сайта

Дизайн

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

1 итерация

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

2 итерация (согласована)

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

Каталог

Каталог

4 версия сайта

Дизайн

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

Дизайн главной страницы

Каталог

Дизайн каталога

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

Дизайн карточки товара

Продвижение

С января 2020 проект продвигается на основе стратегий, разработанных в Cetera. В ноябре 2023 работа по продвижению остановлена.

Показы сайта в органической выдаче поиска

Переходы из поисковых систем

Ключевые задачи

Развитие осуществляется на основе периодических процессов выявления потребностей и планирования проектов — видений. Интервью проводятся с периодичностью раз в квартал. Корректировка планов — ежемесячно вносятся изменения в мастер-планы проекта.

Сентябрь 2017

  • Добавить блок «Новинки» на главной и разработать соответствующий раздел на сайте.
  • Разработать раздел с функционалом добавления комплектов товаров для оптовиков.
  • Публиковать отзывы о товаре / услуге клиента.

Октябрь 2017

  • Правки в мобильной версии.
  • Выполнить аудит конверсии сайта по чек-листу и создать список замечаний.

Ноябрь 2017

  • Рассылки розничным клиентам.
  • Разработать калькулятор освещенности в раздел «Лампы».
  • Внести корректировки в бонусную систему.
  • Доработать взаимодействие сайта с системой интернет-эквайринга Авангарда.
  • Настроить автоматические текстовые описания разделов и категорий каталога.

Декабрь 2017

  • Добавить функционал в раздел «Кабель».
  • Рассылки розничным клиентам.
  • Настроить автоматический кросспостинг новостей и статей в соцсети.
  • Сделать ссылки для быстрого перехода по категориям товаров.
  • Поисковая оптимизация сайта по нашим чек-листам.
  • Доработки в оформлении заказа.
  • Создать рассылку товаров из раздела «Оптовым покупателям».

Январь 2018

  • Добавить кнопки с ссылками на страницу.
  • Поправить в письме после оформления заказа.
  • Добавить функционал по добавлению отзывов после оформления заказа.
  • Нарисовать картинки для разделов и подразделов.
  • Создать контент по семантическому ядру а так же ГОСТы, термины.

Февраль 2018

  • Добавить кнопку «Показать еще» в разделах каталога на малых экранах.
  • Доработать поиск.
  • Исправить пробелы в продвижении.

Март 2018

  • Настроить вывод и добавление в корзину «Временно отсутствующих».
  • Корректировки в оформлении заказа.
  • Запретить роботам добавлять дублированный контент в индекс поисковых систем.
  • Настроить доставку СДЭК по аналогии работы в корзине как ЕМС-почта.

Апрель 2018

  • Настроить вывод и добавление в корзину «Временно отсутствующих».
  • Подключить новый api Почта России.
  • Реализовать логику <или> для компонента «Быстрые ссылки».
  • Внедрить тегирование на сайт.

Май 2018

  • Добавить функционал «Избранные товары».
  • Оптимизировать мета теги title и description.
  • Настроить вывод и добавление в корзину товаров «Под заказ».

Июнь 2018

  • Сделать отображение в моб. версии сайта.
  • Сделать страницу с преимуществами ИМ.
  • Баннеры на фасад здания.

Июль 2018

  • Настроить контекстную рекламу.
  • Добавить на главной возможность листать вправо и влево блок «Новости».
  • Добавить временное решение «Под заказ».

Август 2018

  • Блокер «Починить оплату через Авангард при использовании скидок».
  • Настроить вывод и добавление в корзину товаров «Под заказ».
  • Задача по e-mail рассылке.

Сентябрь 2018

  • Исправить ошибки по итогам SEO-аудита.

Октябрь 2018

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

Ноябрь 2018

  • Провести интеграцию сайта с сервисом Яндекс.Маркет.
  • Добавить в админке, где отображаются товары, возможность групповой обработки.
  • Исправить ошибку с изменением цен при переводе заказа в статус «Оплачен».
  • Доработать выгрузку товара через Exel.

Декабрь 2018

  • Изменить отображение подразделов в разделах каталога.
  • Сделать отображение корзине ИМЕННО товаров на примере сайта.
  • Добавить в корзину функционал «С этим товаром покупают».

Январь 2019

  • Написание скрипта для срезов с целью глубокой SEO-проработки сайта.
  • Подключение нового интернет-эквайринга.

Февраль 2019

  • Добавить функционал: если у зарегистрированного клиента лежит товар в корзине.
  • SEO-проработка срезов сайта.
  • Отображение у клиентов их скидки.

Март 2019

  • Внедрение КФ.
  • Реализовать вывод надписей на изображениях товаров по свойству везде по сайту.
  • Добавлять картинки и описания к товарам-новинкам (вечная задача).

Апрель 2019

  • Разработать функционал «Показать еще» в разделах/подразделах.

Май 2019

  • При оформлении заказа, где уже по шагам сделать возможность править профиль клиента.
  • SEO-проработка срезов сайта.

Июнь 2019

  • Разработать дополнительный функционал поиска.
  • Поправить корректное отображение по кнопкам в верхнем фильтре в разделах и подразделах «Под заказ» и «Временно отсутствует».
  • Сделать/предложить функцию «Сообщить об ошибке» для мобильной версии.
  • Разработать компонент.

Июль 2019

  • Добавить новый функционал в карточку товара «Вместе дешевле».
  • Доработка скидок для постоянных клиентов.
  • Вывести алгоритм отображения на примере сайта в карточку товара.

Август 2019

  • Функционал маски для каждой пары условий фильтров.
  • Реализовать возможность покупки 2 вариантами: поштучно и упаковкой.

Сентябрь 2019

  • Реализовать подсчёт покупок товара (без учёта количества).
  • Добавить в поиск именно уже тут.

Ноябрь 2019

  • Функционал «Сообщить оператору интернет-магазина о недостатке товара».
  • Увязка между товарами «Есть замена».

Январь 2020

  • Выполнить подключение нового интернет-эквайринга.
  • Выбрать площадки под закупку ссылок.
  • Составить анкор-лист.
  • Разработать ссылочную стратегию.
  • Закупить ссылки согласно плана за январь.

Февраль 2020

  • SEO-проработка срезов сайта.

Март 2020

  • Внести правки в фильтр.
  • Добавить значок TikTok.
  • Добавить в карточку товара видео товара.
  • Добавить быстрый поиск.
  • Добавить сайт в различные интернет-каталоги организаций.
  • Добавить возможность общения с клиентами в мессенджерах Skype, Telegram, WhatsApp.
  • Создание формы для отправки запроса видео о товаре в реальном времени.
  • Реализовать добавление штрих-кодов при генерации xls.
  • Закупить ссылки согласно плана за февраль.

Апрель 2020

  • В рамках проведения работ по редизайну разработана и согласована главная страница в графическом формате.
  • Реализация возможности оплаты через Сбербанк.

Май 2020

  • SEO-проработка срезов сайта, часть 5.
  • Доработка поиска по сайту.

Июнь 2020

  • SEO-проработка срезов сайта, часть 6.
  • Верстка дизайн-макетов страниц сайта.
  • Доработка поисковой выдачи.
  • Оформление счета для юр. лица в один клик.
  • Доработка отображения товаров со свойством «Есть замена».

Июль 2020

  • SEO-проработка срезов сайта, часть 7.
  • Доработка поиска.
  • Внедрение категорий.

Август 2020

  • SEO-проработка срезов сайта, часть 8.
  • Программирование сайта.
  • Доработка поиска с найденным запросом.
  • Доработан вывод повторных позиций в прайс-листе.
  • Доработаны возможности для менеджеров сайта.

Сентябрь 2020

  • SEO-проработка срезов сайта, часть 9.
  • Проведена полная диагностика сайта и увеличена скорость загрузки страниц.
  • Изменен поисковый движок на сайте.

Ноябрь 2020

  • SEO-проработка срезов сайта, часть 11.
  • Аудит по базовому чек-листу.
  • Доработки редизайна, часть 3.

Декабрь 2020

  • SEO-проработка срезов сайта, часть 12.
  • Правки в разделах.
  • Правки в личном кабинете.
  • Функционал обновления «С этим товаром покупают».

Январь 2021

  • SEO-проработка срезов сайта, часть 13.
  • Доработка вставки более одной позиции в функционал для Менеджеров.
  • Изменение процедуры оформления заказа.
  • Правки в разделе «Новинки».

Сентябрь 2021

  • Реализация нового функционала в корзине.
  • Контрольный аудит по базовому чек-листу.
  • Добавлено предложение замены товаров в карточке при отсутствии запрашиваемого.
  • Коррекция вывода товаров в поиске по требованиям клиента.

Октябрь 2021

  • Доработки поиска на сайте.
  • Корректировки функционала смены изображений в списке товаров.
  • Доработки страницы в разделе «Акции».
  • Доработки текстов.

Ноябрь 2021

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

Декабрь 2021

  • Скрыта страницу, доработан функционал покупки: убран один шаг при оплате.
  • Внесены правки при разбитии заказов.
  • Просчитан внутренний вес страниц.

Январь 2022

  • Реализованы правка в мобильной версии сайта согласно ТЗ от клиента.
  • Добавлена информация о скидках в корзине от суммы для клиентов без статуса.
  • Настроен вывод свойств фильтра и их раскрытость индивидуально для каждого подраздела, 1 этап.
  • Проведен контрольный аудит по базовому чек-листу.

Февраль 2022

  • Выявить популярные запросы.
  • Сделать плавающею кнопку «остановить/включить авто открытие страниц».
  • Выбрать модуль и сервис для отправки email.
  • Добавить в корзине кнопку и функционал.
  • Решена проблема с e-mail рассылками, акции, новинки, поступление и т.п.

Март 2022

  • Добавить плавающий в мобильную версию.
  • Вернуть прежний фильтр в разделы/подразделы.
  • Перенести верстку.
  • Поиск всех разделов сайта через поиск по товарам.
  • Доверстать главную страницу.

Апрель 2022

  • Выявить популярные поисковые запросы по зонам.
  • Добавить плавающий в мобильную версию.
  • Напоминание о просмотренных товарах.
  • Отображать бренды и разделы в поиске.
  • Отображение содержимого корзины.

Май 2022

  • Вывод свойств фильтра и их раскрытость индивидуально для каждого подраздела, 2 этап.
  • Правки в фильтре с характеристиками по сайту.
  • Вывести новое отображение статей.
  • Разработать стратегию продвижения.

Июнь 2022

  • Установить модуль.
  • Правки в фильтре с характеристиками по сайту.
  • Сделать механизм показывать надпись «Подешевело».
  • Вывод для пользователей со статусом «менеджер» нового поля с дополнением.

Июль 2022

  • Сделать механизм/каталог для передачи новой цены для модуля «Маркет для продавцов», часть 1.
  • Дополнительные работы с загрузкой заказов через эксель, часть 1.
  • Поменять механизм кнопок «Есть замена».
  • Вывести фильтр в поиске сайта.
  • Переделать отображение статей https://stv39.ru/articles/.

Август 2022

  • Дополнительные работы с загрузкой заказов через эксель, часть 2.
  • Сделать механизм для передачи новой цены для модуля «Маркет для продавцов», часть 2.
  • Отображение нового формата быстрых ссылок.
  • Доработка функционала «Есть замена».

Сентябрь 2022

  • Доработки на сайте (по примеру другого сайта).
  • Доработка поля «тегирование».
  • Получение ссылок с каталогов и сервисов.
  • Доработки по сайту: правка поиска.
  • Правки по сайту.

Октябрь 2022

Ноябрь 2022

  • Отложенные заказы.
  • Плавность открытия страниц.
  • Быстрота открытия страниц.
  • Правка страницы «Оптовым покупателям».
  • Доработки страницы «Оптовым покупателям».

Декабрь 2022

  • Аудит скорости сайта.
  • Доработка функционала ЛК.
  • Доработки в отложенных заказах.
  • Правки возврата к списку товаров.
  • Составить стратегию продвижения.

Январь 2023

  • Доработка функционала с бонусами.
  • Фильтр в быстрых ссылках.
  • Исправлены недочеты по сайту.
  • Увеличена скорость при выборе или сбросе характеристик в фильтре.
  • Нарисованы новые баннеры РСЯ.

Февраль 2023

  • Добавление капчи и изменение подписки на главной.
  • Доработка формы подписок.
  • Создание и наполнение аккаунта в Pinterest.
  • Подбор сервиса для авторизации/регистрации на сайте через мобильный телефон.

Март 2023

  • Дизайн личного кабинета.
  • Верстка личного кабинета согласно макету.
  • Шкала в личном кабинете.
  • Создание каркаса модуля.
  • Уведомления для менеджеров и пользователей.

Апрель 2023

  • Перенести верстку страницы и навигационного меню.
  • Внедрить функционал форм контактов для физических лиц.
  • Внедрить функционал форм контактов для юридических лиц.
  • Заполняемость шкалы в ЛК.
  • Интеграция всплывающих форм.

Май 2023

  • Внедрение оставшейся верстки.
  • Дизайн страницы «Контакты».
  • Поправить фильтр в разделах.
  • Создание таблицы в базе данных и ее вывод.
  • Добавить отдельные кнопки для возможных действий с товаром.

Июнь 2023

  • Верстка главной страницы.
  • Верстка страницы «Контакты».
  • Оплата на сайте.
  • Количество бонусов в «Корзине».

Июль 2023

  • Верстка главной страницы.
  • Верстка страницы «Контакты».
  • Добавить возможность выбирать другие товары с другими характеристиками.

Август 2023

  • Форма добавления бонусных правил.
  • Верстка оформление заказа.
  • Доработка корзины.

Сентябрь 2023

  • Изменить фильтрацию на страницах.
  • Перенести верстку оформление заказа.
  • Обновить Битрикс и поднять PHP до 8.1.

Октябрь 2023

  • Доработка корзины.
  • Создание формы с условиями.
  • Подобрать новый сервис email рассылок.

Ноябрь 2023

  • Сверстать шаблон письма.
  • Исправить шаблон письма в рассылке (при условии согласования верстки).
  • Выборка по характеристикам.
  • Форма начисления бонусов на определенные товары.

Декабрь 2023

  • Выводить сообщение для каждого пользователя индивидуально.
  • Выводить в админке пометки для операторов.
  • Реализовать возможность сообщать об ошибках в мобильной версии.

Январь 2024

  • Напомнить о сообщении.
  • Доработка по аналогии.
  • Функционал отписки от уведомлений о выполненном заказе.

Февраль 2024

  • Предусмотреть в скидках на товары предупреждение и ставить статус не активна при сбое.
  • Нужно увязать новый статус клиента «Щитовая» со всеми его скидками, установить автоматическое ограничение.

Март 2024

  • Анализ сайта.
  • Функционал начисления бонусов по заданным условиям.
  • Обновить Битрикс и поднять версию php до 8.1.

Апрель 2024

  • Сортировка по сайту.
  • Функционал вывода сообщений в выходные дни.
  • Корректировки на сайте.

Май 2024

  • Поиск вместо надписи «категории».
  • Создать фильтр по брендам для оптовых покупателей.
  • Проверить все ли рассылки работают по подпискам клиентов.

Июнь 2024

  • Ускорить перемещение товаров из корзины.
  • Добавить информационное окно.
  • Создать макет для страницы «Вакансии».

Менеджеры проекта

Похожие кейсы

Интернет-магазин для BeFAST

Опыт

Интернет-магазин для BeFAST

Создание и доработки интернет-магазина крепёжных изделий.
Интернет-магазин для KGSNAB

Опыт

Интернет-магазин для KGSNAB

Поддержка интернет-магазина строительных товаров.
Интернет-магазин для «Инженерных систем»

Опыт

Интернет-магазин для «Инженерных систем»

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

Опыт

Интернет-магазин для Woodbest

Поисковая оптимизация и контекстная реклама интернет-магазина пиломатериалов от производителя.
Интернет-магазин для «Бомонд Керамик»

Опыт

Интернет-магазин для «Бомонд Керамик»

Поддержка и доработка интернет-магазина плитки.