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

Кейс по переносу сайта на CMS WordPress кровельной компании

Кейс по переносу сайта на CMS WordPress кровельной компании
Обсудить проект
Мастертайл ООО – компания с более чем 15-летним опытом работы на рынке кровельных, фасадных и ландшафтных материалов. Мы работаем с 2004 года. Компания «Мастертайл ООО» зарекомендовала себя как надежный партнер для частных и корпоративных клиентов благодаря высокому качеству продукции и профессиональному обслуживанию. Мы предлагаем широкий ассортимент материалов от ведущих производителей, что позволяет подобрать оптимальные решения для любых проектов. Наша команда экспертов всегда готова проконсультировать и помочь с выбором, обеспечивая индивидуальный подход к каждому клиенту.
Дизайн
Дизайн
Индивидуальный
Сайт
Сайт
Каталог
Объём
149
Страниц
Скорость
96 / 99
Загрузки сайта
Язык
RU
Русский
Поиск
Поиск
По сайту
Мессенджеры
Мессенджеры
Коммуникация
Форма обратной связи

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

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

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

Карта
Новости

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

Новости
Сотрудники

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

Сотрудники
Задача

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

Решение

Был успешно перенесён сайт кровельной компании на CMS WordPress с полным сохранением структуры, текстов, изображений и ссылок. Обновлён дизайн: интерфейс стал более современным, адаптивным и удобным для пользователей всех устройств. Настроена система управления контентом, что позволило значительно упростить редактирование и добавление материалов.

Ниша

Строительство

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

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

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

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

01
Цвет и типографика
Синие и бирюзовые цвета отлично подходят для сайта, так как они ассоциируются с надёжностью, чистотой и профессионализмом. Синий цвет часто вызывает чувство доверия, стабильности и уверенности, что особенно важно для компаний, предоставляющих услуги или технические решения. Бирюзовый добавляет ощущение свежести, лёгкости и инновационности, делая интерфейс более дружелюбным и визуально привлекательным.
Шрифт Arial хорошо подходит для сайтов благодаря своей универсальности, читаемости и нейтральному внешнему виду. Он относится к семейству без засечек (sans-serif), что делает текст, набранный этим шрифтом, легко воспринимаемым на любых экранах — от мобильных устройств до больших мониторов.
#425b64
#ffffff
#9cb4be
#484855
Синие и бирюзовые цвета отлично подходят для сайта, так как они ассоциируются с надёжностью, чистотой и профессионализмом. Синий цвет часто вызывает чувство доверия, стабильности и уверенности, что особенно важно для компаний, предоставляющих услуги или технические решения. Бирюзовый добавляет ощущение свежести, лёгкости и инновационности, делая интерфейс более дружелюбным и визуально привлекательным.
#425b64
#9cb4be
#ffffff
#484855
Шрифт Arial хорошо подходит для сайтов благодаря своей универсальности, читаемости и нейтральному внешнему виду. Он относится к семейству без засечек (sans-serif), что делает текст, набранный этим шрифтом, легко воспринимаемым на любых экранах — от мобильных устройств до больших мониторов.

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

02
Функционал

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

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

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

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

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

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

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

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

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

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

Для каждого проекта мы добиваемся очень высоких показателей скорости загрузки сайта. Данный сайт быстро загружается, весь контент отображается сразу: 99 баллов на десктопных устройствах и 96 балла на мобильных является крайне высоким показателем (возможны более низкие результаты из-за медленного интернета, сильной нагрузки на устройства). У целевой аудитории компании нет свободного времени для ожидания загрузки контента на сайте, поэтому такая высокая скорость крайне положительно повлияет на поведение пользователей на сайте.

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

05
Результат

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

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

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

+

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

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