Создание и поддержка сайта Ventilyatsiya.SU

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

В дизайне сайта использован адаптивный дизайн (под прохождение Mobile-Friendly Test) и сочетание различных технологий оформления. Использована анимация HTML5+CSS3 для решения презентационных задач первой страницы. Создана корректная автоматическая адаптация дизайна под разные браузеры посетителей.
 

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

В ходе разработки и поддержки сайта проводился большой объём работ по оформлению статей и разделов сайта Ventilyatsiya.SU, создание индивидуальных графических материалов и инфографики. Адаптация графических материалов от производителей вентиляционных систем и бризеров под дизайн и вёрстку шаблонов страниц сайта.
 

Сайт не только прекрасно проходит Mobile-Friendly Test, но и соответствует жесточайшим современным требованиям Google  Core Web Vitals 2021. С момента объявления Google этих новых требований к сайтам в 2020 году, я полностью переработал технологические требования к Front-End архитектуре своих проектов.

Я добился максимальной скорости! Тест скорости загрузки Google Page Speed Insights для главной страницы этого действующего сайта с графикой и АНИМАЦИЕЙ в дизайне пройден на 100%. Не за счёт мощности хостинга, а только оптимизацией сборки. И не пришлось экономить на картинках (графических файлах в дизайне).

Такого результата невозможно добиться на большинстве современных CMS (программных платформ для сайтов), даже без использования больших графических элементов в дизайне.

Анимация главной страницы (HTML5+CSS), при своей длительности, позволяет странице легко решать сложные презентационные задачи в сочетании со сложными задачами продвижения. Работу анимации в дизайне сайта можно увидеть в видео (лучше в полный экран 1080p):