Хід робіт
Брифінг, аудит
Ми провели брифінг із замовником, з’ясували детальну інформацію про курси, викладацький склад, варіанти оплати, офіційні документи, сертифікати. Згодом провели аудит сайтів, соціальних мереж схожих благодійних організацій. Вивчили коментарі користувачів, щоб зрозуміти основні болі, заперечення, можливі причини їхньої недовіри. Оцінили візуальне оформлення ресурсів конкурентів, склали таблицю із переліком плюсів та мінусів UX/UI частини дизайну. За підсумками виконаної роботи провели нараду, щоб сформувати план дій, загальну концепцію сайту, обговорити деталі, дійти єдиного рішення. Прототипування сайту Прототипування сайту було найважливішим завданням під час нашої роботи. Послідовність блоків на головній сторінці має зацікавити користувача, залучити його до проблеми, викликати довіру, підштовхнути до цільової дії. Ми розробили прототип сайту в Axure. Блоки розташовувалися таким чином:
- Перший екран із заголовком про проект, чіткою цифрою з кількістю безробітних українців, кнопкою для внеску;
- Блок “Для кого цей сайт”: щоб користувач зміг впізнати себе;
- Декілька блоків, які яскраво демонструють проблему втрати робочих місць під час війни (фото, відео);
- Блоки довіри: розповідаємо про сертифікати та можливості проекту;
- FAQ: для обробки питань/заперечень, що залишилися.
- Знайомимо з курсами, викладачами, партнерами для подальшого працевлаштування випускників;
- Відгуки переселенців, які закінчили навчання на проекті.
- Контакти.
Кнопка “Допомога” повторюється в різних блоках. Все залежить від того, на якому етапі людині буде достатньо аргументів, щоб приєднатися. Інші сторінки сайту доповнюють інформацію головної сторінки. Усі дані підтверджені цифрами із офіційних джерел, документами, звітами.
Концепція дизайну
Над проектом працювала дизайнерка, яка сама є переселенкою із міста Херсон. Вона продумала всі деталі оформлення та підготувала дизайн сайту для мобільної версії та ПК у Figma. Дизайн розроблено у приглушених тонах з акцентом на патріотичні державні кольори України. Оформлення просте, лаконічне, зрозуміле. Не відволікає увагу від основної інформації, живих фото та відео.
Розробка, тестування
Сайт було створено на CMS WordPress. Це дозволило зробити його простим, але досить гнучким у налаштуваннях. У процесі розробки багато уваги приділялося створенню різних зручних способів внесення пожертвувань. Ми додали на сайт зручні способи оплати:
- WayForPay;
- PayPal;
- Swift USD/EUR;
- Монобанк;
- ПриватБанк;
- Поповнення за номером рахунку у гривні;
- Криптовалюту.
Весь функціонал протестували. Тільки потім сайт був запущений у роботу.
