Войти на сайт
Логотип
Клиентам

Студия дизайна интерьера в Москве «Вира-АртСтрой»

Вернуться к списку
  • Тип проекта:
    Корпоративный сайт
  • Тематика сайта:
    Строительство, ремонт и благоустройство
  • Редакция продукта:
    Эксперт
  • Сайт:
  • Партнер:
    Андрей Проскуряков, Senior Web Developer
Новая версия сайта 2020 получила следующие изменения:
  1. Презентационный вид всех основных «продающих» страниц. Крупный текст и заголовки с картинками и видео. Отказ от любых мелких элементов. Средний вариант между лендингами и стандартными текстовыми страницами.
  2. Упрощённая навигация в меню. Оставлены основные разделы, которые требуются реальным покупателям заинтересованным в ремонте.
  3. На высоком уровне проработана адаптивность дизайна. Все элементы дизайна, навигации, текст, функциональные блоки - работают на любых разрешениях и выглядят великолепно.
  4. Много внимания уделено маркетингу и продажам. Сделаны интеграции с внешними сервисами (коллтрекинг, квизы, формы) с отправкой всех данных в CRM.Битрикс24. Для всех посетителей учитывается Источник трафика по UTM меткам. Все эти данные передаются также в Битрикс24, чтобы получать в дальнейшем расширенную статистику по конверсиям из разных источников.
Добавлены 2 абсолютно новые фичи, которые очень нравятся поисковым система:
  1. Яндекс Турбо-страницы. Сделаны как для основных статичных страниц, так и для всех динамических (галерея объектов, статьи энциклопедии).
  2. Google AMP Stories. Один из вариантов Google Accelerated Mobile Pages - сторисы. В виде сторисов представлены подборки фотографий по цветам, типам помещений.
При разработке версии 2020 важно было сохранить высокий уровень баллов по тестам Google PageSpeed Insight.
Для такого дизайна с большим количеством качественных изображений - удалось достичь великолепного результата в 60-70 баллов, это в середине жёлтой зоны.
  1. Добавлено minify-сжатие всех CSS и JS;
  2. Minify-сжатие для всего HTML-кода;
  3. Для картинок используются современные форматы WebP и MozJPEG;
  4. Для всех изображений используется lazyload;
  5. Несколько наборов картинок для разных разрешений;
  6. Сокращено количество DOM узлов в HTML.