Безбар’єрність

Тут ти дізнаєшся, як долучитися до створення України без бар'єрів

#гомін для держави
GovTech
розробка вебсайту
брендинг&UX/UI дизайн

ГО «Безбар’єрність» – виконавчий партнер ініціативи Першої леді Олени Зеленської зі створення Всеукраїнської програми ментального здоров’я та ініціативи «Без бар’єрів», спрямованої на створення рівних можливостей для всіх українців.

Головна ціль проєкту:

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

Після повномасштабного вторгнення Росії ще одним фокусом діяльності ГО «Безбар’єрність» стала адвокація змін у сфері ментального здоров’я як на рівні держави, так і суспільної свідомості.

Цей сайт — частина цієї роботи. Тут зібрані знання, приклади, рішення й інструменти, які можуть допомогти зробити життя безбар’єрним: у громадах, в організаціях, у міському середовищі та в онлайн-просторі.

Більше про сайт про Безбарʼєрність

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

Створення інформаційного сайту

Є багато інформаційних матеріалів, які потрібно було розмістити у межах сайту. 

Корисні матеріали

Зручний каталог усіх матеріалів про безбар’єрність. За темами, у форматі інструкцій, порад, чеклістів, гайдів.

Ілюстрації

Візуальні матеріали, які пояснюють безбар’єрність і допомагають створювати доступне середовище.

Історії

Історії людей, які долають бар’єри й надихають інших своїм досвідом.

Посилатися на інші веб-ресурси в межах сайту

Інкорпорувати всі доступні наявні проєкти та ресурси як сторінки сайту було б надто складно (моментами практично неможливо), тому ми затвердили посилатися на інші веб-ресурси в межах сайту.

Як люди шукатимуть відповіді на свої питання?

Знайти ці відповіді можна буде таким чином: 

  1. За пошуком на першій сторінці сайту за ключовим словом або фразою.

  2. У відповідній частині сайту. Наприклад, у блозі, статях тощо.

  3. Якщо користувач вже читає одну статтю, то за пролінкованим словом буде можливість перейти на іншу. Також, буде можливість під статтею або будь-яким іншим матеріалом перейти на статтю на схожу тематику.

Дизайн проєкту

У контексті візуального стилю, ми використовували існуючий “Брендбук з Безбар’єрності”, інтегрували до дизайну сайту кастомний шрифт Barrier Free та  інші елементи з “Брендбуку”, зокрема: логотип Безбар’єрності, логотипи кожного з видів Безбар’єрності (“Квітка”) і їх індивідуальну кольорову гаму.

Ключові вимоги до розробки:
1
Розробка за принципом Mobile First.
2
Висока швидкість завантаження сайту.
3
Дизайн сайту має бути мінімалістичним, простим у розумінні найменш досвідченого юзера, не перевантажувати великою кількістю елементів та відповідати брендбуку Безбар'єрності (шрифти, логотипи, кольорова гама тощо).
4
Можливість вбудування відео- та фотоматеріалів на сторінках.
5
Сайт повинен бути створеним згідно з рекомендаціями з забезпечення доступності вебконтенту (WCAG 2.2).
6
Випадаючі списки для певних розділів (зокрема, головних розділів).

Вебдоступність (WCAG)

Сайт створено згідно з рекомендаціями з забезпечення доступності вебконтенту (WCAG 2.2).

А що по технологіях?

CMS сайту — Wordpress, обрана і налаштована таким чином, щоб легко і оперативно додавати, видаляти, змінювати контент сайту, пункти меню, контент на внутрішніх сторінках з адмін панелі. А також, сортувати матеріали за датою додання на сайті та можливістю поділитись контентом у соц. мережах, зберігати та друкувати. 

А що у результаті?

Сайт став головним національним онлайн-майданчиком, який міститить всю необхідну інформацію про Безбар'єрність для держави, бізнесу та громади. Тепер кожен може долучитися до створення України без барʼєрів.

Кейси, які можуть вас зацікавити

bird
Д
а
в
а
й
т
е
п
о
г
о
в
о
р
и
м
о
п
р
о
в
а
ш
п
р
о
є
к
т
?