Кейс по созданию интернет-магазина по продаже и монтажу систем отопления

Услуга проекта: Создание интернет-магазина
Клиент: HEATec
Проект url: heatec.by

О компании: Компания «HEATec» – небольшое семейное предприятие, которое более 15 лет занимается проектированием и монтажом котельных. Кроме этого, компания разрабатывает элементы обвязки котельных, делая упор на компактность изделий.

Основные цели: Создать удобный сайт интернет-магазина с приятным и уникальным дизайном. Заполнить страницы онлайн-магазина достоверной и подробной информацией. Обеспечить адаптивность сайта и быстрою скорость загрузки страниц.

Краткий бриф на разработку сайта
Наименование компанииКомпания “HEATec”
Сфера деятельностиПродажа строительных материалов, монтаж инженерных систем
Страна, на которую рассчитан сайтРеспублика Беларусь
Основные товары и услугиОборудование и элементы систем котельной установки и отопления, монтаж котельной
Домен сайтаheatec.by
Целевая аудиторияМужчины от 30 до 60 лет
Задачи сайтаПродажа товаров, Привлечение лидов на товары и услуги, Информационная
Тип сайтаИнтернет-магазин
CMS WordPress
ХостингHoster.by
Пожелания заказчикаУдобный и практичный дизайн, быстрая загрузка, подробная информация на страницах

Этапы работ по созданию сайта систем отопления:

1 этап

К нам обратился клиент с запросом сделать новый сайт. Далее мы:

  • Обсудили цели и задачи сайта
  • Изучили сферу и конкурентов
  • Приняли решение делать интернет-магазин
  • Согласовали перечень типовых страниц
  • Продумали навигацию между всеми элементами

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

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

2 этап

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

На этом этапе клиент общался напрямую с дизайнером и менеджером проекта. 

3 этап

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

4 этап

После программирования сайта мы перенесли его на CMS WordPress. Главные преимущества этого движка:

  • Быстрый запуск
  • Удобный интерфейс
  • Адаптив предусмотрен по умолчанию
  • Много официальных плагинов и тем
  • Сайты на WP удобно продвигать в Яндекс и Google

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

5 этап

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