Промо-концепции · Hrabro srce

Три идеи, чтобы сайт ожил

Всё ниже — рабочие анимации, которые можно внедрить в текущую версию сайта. Листай и смотри: цифры крутятся, сердце бьётся, акции листаются.

ИДЕЯ 01

Живые цифры и прогресс сбора

Полоса статистики под шапкой (31 ребёнок · 7 семей · 100% · 2024) накручивается при прокрутке — как табло. Плюс в блоке доната появляется прогресс-бар текущей акции («собрано 23.000 из 25.000 RSD») — он заполняется на глазах. Это создаёт доверие: «мы считаем и показываем».

stats-полосаблок донатаIntersectionObserver
0дете добило школски прибор
0породица из Пријепоља
0помоћи иде директно
0година оснивања
Школска акција 2026 — прикупљено0 / 25.000 RSD
ИДЕЯ 02

Пульс сердца и бегущая строка

Эмблема-сердце в шапке/hero мягко «бьётся» — жизнь вместо статичной картинки. Между секциями — бегущая строка с девизом и призывами («Malo od mnogih · Svaka uplata se računa…»): как на благотворительных сайтах, останавливается при наведении. Дёшево, но сразу «дышит».

heroмежду секциямиCSS-анимация
Сердце «бьётся» — один CSS-анимационный цикл, ~1.6 сек. Не отвлекает, но страница перестаёт быть статичной.
Malo od mnogihSvaka uplata se računaPomoć ide direktnoZajedno možemo mnogoHvala svima koji pomažuMalo od mnogihSvaka uplata se računaPomoć ide direktnoZajedno možemo mnogoHvala svima koji pomažu
ИДЕЯ 03

Слайдер акций + параллакс

Секция «Наше акции» превращается в интерактивный слайдер (стрелки, свайп, автопрокрутка с паузой, точки). А фото в hero получает лёгкий параллакс — при скролле картинка двигается чуть медленнее текста, появляется «глубина». Вовлекает и показывает акции по одной, крупно.

секция «Наше акции»heroсвайп + стрелки
Mega Kids

„Humanost bez granica“

Помощь из Белграда — д/у «Mega Kids»

Школьные наборы

Школьный пакет для 31 ребёнка

Тетради, пеналы, краски — перед 1 сентября

Продукты

MAYMAKS DOO — 20.000 RSD

Пакеты еды и гигиены для семей

Параллакс Параллакс: фото едет медленнее текста при скролле