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

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

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

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

Меню
Карта

Реализована интерактивная карта
с возможностью прокладывания маршрута,
что значительно упрощает планирование поездок

Карта
Отзывы

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

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

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

Форма обратной связи
Задача

Создать современный сайт-каталог, в полном объеме отражающий предоставляемые услуги в соответствии с корпоративным стилем и цветами старого сайта, соответствующий требованиям usability. Добиться высокой скорости загрузки сайта. Настроить адаптивность сайта для всех видов устройств.

Решение

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

Ниша

Реализация и монтаж окон, дверей, натяжных потолков и балконов

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

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

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

Выбор цветовой палитры, шрифтов и визуального контента

01
Цвет и типографика
В дизайне использовались корпоративные цвета компании, которые есть в их логотипе – оранжевый и фиолетовый, а также на основе логотипа кнопки и некоторые элементы на сайте оформлены градиентом. Нельзя не выделить индивидуальность и корпоративность дизайна: в формах обратной связи, некоторых блоках и страницах используются фотографии сотрудников Софьен, что повышает доверие и престиж компании у клиентов.
Шрифт Inter хорош для сайтов благодаря своему современному и четкому дизайну, который обеспечивает отличную читабельность на экранах разных размеров. Он создан с учетом принципов типографики, что делает его универсальным для различных стилей и целей. Хорошо сбалансированные формы букв и большое количество начертаний позволяют дизайнером легко комбинировать заголовки и основной текст.
#f19426
#ffffff
#a127c6
#d55a36
В дизайне использовались корпоративные цвета компании, которые есть в их логотипе – оранжевый и фиолетовый, а также на основе логотипа кнопки и некоторые элементы на сайте оформлены градиентом. Нельзя не выделить индивидуальность и корпоративность дизайна: в формах обратной связи, некоторых блоках и страницах используются фотографии сотрудников Софьен, что повышает доверие и престиж компании у клиентов.
#f19426
#a127c6
#ffffff
#d55a36
Шрифт Inter хорош для сайтов благодаря своему современному и четкому дизайну, который обеспечивает отличную читабельность на экранах разных размеров. Он создан с учетом принципов типографики, что делает его универсальным для различных стилей и целей. Хорошо сбалансированные формы букв и большое количество начертаний позволяют дизайнером легко комбинировать заголовки и основной текст.

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

02
Функционал

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

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

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

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

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

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

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

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

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

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

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

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

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

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

05
Результат

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

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

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

+

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

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