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

Кейс по созданию сайта-каталога для компании, продающей окна и двери

Кейс по созданию сайта-каталога для компании, продающей окна и двери
Обсудить проект
«Индустрия окон плюс» – компания, производящая, продающая и устанавливающая окна и двери, а также имеющая собственную дилерскую сеть не только по городу Минску, но и во многих регионах РБ. Компания предлагает широчайший ассортимент выпускаемой продукции, который сможет удовлетворить практически каждого клиента.
Дизайн
Дизайн
Индивидуальный
Сайт
Сайт
Каталог
Объём
354
Страницы
Скорость
95 / 98
Загрузки сайта
Язык
RU
Русский
Мессенджеры
Мессенджеры
Коммуникация
Цены
BYN
Конвертер
Динамический фильтр в каталоге

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

Динамический фильтр в каталоге
Аккордеон-меню

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

Аккордеон-меню
Скачать реквизиты

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

Скачать реквизиты
Креативные кнопки

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

Креативные кнопки
Задача

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

Решение

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

Ниша

Производство, продажа и установка окон и дверей

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

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

Наименование компании
ЧПТУП «Индустрия окон плюс»
Сфера деятельности
Производство, продажа и установка окон и дверей
Страна, на которую рассчитан сайт
Беларусь
Основные товары и услуги
Окна ПВХ, балконные рамы, входные двери, стеклопакеты, комплектующие, замки
Домен сайта
инокна.бел
Целевая аудитория
Физические лица молодого и среднего возраста, а также семьи, делающие ремонт квартиры/дома
Задачи сайта
Предоставление максимальной информации о товарах и компании, привлечение новых клиентов, знакомство с преимуществами компании
Тип сайта
Тариф
Индивидуальное
CMS
WordPress
Хостинг
Hoster.by
Пожелания заказчика
Использовать фирменные цвета компании, перенос контента со старого сайта, дизайн в привычном для постоянных клиентов стиле

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

01
Цвет и типографика
В ходе обсуждения с заказчиком внешнего вида сайта было принято решение использовать белый фон, так как на сайте предполагается размещение большого количества текста и изображений и цветной фон отвлекал бы на себя внимание посетителей. Цвета выбраны в соответствии с логотипом компании.
Шрифт Arial отлично подходит для сайтов благодаря своей читаемости. Он является безсерифным, что делает текст легким для восприятия как на экране, так и в печати. Это особенно важно в современном веб-дизайне, где пользователи часто читают информацию на различных устройствах.
#ffef00
#ffffff
#e41e24
#141414
В ходе обсуждения с заказчиком внешнего вида сайта было принято решение использовать белый фон, так как на сайте предполагается размещение большого количества текста и изображений и цветной фон отвлекал бы на себя внимание посетителей. Цвета выбраны в соответствии с логотипом компании.
#ffef00
#e41e24
#ffffff
#141414
Шрифт Arial отлично подходит для сайтов благодаря своей читаемости. Он является безсерифным, что делает текст легким для восприятия как на экране, так и в печати. Это особенно важно в современном веб-дизайне, где пользователи часто читают информацию на различных устройствах.

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

02
Функционал

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

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

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

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

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

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

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

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

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

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

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

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

05
Результат

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

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

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

+

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

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