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