Перейти до змісту

Плоди Духа: сайт для волонтерівбезкоштовно, від серця

Сайт для громадської організації «Плоди Духа» з Дніпра. Зробили його безкоштовно, на волонтерських засадах: збори з прогресом, новини та звіти, форма для волонтерів і повністю редагований контент українською та англійською.

Блок збору коштів на сайті «Плоди Духа»
Клієнт
ГО «Плоди Духа»
Напрям
Волонтерство · Гуманітарна допомога
Роль
Розробка · Адмін-панель · Запуск
Терміни
2,5 тижні · 2026

Задача
проєкту.

Організації потрібен був сайт, який показує її реальну роботу, збирає донати на мікроавтобус для евакуації та приймає заявки від волонтерів. Бюджету на розробку не було, а вести сайт мали самі волонтери — без програміста й без технічних знань.

«Плоди Духа» — громадська організація з Дніпра. Її волонтери тримають шелтер для внутрішньо переміщених осіб, щовівторка безкоштовно годують усіх, хто потребує, і виїжджають на місця ракетних та дронових ударів.

Сайт ми зробили безкоштовно, на волонтерських засадах. Це наш внесок у роботу, яку команда організації робить щодня. Подивитися його можна тут: plodydukha.org.

Головне завдання сайту — показати, що організація справді працює, і дати людям простий спосіб допомогти. Тому на ньому є збори з прогресом і кнопкою донату, новини та звіти про витрати, напрямки роботи й форма «Стати волонтером».

Сайт веде сама команда організації. Збори, новини, напрямки, команда, партнери й контакти редагуються з адмінки Payload CMS українською та англійською, без участі розробника. Порожні поля на сайті не показуються, тож він виглядає завершеним, навіть поки контент ще наповнюється.

Результат — швидкий двомовний сайт, з якого можна задонатити або долучитися до волонтерства за кілька кліків.

Як ми
працювали.

Від брифу до запуску — прозорі етапи з результатом на кожному.

Етап 1

Бриф і структура

Зібрали факти про організацію й визначили цілі: донати, волонтери, звіти. Спроєктували односторінкову структуру з якірним меню.

БрифСтруктураUX
Етап 2

Адмін-панель

Налаштували колекції Payload CMS: збори, новини, напрямки, команда, партнери, заявки волонтерів. Усе двома мовами.

Payload CMSUA / ENЗаявки
Етап 3

Розробка

Зверстали сайт на Next.js: адаптив, доступність, швидке завантаження та SEO-розмітка.

Next.jsАдаптивSEO
Етап 4

Запуск

Розгорнули сайт на Vercel з базою PostgreSQL і сховищем для фото, підключили домен і передали команді інструкцію для редакторів.

VercelPostgreSQLІнструкція

Що
отримав клієнт.

0 ₴
вартість розробки для організації
2,5 тижні
від старту до запуску
2
мови: українська й англійська
100%
контенту редагується з адмінки
  • Зробили сайт безкоштовно, на волонтерських засадах
  • Від старту до запуску — 2,5 тижні
  • Збори коштів із прогресом, окремою сторінкою та кнопкою донату
  • Новини та звіти з фільтром за категоріями
  • Форма «Стати волонтером» із заявками прямо в адмінці
  • Двомовність UA / EN
  • Повністю редагований контент через Payload CMS
  • Адаптивна верстка для телефона, планшета й десктопа

Хочете опинитися
у цій галереї?

Розкажіть про задачу — обговоримо, як досягти вашої мети.

приймаємо проєкти на Q4 2026
Почати проєкт →