+375 (29) 390-56-65
Время работы
Пн-Пт: 9:00 - 17:00
Сб-Вс: выходной
Отвечаем в мессенджерах:
Кейсы Кейсы по разработке сайтов Кейс по разработке сайта-каталога по продаже дверей и окон

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

Кейс по разработке сайта-каталога по продаже дверей и окон
Обсудить проект
Стеклопак-Торг – компания, которая с 2009 года зарекомендовала себя как хорошего и надежного производителя и поставщика окон ПВХ. Также компания активно продвигает себя в сфере продажи дверей и окон от других известных производителей.
Дизайн
Дизайн
Индивидуальный
Сайт
Сайт
Каталог
Объём
106
Страниц
Скорость
97 / 95
Загрузки сайта
Язык
RU
Русский
Поиск
Поиск
Умный
Лид-форма
Лид-форма
Калькулятор
Мессенджеры
Мессенджеры
Коммуникация
Карта

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

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

На сайте представлен каталог услуг, который
демонстрирует широкий спектр решений,
доступных для наших клиентов.

Каталог
Форма обратной связи

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

Форма обратной связи
О компании

Страница “О компании” предлагает пользователям
уникальную возможность узнать больше о команде
и истории предприятия.

О компании
Задача

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

Решение

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

Ниша

Производство и реализация окон и дверей из ПВХ;
Продажа дверей и окон от других производителей

Продолжительность
  • 2 недели – дизайн
  • 1,5 месяца – разработка
  • 2 недели – заполнение

Краткий бриф на разработку сайта

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

Фирменная палитра цветов и шрифт

01
Цвет и типографика
Основные цвета были выбраны в соответствии с логотипом: красно-бордовый и графитово-серый. Серый как более спокойный и строгий цвет используется для окрашивания различных элементов с целью разграничить пространство на страницах сайта. Для разделения больших страниц, например главной, также используется серый, но более светлый, чтобы не перетягивать внимание. Красный наоборот используется для выделения и акцентирования внимания на тех или иных элементах.
Шрифт Rubik идеально подходит для сайта благодаря своему современному и дружелюбному дизайну. Его геометрические формы и округлые линии создают атмосферу тепла и доступности, что помогает установить связь с пользователями. Rubik читается на разных устройствах и размерах экранов, что делает его отличным выбором для адаптивного веб-дизайна.
#b82121
#ffffff
#373737
#09578c
Основные цвета были выбраны в соответствии с логотипом: красно-бордовый и графитово-серый. Серый как более спокойный и строгий цвет используется для окрашивания различных элементов с целью разграничить пространство на страницах сайта. Для разделения больших страниц, например главной, также используется серый, но более светлый, чтобы не перетягивать внимание. Красный наоборот используется для выделения и акцентирования внимания на тех или иных элементах.
#b82121
#373737
#ffffff
#09578c
Шрифт Rubik идеально подходит для сайта благодаря своему современному и дружелюбному дизайну. Его геометрические формы и округлые линии создают атмосферу тепла и доступности, что помогает установить связь с пользователями. Rubik читается на разных устройствах и размерах экранов, что делает его отличным выбором для адаптивного веб-дизайна.

Полезный и для пользователя, и для бизнеса функционал

02
Функционал

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

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

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

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

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

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

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

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

Какие инструменты и технологии мы использовали

03
Инструменты
Figma
Figma
Photoshop
Photoshop
WordPress
WordPress
JQuery
JQuery
PHP
PHP
JavaScript
JavaScript
WPBakery
WPBakery
Swiper
Swiper
FancyBox
FancyBox
Bootstrap
Bootstrap

Скорость загрузки сайта

04
Скорость
steclopak.by
Анализировать
Мобильные устройства
Компьютер
97
steclopak.by
0-49
50-89
90-100
Мобильные устройства
Компьютер
95
steclopak.by
0-49
50-89
90-100
Показания сервиса
Google PageSpeed Insights

Наши специалисты без препятствий оптимизировали скорость загрузки сайта, чтобы было удобнее и быстрее перемещаться по нему. Более подробно о том, почему так важна высокая скорость загрузки сайта, можно почитать в нашей статье. Для сайта были достигнуты следующие значения: 95 баллов на декстопных устройствах и 97 баллов на мобильных (возможны более низкие результаты из-за медленного интернета или сильной нагрузки на устройства).

Результаты по проекту

05
Результат

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

1. Актуальный дизайн
Создан сайт-каталог с современным дизайном для привлечения и удержания внимания посетителей.
2. Удобный интерфейс
Разработан интуитивно понятный интерфейс, способствующий комфортному взаимодействию с пользователями.
3. Доверие к бренду
Сайт нацелен на увеличение доверия к бренду благодаря качественной подаче информации.
4. Корпоративный стиль
Дизайн полностью соответствует корпоративному стилю, что усиливает идентичность компании.
5. Адаптивность
Обеспечено адаптивное отображение на всех устройствах и разрешениях для удобства пользователей.
Хотите так же?
Давайте обсудим проект!
+

Обсудить проект

+

Заявка на обратный звонок

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