Development of a website for a charitable foundation

Своїми словами 😁

Для благодійної організації потрібно розробити простий сайт з деякими функціями. Домен уже придбаний, а хостинг наданий безкоштовно від Hostiq.ua. Благодійний фонд є офіційно зареєстрованим та допомагає ЗСУ і дітям, тому, якщо ви хочете волонтерити, ви можете відобразити це в ціні розробки. Я вам буду за це вдячний, і вся команда також.

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

Не потрібно:

• Функцій інтернет-магазину (фонд є неприбутковою організацією, не займається бізнесом і не залишає собі жодних коштів на обслуговування);

• Особистого кабінету користувача, реєстрація зайва.

По функціоналу:

• Мультимовність: українська та англійська версії;

• Присутня форма для звернень про допомогу;

• Сайт повинен мати можливість приймати донати на р/р банків України, на PayPal та криптогаманець (з можливістю легкого копіювання адрес гаманців). При цьому має бути реалізована можливість підписуватися на постійні автодонати, так звана "підписка", де користувач сам вказує, в який період і яку суму має переводити на благодійність;

• Якщо донат більший за певну суму, має бути реалізована форма зворотного зв’язку, де меценат вводить свої дані для отримання подарунка від фонду — це фізичний подарунок, який відсилається на вказану адресу благодійнику.

Архітектура сайту
Сайт має складатися з наступних сторінок:

• Головна;

• Проекти;

• Звітність;

• Підтримати.

Тепер детальніше по кожній сторінці:

1. Головна — це сторінка з каруселлю аватарок актуальних проектів, які автоматично змінюються. Нижче йде інформація про фонд, можливо, про його засновників, наглядову раду та керівний склад. Тут же має бути форма для звернень.

2. Сторінка "Проекти" — це сторінка активних зборів фонду, які потребують підтримки, та проектів по співпраці. Тут головне — навчити нас вносити зміни, і щоб це було максимально просто. Візуал: піктограми, розміщені списком або в два стовпці, візуально розділені один від одного, з текстом (назва збору і короткий опис) та кнопкою "детальніше" і іншою кнопкою "підтримати". Або інший варіант: коли кожен проект розміщений повністю послідовно, без кнопок "детальніше", а лише з "підтримати", натискаючи на яку можна задонатити. При можливості автоматично вказувати у платежі, чи якимось іншим чином, хто з користувачів на який проект задонатив, щоб можна було ідентифікувати транзакції. Проекти по співпраці повинні містити форми для заповнення користувачем його контактних даних для зв’язку та короткого коментаря.

3. Звітність — це сторінка, де будуть публікуватися звіти. Також, як і сторінка "Проекти", візуально має бути опублікована аватарка звіту, заголовок та короткий опис, і кнопка "Детальніше". Клікнувши на неї, відкривається сторінка зі звітом, де будуть фото та відео матеріали і детальніше описана вся надана допомога, сума, куди та кому й для чого.

4. Сторінка "Підтримати" — це сторінка для донатів. Тут має бути функціонал, який описаний вище в відповідному пункті з донатами. Також тут повинна бути реалізована можливість обрати адресата допомоги: "Військо", "Цивільні проекти", "Підтримка фонду". Це необхідно для тих меценатів, які вносять пожертву не через сторінку "Проекти", а безпосередньо зайшли у вкладку "Підтримати" і не хочуть углиблятися в деталі, проте можуть обрати основний напрям ініціатив для свого благодійного внеску.

Готовий розглянути різні варіанти з повним чи частковим залученням себе: надати медіа, тексти і т.д. Бюджет, нажаль, обмежений. Можливо, щось із перерахованого ви бачите як краще реалізувати — відкритий до ідей. Бюджет не резиновий, потрібна точна сума за пророблену роботу від вас та конкретика в тому, що мені підготувати й надати.

Більш структурований опис задачі.

1. Загальна інформація

• Тип сайту: Інформаційний сайт для благодійної організації.

• Платформа: WordPress.

• Домен: Домен вже придбаний.

• Хостинг: Наданий безкоштовно від Hostiq.ua.

• Мета: Підвищення впізнаваності благодійної організації, залучення донатів, надання інформації про проекти, підтримка ЗСУ та дітей.

• Бюджет: Обмежений, можливе відображення волонтерства у вартості робіт.

2. Стиль і дизайн

• Основний стиль: Простий, мінімалістичний дизайн, аналогічний сайту Save Life:

  • Білий фон.

  • Чорні елементи.

  • Логотип організації в чорному та білому кольорі (прикріплено).

3. Функціонал сайту

1. Мультимовність:

   • Сайт повинен підтримувати дві мови: Українська та Англійська.

   • Необхідно забезпечити зручний інтерфейс для адміністрування мовних версій.

2. Форма для звернень:

   • Форма для звернень про допомогу з можливістю додавання інформації про потреби (наприклад, допомога для ЗСУ, для дітей).

3. Функціонал для донатів:

   • Прийом донатів на:

     • Банківський рахунок в Україні.

     • PayPal.

     • Криптовалюту (з можливістю копіювання адрес гаманців).

   • Реалізація можливості підписки на регулярні донати з визначенням періоду та суми для автоматичних переведень.

   • Для великих донатів (вище певної суми) необхідно реалізувати форму зворотного зв'язку, де меценат надає свої дані для отримання подарунка (фізичного) який ми йому  відправляємо поштою.

4. Архітектура сайту

Сайт складається з таких основних сторінок:

1. Головна сторінка:

   • Карусель актуальних проектів, які автоматично змінюються.

   • Інформація про фонд, засновників, наглядову раду, керівний склад.

   • Форма для звернень.

2. Сторінка "Проекти":

   • Сторінка з активними проектами, для яких потрібна підтримка.

   • Кожен проект має кнопку "Детальніше" та кнопку "Підтримати".

   • Проекти повинні бути подані у вигляді карток з піктограмами або в два стовпчики з текстовим описом (назва збору та короткий опис).

   • Для проектів, що потребують підтримки, має бути можливість інтеграції з платіжною системою для ідентифікації донорів.

   • Проекти співпраці повинні містити форму для збору контактних даних користувача та короткий коментар.

3. Сторінка "Звітність":

   • Публікація звітів про допомогу.

   • Кожен звіт має аватарку, заголовок, короткий опис та кнопку "Детальніше".

   • На сторінці зі звітом повинні бути фото, відео та детальний опис наданої допомоги (сума, кому і для чого).

4. Сторінка "Підтримати":

   • Можливість для меценатів зробити донати:

     • Окрім стандартних функцій прийому донатів, потрібно реалізувати можливість вибору напрямку допомоги ("Військо", "Цивільні проекти", "Підтримка фонду").

     • Донати можуть бути зроблені без необхідності вибору конкретного проекту, лише  обрати напрям: "Військо", "Цивільні проекти", "Підтримка фонду"

5. Технічні вимоги

1. Платформа: WordPress.

2. Мультимовність: Плагін для мультимовності (наприклад, WPML або Polylang).

3. Платіжні системи:

   • Інтеграція з українськими банками для донатів.

   • Інтеграція з PayPal.

   • Інтеграція з криптовалютними гаманцями (Ethereum, Bitcoin).

4. Зворотній зв'язок: Форми зворотного зв'язку для великих донатів та контактних даних користувачів.

5. Безпека: Сайт має бути захищений від атак, вже встановлений SSL сертифікат, потрібна належна конфігурація для роботи з платіжними системами.

6. Оптимізація: Сайт має бути оптимізований для мобільних пристроїв, швидкий у завантаженні, з хорошою SEO оптимізацією.

6. Адміністрування

• Інтерфейс для адміністрування: Проста система для внесення змін до проектів, звітів, сторінок.

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

7. Додаткові зауваження

• Відкритий до ідей щодо покращення реалізації функціоналу.

• Бюджет на розробку обмежений, тому очікується точна сума за виконану роботу та конкретика щодо необхідних матеріалів.