Як Inweb створив технічне завдання для сайту ZDOROVI: нова структура й 10 прототипів — кейс

Коли НУО стрімко зростає, онлайн-комунікація не завжди встигає за реальним масштабом і впливом: з першого погляду може бути не очевидно, чим організація займається, який широкий має вплив і як доєднатися. Через це потенційним партнерам складно швидко зорієнтуватися. Так сталося і зі ZDOROVI: попри великий масштаб і експертизу, сайт не відображав їх у цілісній картині для різних аудиторій — міжнародних донорів, українських медзакладів, ЗМІ, держслужбовців, партнерів і медичних працівників.

Команда відділу Nonprofit у Inweb поділилася досвідом співпраці з ZDOROVI: як за місяць провели незалежний аудит, дослідили аудиторії та їхні сценарії, запропонували нову інформаційну архітектуру, описали 10 ключових сторінок із цілями й CTA та зібрали «мінімальні» й «максимальні» сценарії змін. Розказуємо, як перетворити досягнення організації на зрозумілі дії на сайті й підготувати чітке технічне завдання для розробників.

Збираємо в Telegram найактуальніші новини й статті про маркетинг, ШІ та бізнес

Хочу бути в темі

Хто такі ZDOROVI та з чим звернулися до Inweb

ZDOROVI — провідна українська НУО у сфері охорони здоров’я, що допомогла 4,7 млн пацієнтів, співпрацює з USAID і має довіру понад 950 медичних закладів. За два роки вони перетворилися з локальної ініціативи на системного провайдера змін у медичній сфері під час війни. За 2022–2024 роки залучили та надали гуманітарної та благодійної допомоги на 1,1 млрд грн, а також створили дослідницький продукт «Барометр» — єдине систематичне дослідження медицини воєнного часу в Україні.

Коли команда ZDOROVI звернулася до Inweb, вони були в типовій для швидкозростаючих НУО ситуації: є значущі результати та експертиза, але онлайн-комунікація не зводила це в цілісну картину для різних аудиторій. Команді був потрібний незалежний аудит і чітка стартова точка для оновлення сайту.

Головний запит: як через один сайт водночас говорити з міжнародними донорами, українськими медичними закладами, журналістами, держслужбовцями, партнерами та медичними працівниками.

Завдання, які постали перед Inweb після проведення брифу:

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

Для того щоб виконати ці завдання й підготувати чітке ТЗ (технічне завдання) для розробників, треба було застосувати поетапний підхід.

Підхід і етапи роботи

1. Дізнатися потреби й контекст замовника: провести бриф з інтерв’ю, вивчити надані матеріали (плани розвитку, звіти, презентації, контент сайту, статті та новини), систематизувати інформацію.
2. Провести кабінетне дослідження аудиторій, скласти карти шляхів на сайті для ключових сегментів і визначити, що вони шукають насамперед.
3. Запропонувати оновлену структуру сайту — інформаційну архітектуру / карту сайту.
4. Описати кожну сторінку нової структури: роль, цілі, пріоритетні блоки й CTA для відповідних аудиторій.
5. Зібрати список недоліків (неточності, дублювання, застарілі дані) і підготувати розділ «мінімальні втручання» — те, що можна виправити без повного перероблення: помилки, кілька CTA, оновлення інформації.
6. Підготувати прототипи 10 ключових сторінок і план «максимального оновлення»: документи з описами блоків, текстами та CTA.
7. Презентувати аудит і провести фідбек-сесію через місяць.

Не всю інформацію команда Inweb знаходила на поточному сайті ZDOROVI. Вивчали додаткові матеріали, презентації та шукали інформацію самостійно.

Тривалість: аудит для ZDOROVI, які мають чотири напрями роботи; чотири базові сегменти аудиторій і один додатковий; обсяг робіт становив близько 40 робочих годин.

Що вдалося зʼясувати під час аудиту

Спостереження 1. Різні потреби аудиторій

Міжнародному донору важливі дані про прозорість використання коштів; медзакладу — як отримати грант; журналісту — експертні коментарі. На сайті бракувало окремих «входів» для кожного сегмента, а заклики до дії були загальними, тому було складно швидко перейти до релевантного сценарію.

Ми запропонували змінити структуру напрямів роботи організації.

Замість одного «всім про все» — чотири зрозумілі напрями з власними «входами» й діями.

• Допомога та гранти — точка входу для медзакладів і донорів: «Гранти», «Прозора лікарня» та швидкий шлях «Отримати допомогу (/get-help)».
• Дослідження — зібрані результати та «Барометр» та форма, щоб подати актуальне дослідження. Аудиторії: реформатори, аналітики, ЗМІ, медики, донори, МОЗ.
• Освіта та підтримка — чинні розділи «Просвіта та навчання» і «Ментальний добробут», а також місце «на виріст» для бібліотеки експертних матеріалів. Аудиторія: медики.
• Реформи та адвокація — матеріали про адвокацію реформ і анонси подій; «на виріст» — сторінка з експертами та швидкий канал запитань. Аудиторії: МОЗ, юристи, медзаклади, ЗМІ, партнери.

Чому оновлена структура працюватиме краще:

• кожен сегмент одразу бачить «свій» розділ і конкретну дію (податися на грант, отримати допомогу, подати дослідження, поставити запитання), тож шлях до взаємодії коротший;
• контент згруповано за потребами зовнішніх аудиторій, а не за внутрішньою логікою — легше сканувати та орієнтуватися;
• структура масштабована: нові напрями додаються як окремі розділи без зламу навігації.

До розділів можна перейти з будь-якої сторінки через меню або з головної — через блок «Напрями роботи».

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

«Про нас». Від моменту заснування організація зростала: з’явилися нові члени команди та напрями роботи. Тому замість однієї сторінки доцільно створити розділ із підрозділами «Команда», «FAQ», «Для ЗМІ» та посиланнями на ключові документи (стратегії розвитку, політики НУО). У форматі розділу можна чітко описати структуру й ролі, зібрати поширені запитання з відповідями (зручно для пошуку за ключовими словами) й надати медіа окрему сторінку — це спрощує навігацію та полегшує роботу команди.

«Партнерам». Для партнерів і донорів ми запропонували окремий розділ із чіткою структурою: «Як доєднатися», «Партнери», «Меморандуми» (зібрані угоди з партнерами та держорганами) і «Форма для зв’язку». Для кожної сторінки визначили роль і ключову дію, щоб шлях до контакту був коротким і зрозумілим; інформація про співпрацю зосереджена в одному місці й не змішується з програмними напрямами.

Спостереження 2. Барометр

«Барометр» від ZDOROVI — це фактично український аналог Healthcare Barometer європейських країн, єдине систематичне дослідження медицини воєнного часу в Україні. При цьому на сайті його було подано як загальне «дослідження», а інформація дублювалася між сторінками «Барометр» і «Дослідження». Ми ретельно опрацювали всі звіти й кожний випуск та запропонували іншу структуру сторінок у розділі «Дослідження».

Спостереження 3. Контент і візуальні деталі

Деякі елементи послаблювали сприйняття експертності: стокові фото замість реальних кадрів із проєктів, застаріла інформація, нечіткі заклики до дії (CTA), дублювання матеріалів. Ці пункти ми детально описали в аудиторському звіті для команди ZDOROVI з прикладами та рекомендаціями щодо виправлень.

Які кроки зробили після презентації аудиту

Команда Inweb провела робочу презентацію аудиту для команди ZDOROVI: показали логіку рішень, переваги запропонованої структури, відповіли на запитання та узгодили подальші кроки. Презентація тривала близько 1,5 години.

За словами команди ZDOROVI, під час зустрічі вони одразу побачили масштаб робіт, які стоять попереду. Але працювати далі було простіше, адже матеріали містили чіткий план дій.

Після презентації ZDOROVI використали результати аудиту, як робочу рамку: послідовно пройшлися по кожному розділу, визначили кроки й на цій основі сформували технічні завдання для розробників.

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

Що ZDOROVI отримали на виході

У результаті команда ZDOROVI отримала не просто перелік спостережень і точок зростання, а конкретні рішення для впровадження:

• нову інформаційну архітектуру сайту з логічним групуванням за потребами аудиторій;
• 10 прототипів ключових сторінок — від головної до спеціалізованих розділів;
• карти шляхів користувача для кожної з п’яти аудиторій;
• сценарії змін: мінімальні та максимальні — під різні бюджети;
• деталізований план дій.

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

Що говорять ZDOROVI  про результати співпраці

«Аудит, який провела команда Inweb, охопив як технічні аспекти (структура, оптимізація для пошукових систем і мобільних пристроїв тощо), так і контентну частину — логіку подачі інформації, зручність навігації, відповідність запитам користувачів. У результаті ми отримали не просто перелік зауважень, а комплексний аналітичний документ з чіткими практичними рекомендаціями, які стали дорожньою картою для вдосконалення.

Особливо цінним для нас стало глибоке занурення експертів Inweb у контекст діяльності гуманітарної організації, розуміння специфіки нашої аудиторії та готовність пропонувати рішення, які працюють не лише тут і зараз, а й мають стратегічний ефект. Уже на цьому етапі ми почали впроваджувати запропоновані зміни: від корекції структури та оптимізації наповнення до вдосконалення навігації. Ця співпраця для нас — приклад якісної міжсекторної взаємодії, коли комерційна digital-компанія допомагає благодійній організації посилювати прозорість, підзвітність і стійкість», — зазначає Наталія Тулінова, директорка БО «БФ «НАГД «ЗДОРОВІ».

Резюмуємо

Історія ZDOROVI — типова для НУО в Україні. Багато сайтів робили в перший рік як «візитівки»: мінімум сторінок, без продуманої інформаційної архітектури та окремих входів для аудиторій; оновлення — епізодичні. Коли організація зростає, такий формат уже не працює.

Є прості сигнали, щоб зрозуміти, що НУО потребує аудиту сайту: 

• організація виросла, а сайт не відображає масштабу й впливу; 
• різним аудиторіям складно знайти потрібне за один чи два кліки; 
• команда знає про розрізненість контенту, але не розуміє, з чого почати; 
• додати новий напрям без «зламу» навігації майже неможливо.

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