IcedOutMedia

Сайт — Октябрь, 2023

Макеты

Адаптивы

Задача

Icedotmedia — продакшн-студия, которая помогает артисту в продюсировании треков и музыкальных клипов любой сложности или в рекламе и продвижении его готовых треков

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

Процесс

На первом этапе я перенёс старый макет с картинки в Figma, доработал его, отрисовал вторую страницу с проектами, меню и форму обратной связи, затем я отрисовал адаптивы для всех страниц в разрешении 1640, 1200, 640 и 320. Затем я перенёс все макеты в Tilda, используя Zero Block

На сайт добавлено несколько модификаций с использованием готовых блоков кода:

• Кастомный скроллбар
• Интерактивный курсор мыши
• Кастомное боковое меню
• Анимация изображения на первом экране при перемещении курсора
• Ускорение бегущей строки из изображений

Также на сайте используется различная SBS анимация:

• Фиксация и отлипание элементов при скролле
• Ховер-эффекты с цветным размытым фоном
• Затемнение экрана при скролле

Все это добавляет уникальность сайту, что соответствует самой студии

Итог

Вы можете посмотреть на готовый сайт
и на некоторую часть моих макетов

Вёрстка Zero Block