Разработка промо-сайта дизайн агентства

«11111» — дизайн агентство. Да, такое вот не совсем стандартное название, пять единиц:)

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

Задача

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

Основной контент — графический. Вариант уменьшения скорости загрузки сайта за счет сжатия изображений в ущерб их качеству не рассматривается.

Требования

Адаптивность и кроссбраузерность;
Прелоадер;
Анимация и эффекты;
Базовая SEO-оптимизация;
Подключение HTTPS;
Скорость загрузки сайта не более 3 секунд.

Сайт был разработан за 7 дней, без спешки. Включая анимации и эффекты.

Сайт на 100% адаптивный

Дизайн был адаптирован под все виды мобильных устройств от 320px, включая анимацию! Верстка выполнена на фреймворке bootstrap 4.

В 2019-м году доля мобильных пользователей составляет около 63%, адаптивность стала не преимуществом, а стандартом для новых сайтов.

Результат

Результат аудита Lighthouse по 6-ти критериям, который в данный момент использует Google PageSpeed Insights.
До 49 плохо, 50-89 нормально, 90-100 отлично!