О компании: «Индустрия окон плюс» – компания, производящая, продающая и устанавливающая окна и двери, а также имеющая собственную дилерскую сеть не только по городу Минску, но и во многих регионах РБ. Компания предлагает широчайший ассортимент выпускаемой продукции, который сможет удовлетворить практически каждого клиента.
Основные цели: Разработка функционального сайта-каталога с уникальными страницами по каждой продукции. Основным условием было создание дизайна, напоминающего старый сайт компании, с целью удобства для просмотра и работы с сайтом постоянными клиентами.
| Краткий бриф на разработку сайта | |
| Наименование компании | ЧПТУП «Индустрия окон плюс» |
| Сфера деятельности | Производство, продажа и установка окон и дверей |
| Страна, на которую рассчитан сайт | Беларусь |
| Основные товары и услуги | Окна ПВХ, балконные рамы, входные двери, стеклопакеты, комплектующие, замки |
| Домен сайта | инокна.бел |
| Целевая аудитория | Физические лица молодого и среднего возраста, а также семьи, делающие ремонт квартиры/дома |
| Задачи сайта | Предоставление максимальной информации о товарах и компании, привлечение новых клиентов, знакомство с преимуществами компании |
| Тип сайта | Сайт-каталог |
| Тариф | Индивидуальное решение |
| CMS | WordPress |
| Хостинг | Hoster.by |
| Пожелания заказчика | Использовать фирменные цвета компании, перенос контента со старого сайта, дизайн в привычном для постоянных клиентов стиле |
Обращение
Компания «Индустрия окон плюс» обратилась к нам по рекомендации нашего клиента, также занимающегося продажей пластиковых окон. Заказчику необходимо было освежить дизайн старого сайта и перенести его на более удобную CMS – WordPress. Отрисовав логотип в векторном формате и обсудив структуру будущего проекта, мы приступили к первому этапу – отрисовке дизайна.
Дизайн и типографика
В ходе обсуждения с заказчиком внешнего вида сайта было принято решение использовать белый фон, так как на сайте предполагается размещение большого количества текста и изображений и цветной фон отвлекал бы на себя внимание посетителей. Цвета выбраны в соответствии с логотипом компании. Сложнее было разобраться со шрифтом: было предложено много вариаций разных шрифтовых стилей, среди которых клиенту понравился классический Arial.
Цвета
Процесс разработки
Процесс создания сайта всегда начинается с хедера. В шапке представлена вся контактная информация о компании: телефоны, режим работы и адрес офиса с возможностью перейти на карту и узнать, как доехать до компании. Там же размещена кнопка заказа звонка, нажав на которую можно заполнить форму и выбрать удобное время звонка от компании или опцию “позвонить сейчас”.
Также на главной странице по умолчанию есть блок с каталогом компании, где представлены ссылки на все категории товаров с соответствующими изображениями.
Далее представлены бренды, производящие оконные профили и представленные компанией, с возможностью перейти на страницу, посвященную производителю.
Перейдя по ссылке в шапке на ассортимент компании, можно ознакомиться с полным каталогом представленных товаров. Здесь же представлен перечень услуг компании. Каждая категория имеет собственную уникально оформленную страницу, где уже можно непосредственно узнать стоимость товара с установкой и без установки.
На каждой странице в нижней части расположена форма обратной связи с компанией, заполнив которую можно оставить заявку для созвона с высококвалифицированным сотрудником и обсуждения деталей по информации или заказу. Рядом с формой расположена важная ссылка, которую можно изучить перед обращением в компанию – вопросы, которые необходимо обсудить при заказе окон ПВХ.
В подвале расположены все важные ссылки на внутренние страницы, контакты и переход на аккаунт в Instagram.
Также стоит упомянуть, что на каждой странице слева закреплен наполовину скрытый блок с акцией, который при наведении раскрывается полностью и есть возможность перейти и узнать подробности акции. Это сделано с целью одновременно привлечь внимание к важной акции компании и не отвлекать посетителей от изучения контента на сайте.
Особенности сайта
Динамический фильтр в каталоге
На странице с готовыми окнами размещен фильтр по товарам из-за их большого количества и разновидностей. Можно настроить выдачу окон по ширине, высоте и цене – самым важным характеристикам для клиентов, согласно проведенному опросу. Таким образом, посетителю предлагается возможность быстро найти окно по подходящим параметрам.
Аккордеон-меню
Так как на нескольких страницах с ценами около каждого представленного окна размещается довольно много информации и представлены цены для каждого профиля, то в целях экономии пространства и быстрого нахождения посетителями окна необходимых размеров и характеристик было принято решение свернуть товары в аккордеон-меню.
Скачать реквизиты
В контактах размещены реквизиты компании и есть такая необходимая возможность, как скопировать и скачать реквизиты. Это в первую очередь нужно бизнес-клиентам для быстрого составления договора. Реквизиты – это сведения о владельце сайта и о том, как с ним связаться. Посетители могут больше узнать об организации благодаря открытым реквизитам.
Креативные кнопки
Мы реализовали уникальный дизайн кнопки для лучшего её выделения. Блок представляет собой размещение с двух сторон оконного профиля и соответствующей кнопке продукции: если осуществляется переход на страницу с окнами, то справа размещается окно, если на кнопке упоминается балкон, то рядом располагается балконная рама.
Калькулятор окон
Также на сайт был добавлен онлайн-калькулятор окон, позволяющий пользователю отметить нужные ему варианты для установки окна (тип, количество створок, профиль и т.д.), прописать необходимые размеры и выбрать услуги. При отправки заявки менеджер видит введенные данные, сможет быстрее просчитать цену за работу и обговорить все подробности с клиентом.
Скорость загрузки
Наши специалисты прикладывают все усилия, чтобы добиться высокой скорости загрузки сайтов. Несмотря на большое количество контента и визуальных элементов, страницы сайта загружаются быстро, что позволяет удержать посетителя (возможны более низкие результаты из-за медленного интернета, сильной нагрузки на устройства). Такие высокие показатели скорости, которые мы получили на сервисе PageSpeed Insights, способствуют тому, что клиенты могут быстрее перемещаться по сайту и лояльность к компании повысится, что влечет за собой увеличение прибыли.
Google PageSpeed Insights
Результаты
В ходе разработки сайта клиент постоянно находился на связи и старался оперативно отвечать на вопросы наших специалистов, а также высказывал свои пожелания, к которым мы прислушались и реализовали именно такой сайт, какой изначально и хотел заказчик: вся контентная часть перенесена без потерь, дизайн обновлен, функционал улучшен, работать с сайтом владельцу стало гораздо удобнее и легче.
