В рамках проекта была выполнена полноценная frontend-реализация лендинга с акцентом на производительность, анимации и корректную адаптацию под разные устройства.
Верстка выполнена с использованием SCSS, с последующей компиляцией в оптимизированный CSS. Архитектура стилей построена по методологии БЭМ, что обеспечивает читаемость, масштабируемость и удобство поддержки кода.
Для анимаций и плавного взаимодействия с интерфейсом использованы:
GSAP
GSAP ScrollTrigger
GSAP Smooth Scrolling
Intersection Observer для отслеживания появления элементов в зоне видимости
Реализована резиновая (responsive) вёрстка, обеспечивающая корректное отображение сайта на всех разрешениях экранов — от мобильных устройств до десктопов.
С целью повышения производительности:
подключена ленивая загрузка изображений (lazy loading)
изображения оптимизированы и переведены в формат WebP
устранены ошибки и предупреждения в HTML и CSS валидаторах
оптимизирован первый экран и критические ресурсы
По итогам оптимизации проект показывает зелёные показатели в Google PageSpeed Insights (Performance, Accessibility, Best Practices).
https://ibrahimovnets.ru/zaimozon/