Промо-концепции · 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 mnogih♥Svaka uplata se računa♥Pomoć ide direktno♥Zajedno možemo mnogo♥Hvala svima koji pomažu♥Malo od mnogih♥Svaka uplata se računa♥Pomoć ide direktno♥Zajedno možemo mnogo♥Hvala svima koji pomažu♥
ИДЕЯ 03

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

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

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

„Humanost bez granica“

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

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

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

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

Продукты

MAYMAKS DOO — 20.000 RSD

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

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