Кейс по разработке сайта-каталога по продаже дверей и окон

Услуга проекта: Создание сайта-каталога
Клиент: ЧУП «СтеклоПакТорг»
Проект url: steclopak.by

О компании: Стеклопак-Торг – компания, которая с 2009 года зарекомендовала себя как хорошего и надежного производителя и поставщика окон ПВХ. Также компания активно продвигает себя в сфере продажи дверей и окон от других известных производителей.

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

Краткий бриф на разработку сайта
Наименование компанииЧУП “СтеклоПак-Торг”
Сфера деятельностиПроизводство и реализация окон и дверей из ПВХ;
Продажа дверей и окон от других производителей
Страна, на которую рассчитан сайтРеспублика Беларусь
Основные товары и услугиОкна и двери из ПВХ собственного производства;
Двери и окна от других производителей;
Монтаж окон и прочие услуги
Домен сайтаsteclopak.by
Целевая аудиторияМужчины и женщины от 25 до 80 лет, обладающие собственными жилыми помещениями (квартиры, дома и прочее)
Задачи сайтаПредоставление информации о товарах, услугах;
Привлечение новых клиентов и увеличение процента повторных обращений;
Информирование о новостях и акциях
Тип сайтаСайт-каталог
CMS WordPress
ХостингHoster.by
Пожелания заказчикаСделать удобный и практичный сайт-каталог для размещения информации о товарах и рассчитанный на дальнейшее продвижение в поисковых системах Яндекс и Google

Обращение

СтеклоПак-Торг – компания, которая начала свою деятельность в 2009 году. За время работы компания успела зарекомендовать себя в качестве надёжного производителя товаров и поставщика услуг, а также честного продавца. На момент обращения компания искала новые пути для развития и самым лучшим вариантом стало продвижение их сайта в поисковых системах.

Поисковое продвижение требует комплексной работы не только с различными сервисами, но и с самим сайтом и в целом сайт компании на момент обращения не был устаревшим со стороны дизайна, но содержал в себе ряд технических недочётов, которые помешали бы его продвижению. Это и стало главной причиной из-за которой заказчик согласился на создание нового сайта. Было решено создавать сайт-каталог который соответствовал бы всем требованиям поисковых систем, а также обладал высоким качеством usability (удобство пользования) и page speed (скорость загрузки).

Дизайн

Перед созданием дизайна стоял вопрос о том, какой логотип выбрать. На момент обращение у клиента было два логотипа для его компании: старый и новый. Старый логотип  использовался на главном сайте, а новый на дополнительном лендинге для продвижения услуг по продаже окон из ПВХ. Заказчик хотел использовать новый логотип, но дизайнеры компании SILVERWEB нашли это решение не лучшим, так как новый логотип не имел яркую самоидентичность, а вот старый был очень даже ёмким, органичным и запоминающимся.

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

Функционал сайта и полезные решения

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

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

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

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

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

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

Полезные страницы

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

Так же можно выделить страницу “Наши работы”, так как она даёт по-новому взглянуть на данный тип страниц. Вместо типичных одинаковых ячеек с различными изображениями, на сайте представлены аккуратные блоки со слайдерами внутри. Изображения в каруселях связаны либо по принципу принадлежности к одному проекту, либо из-за одинакового типа проведённых  работ. Далее нажав на название блока, можно попасть на страницу с соответствующими изображениями, расположенных уже на всю её ширину. Возможно вы могли наблюдать похожее исполнение данной страницы где-то ещё, но это лишь говорит, что хорошие решения пользуются спросом.

Дальнейшее развитие

Если говорить о дальнейшем развитии данного проекта, то у заказчика в планах продолжение сотрудничества с нашим агентством. В частности будет проведена дополнительная SEO оптимизация и непосредственно будет выполнено само продвижение в поисковых системах. Сюда будут входить добавление счётчиков для Google и Яндекс метрик, настройка метатегов и других сервисов поисковых систем.

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

Итоги

Итоговый результат можно наблюдать ниже или на самом проекте. Сайт получился стильным и удобным. Также были учтены все пожелания клиента и были проработаны адаптивность и скорость работы. Итоги продвижения в поисковых сетях вы сможете увидеть в будущих кейсах.