remonte24.ru
Редизайн сайта ремонта квартир
- Редизайн 8 статических страниц
- Редизайн 21 страницы услуг
- 130 страниц описания работ
- Шаблоны, куки, формы обратной связи, квиз, фильтр, попапы, 404, «спасибо»
Сайт до редизайна
Компания-заказчик занимается ремонтом квартир и домов с 2009, оказывая широкий спектр ремонтных услуг: от комплексных ремонтов квартир, ремонтов отдельных помещений в квартире до единичных (муж на час).
Ко мне обратился маркетолог Михаил @marketer_03, с которым мы регулярно сотрудничаем над улучшением сайтов и привлечением клиентов на сайты с запросом от клиента и описанием тематики, что заказов через сайт стало меньше. Сайт сделан много лет назад. После осмотра сайта, стало понятно, что дизайн сайта не соответствует дизайну и уровню ремонтов, который заказчик оказывает своим клиентам. Велика вероятность, что предполагаемые заказчики покидают сайт, не получив соответствие визуала и картинки «ожидание-реальность», несмотря на технические возможности сайта в виде калькулятора услуг и личного кабинета, где можно наблюдать за свои ремонтом.
Текущий сайт имел отдельную версию для ПК и отдельную, живущую «своей жизнью» версию для мобильных
версия для ПК до редизайна
Задача и работы по редизайну:
- Провести работу над контентом и структурой сайта, согласно маркетинговым требованиям. Над этим работал Михаил (маркетолог),
- Провести редизайн внешнего вида сайта, чтобы сайт выглядел достойно, современно, со вкусом. Работа с референсами, компоновка в единый дизайн стилей и элементов (Михаил и я),
- Сохранение CMS, на которой сейчас работает сайт – WordPress, его текущих данных и кастомной разработки (моя работа, как разработчика),
- Разработка нового дизайна (html, php, css, js, WordPress – моя работа, как разработчика),
- SEO-подготовка
мобильная версия до редизайна
мобильная версия до редизайна
Требования к редизайну и новым возможностям сайта:
- новый сайт должен выглядеть презентабельно, современно и со вкусом,
- отображать в лучшем качестве внешний вид и уровень ремонтных работ, которые заказчик оказывает своим клиентам,
- иметь высокую производительность и высокую скорость загрузки,
- быть seo-подготовленным,
- разработать фильтр, чтобы посетители сайта могли ранжировать среди всех ремонтов по необходимым параметрам (комнатность, площадь, типы оказанных услуг),
- внедрить квиз для предварительной стоимости уремонта,
- отдельным пожеланием заказчика была заставка с видео на первом экране главной страницы,
- создать дополнительные страницы услуг, т.к. их количество с момента разработки сайта увеличилось
Краткие вводные данные к редизайну:
На текущем сайте много кастомного кода, который нельзя потерять и нужно обязательно сохранить:
- калькулятор услуг (обращение к БД),
- возможность оставлять отзывы на сайте,
- возможность задать вопрос на сайте,
- 16 видов оказываемых услуг и 150 постов с описанием индивидуальной услуги, которые также нельзя потерять, а также их ссылочную массу
Работа над дизайном:
- Просмотр референсов – красивых сайтов, чтобы сделать сайт по ремонту квартир презентабельным,
- Скетчинг схемы сайта и блоков страниц в Procreate,
- Адаптация всего красивого – чтобы сайт был не просто красивым, но и легко читаемым и легко воспринимаемым,
- «Игра со шрифтами» – выбор шрифта для заголовков и основного текста,
- Подборка цветовых гамм нового дизайна сайта: зелёная гамма с акцентом или бежевая гамма с акцентом (заказчик выбрал зелёную гамму),
- Отрисовка иконок, просмотр и выбор фотографий заказчика,
- Компоновка последовательности блоков,
- Мобильная версия в компактном варианте.
Дизайн сайта слегка лишился «дизайнерского воздуха», т.к. заказчик сказал, что слишком много пустого места и в итоге дизайн немного потерял «воздуха»))
Работа с кодом:
- Ознакомление с кодом кастомизации, который нельзя утратить при редизайне и ласковое его сохранение,
- Создание кастомной темы WordPress для сайта без лишних фреймворков для высокой производительности сайта,
- Заботливая стыковка новой темы, новых данных и кода на старые данные без утери калькуляторов, возможности загрузки отзывов и вопросов без потери данных и ссылочной массы,
- Внедрение дополнительных полей с помощью Secure Custom Fields (ACF),
- Миграция старых полей, разработанных с помощью PODS на Secure Custom Fields,
- Разработка фильтров проектов,
- Пересборка страниц группировок услуг и проведённых ремонтов,
- Пересборка шаблонов для описания проводимых ремонтов,
- Сборка страниц с помощью Elementor (free),
- Мониторинг багов с Query Monitor;
- Использовала плагины: SCF, CF7, Elementor, YOAST, Cyrlitera
- Удалила 12 лишних плагинов, которые были в использовании на сайте до редизайна
Что получилось в результате редизайна:
- CMS осталась без изменений – WordPress.
- Написана кастомная тема индивидуально для сайта без ненужных фреймворков и лишнего кода. (Вместо двух разных тем WP, которые были на сайте до редизайна. Одна тема была для ПК и ноутбуков , вторая для мобильных и планшетов. Темы переключались в зависимости от типа устройств плагином Any Mobile Theme Switcher).
- URL (ссылки) и их структура остались прежними, как на сайте до редизайна. Без редиректов и страниц 404. Ничего не потерялось.
- Добавили новые виды услуг (увеличили ссылочную массу сайта). Внесла мета-теги для seo.
- Подписала все изображения, с которыми работала (alt).
- Новые галереи изображений с выводом title и alt для всех изображений, что увеличивает seo отдачу.
- Калькулятор и другие технические возможности, которые были на сайте до редизайна (и ре-кода), остались в неизменном состоянии и стыкуются с новым кодом и данными.
- Деактивированы лишние, нагружающие сайт, плагины WP.
- Редизайн, разработка логического контента и кода для 8 статичных страниц (по сути разработка с нуля).
- Редизайн, разработка логического нового контента и кода для 21 страниц услуг (по сути разработка всего с нуля).
- Редизайн и переработка шаблона вывода портфолио ремонтов для 130 работ,
- Разработан фильтр для фильтрации по записям (портфолио отремонтированных квартир) на сайте по параметрам: квартира/дом, комнатность, площадь, вид оказанных услуг (вид ремонтов, который был сделан).
- Разработан квиз для получения дополнительных заявок с сайта.
- А также: куки на 28 дней, формы обратной связи, страница «спасибо за заявку» (перенаправление пользователя после отправки формы), страница 404, попапы, фильтр, квиз, seo-страница с картой сайта в HTML, политика конфиденциальности, карта сайта HTML и sitemap
Итого в редизайне: 150 страниц (URL) и 38 дней плотной работы
SEO и техническая оптимизация сайта
- Уникальные мета‑теги. Для всех новых страниц с услугами и работами из портфолио прописала уникальные Title и Description. Исследования показывают, что уникальные заголовки и описания помогают поисковым системам правильно определить релевантность.
- Микроразметка и скорость загрузки. Сайт работает быстро, т.к. написала тему сама и не внедряла ненужные фреймворки.
- Отличные Core Web Vitals (основные интернет-показатели) напрямую способствуют повышению удобства сайта и его позиций в поиске Google и Яндекс
Нужен подобный сайт с подобным функционалом?
↓