Первый фестивальный проект уровня Awwwards

🔥Настр: тёмный промо с эффектными обложками хитов музыкальной индустрии последних 60-ти лет, свободные формы, эффекты 3D, залипание.

⚡️Выполнено: ❇️ Вёрстка макета в относительных единицах wv и vh на TapTop с адаптивами 1920 / 1440 / 992 / 768 / 480 и 320 пикселей ❇️ Вайбкодинг скриптов на GPT, Deepseek и Qwen для: • проигрывания видео на фоне через canvas, таких видео на сайте 8 • блокировки скролла при загрузке первого экрана сайта • сцен с бесконечным падением картинок • автооткрытия аккордеона при скролле, мигания обложек на нём, работы его вкладок и автозакрытия всего аккордеона • автооткрытия и работы аккордеона faq в футере и его эффекта сжатия • корректного перехода по пунктам меню в бургере, так как весь сайт это огромное полотно скролла, нужна была коррекция • смены цвета лого на определённых участках скролла ❇️ Вёрстка анимаций текстов и движения объектов внутренними инструментами TapTop по скроллу ❇️ Вёрстка поп-апов и форм обратной связи

🛠Сложности по ходу разработки: ♦️адаптация проекта в условиях обновления платформы TapTop ♦️поиск решений для проигрывания весомых видео в лучшем качестве без зависания ♦️коррекция самих видео под правки дизайнера, постоянный коннект с видеомонтажёрами ♦️бесшовная склейка видеосцен для единого непрерывного повествования ♦️коррекция всех анимаций по скроллу несколько раз заново, таких анимаций более 100 ♦️коррекция всех скриптов для безконфликтной работы, благодаря классам и ID элементов вёрстки ♦️перераспределение ролей членов команды для выжимки ресурсов времени и возможностей команды

✨Uprock и TapTop был разработан полный пайплайн проекта. Команда численностью около 10 человек: 🐱‍👤 артдиректор Евгений Кузьмин и дизайнер Слава Драганов корректировали результаты 🐱‍👤 ментор команды Галя Сосновская направляла по проекту, искала решения вместе с нами 🐱‍👤 3 верстальщика в команде вместе со мной: Марина ТрубиноваОля Подкорытова и Ахмет Абдинаги, на проекте выступил в роли тимлида 🐱‍👤 видеомонтажёры и некоторые классные люди, которые внесли свой вклад, но остались в тени, без них ничего бы не вышло

✅От изначальной задумки мы интегрировали около 90% всех сложных анимаций, от которых планировали отказаться. При этом многие в команде делали работу данной сложности в первый раз. Желание закончить проект нас не покидало или мы его не отпускали)

Смотреть сайт Songo

Первый фестивальный проект уровня Awwwards | Сетка — социальная сеть от hh.ru Первый фестивальный проект уровня Awwwards | Сетка — социальная сеть от hh.ru
Первый фестивальный проект уровня Awwwards | Сетка — социальная сеть от hh.ru Первый фестивальный проект уровня Awwwards | Сетка — социальная сеть от hh.ru Первый фестивальный проект уровня Awwwards | Сетка — социальная сеть от hh.ru Первый фестивальный проект уровня Awwwards | Сетка — социальная сеть от hh.ru Первый фестивальный проект уровня Awwwards | Сетка — социальная сеть от hh.ru