Креативный сайт про пластиковое загрязнение океана, наполненный разнообразной сложной пошаговой анимацией. Проект является некоммерческим и разработан в рамках обучения web-дизайну в онлайн школе Citadel.study.
Сайт получил 2 награды "Site of the Day" на Designnominees и Сайт дня на Top Design King.
пластиковый кошмар
/ Одностраничный сайт на Tilda
plastic horror
палитра и шрифты
задача
Шрифт заголовка Capture it с потертыми краями, большой и кричащий. Отражает водные блики и течение времени. Шрифт основного текста Roboto, максимально простой и читаемый, легко воспринимается на фоне активной графики и анимации.
В основе палитры – контраст тёмного фона и ярких акцентных цветов. Тёмный фон усиливает драматизм темы, а кислотные оттенки привлекают внимание, отражая масштаб экологической угрозы.
На одном из обучений по веб-дизайну нужно было создать эмоциональный и запоминающийся сайт в креативном стиле. Мне захотелось раскрыть тему глобального загрязнения океана, чтобы привлечь внимание к этой проблеме. Важно было уйти от сухого текста и сделать акцент на атмосфере, ощущениях и вовлечении пользователя через интерактив и анимацию.
#162633
#FBFF4B
#46BEC4
анимация
Анимация стала ключевым инструментом вовлечения. Она задаёт ритм, усиливает эмоции и помогает постепенно раскрывать смысл, не перегружая пользователя информацией. Каждое движение на экране работает на идею: подчёркивает масштаб проблемы, создаёт эффект присутствия и делает просмотр сайта похожим на интерактивный сторителлинг.
Также я добавила геймификацию в одном из блоков (Собери мусор в контейнер).
Также я добавила геймификацию в одном из блоков (Собери мусор в контейнер).
адаптив
Сайт полностью адаптирован под все устройства.
Особое внимание уделено мобильной версии: сохранена логика подачи контента, ритм анимации и удобство восприятия, чтобы опыт взаимодействия оставался целостным и комфортным.
Особое внимание уделено мобильной версии: сохранена логика подачи контента, ритм анимации и удобство восприятия, чтобы опыт взаимодействия оставался целостным и комфортным.
результат
В результате получился выразительный, эмоциональный и запоминающийся проект.
Сайт получил 2 награды "Site of the Day" на Designnominees и Сайт дня на Top Design King.
Сайт получил 2 награды "Site of the Day" на Designnominees и Сайт дня на Top Design King.
● Блогерам ● Малому и среднему бизнесу ● Онлайн школам ● Предпринимателям ● Стартапам Экспертам ● Малому и среднему бизнесу ● Онлайн школам ● Предпринимателям ● Блогерам ● Стартапам Экспертам ● Малому и среднему бизнесу ● Онлайн школам ● Предпринимателям ● Блогерам ● Стартапам Экспертам ●
