SubScope — лендинг для приложения по управлению подписками.
Некоммерческий проект, реализованный по макету из Figma. Сайт полностью адаптивен: поддерживает десктоп, три планшетных разрешения и мобильную версию. Все элементы и стили строго соответствуют дизайн-системе.
Что реализовано:
✔️Современный тёмный дизайн с градиентами и световыми эффектами
✔️5 адаптивных версий (1600px, 1800px, 1350px, 1050px, 800px)
✔️Интерактивные блоки с пагинацией (основные функции приложения)
✔️Анимированные SVG-иконки с эффектами (pulse, bounce, glow)
✔️Hover-эффекты с частицами при клике
✔️Анимация появления экранов приложения
✔️Свайп-переключение блоков на мобильных
✔️Слайдер отзывов с кастомной пагинацией (Swiper.js)
✔️Форма обратной связи
✔️Адаптивный футер с аккордеоном на мобильных
Технологии и навыки:
HTML5, CSS3 (Grid, Flexbox, анимации), JavaScript (ES6+), Swiper.js, Intersection Observer API, адаптивная и кроссбраузерная верстка, работа с SVG, оптимизация под мобильные устройства.
Результат:
Проект выполнен за 2 дня, полностью соответствует макету, отличается высокой интерактивностью и современным UX/UI. Отличный пример комплексной адаптивной верстки и реализации анимаций.
https://ivanderbugov.github.io/IvanDerbugov/freelance/YandexMusic/index.html