Роботи/22/ 26

Generation U

ГО · Арт-терапія

Київська ГО, що підтримує дітей і молодь через мистецтво: арт-, фото- й лялькотерапія, відеопоезія, сторітелінг і арт-резиденції.

generationu.online
Generation U: website, first screen
Generation U: website on a phone
КатегоріяГО · Арт-терапія
Живий сайтgenerationu.online
Блоків розібрано06
Задача

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

Що ми зробили
  • Сайт
  • UA/EN
  • Проєкти
Блок за блоком

Блок за блоком

Справжні скріншоти живого сайту, комп’ютер і телефон. Що робить кожна частина і чому вона зроблена саме так.

01 / 06
  • Текст
  • Довіра

Хто вони — одним абзацом

«Who we are» тримає коротку форму: хто заснував організацію, у що вони вірять, і виділене «Our mission» про доступну арт-терапію для дітей і молоді. Поруч із текстом — групове фото учасників, тож перший доказ — живі люди, а не іконки.

Комп’ютер · 1440Телефон · 390
generationu.online
Generation U: Who they are, in a paragraph
Generation U: Who they are, in a paragraph (phone)
02 / 06
  • Структура
  • Контент

Пʼять методів, дві аудиторії

«What we do» дає кожному методу окрему картку: арт-, фото- й лялькотерапія, відеопоезія та сторітелінг, кожен пояснено одним-двома простими реченнями з посиланням «Learn more». Під ними ще дві картки звертаються напряму: «For parents» з приміткою, що всі програми безкоштовні для дітей 6–17 років, і «For partners & teachers».

Комп’ютер · 1440Телефон · 390
generationu.online
Generation U: Five methods, two audiences
Generation U: Five methods, two audiences (phone)
03 / 06
  • Текст
  • UX

Київ — і вся Україна

Невеликий блок «Where we are» відповідає на питання, яке завжди ставлять партнери: організація базується в Києві, але проводить виїзні майстер-класи, воркшопи й резиденції по всій Україні. Картка з піном повторює це двома рядками: «Kyiv, Ukraine» і «On-site activities across Ukraine».

Комп’ютер · 1440Телефон · 390
generationu.online
Generation U: Based in Kyiv, working nationwide
Generation U: Based in Kyiv, working nationwide (phone)
04 / 06
  • Контент
  • Бренд

Проєкти у фотокартках

«Our projects» перетворює пʼять програм на великі фотокартки з назвою й описом в один рядок прямо на зображенні: «My Puppet Stories», Media-Art Residency, Art Residency NEW GENERATION, Animation & Comics і «Puppet Wonders» у Бучі. Блок тримають справжні фото з занять, тож він читається як звіт про зроблене.

Комп’ютер · 1440Телефон · 390
generationu.online
Generation U: Projects as photo cards
Generation U: Projects as photo cards (phone)
05 / 06
  • Структура
  • Довіра

Таймлайн замість стрічки

«News» — компактний список із роком ліворуч, від 2017 до 2026, починаючи з табору сторітелінгу 2026 року "My Story". Пʼять рядків показують роки безперервної роботи без важкого блогу, а старіші записи ведуть на зовнішні джерела.

Комп’ютер · 1440Телефон · 390
generationu.online
Generation U: A timeline instead of a feed
Generation U: A timeline instead of a feed (phone)
06 / 06
  • Довіра
  • Кнопки · CTA

Преса, а потім — як допомогти

«As featured in» показує три логотипи медіа, серед них RFI, як тихий доказ. Темний футер під ним працює як повна карта сайту з методами й проєктами і закінчується тим, що потрібно прихильнику: «Support us», соцмережі, email і поле підписки.

Комп’ютер · 1440Телефон · 390
generationu.online
Generation U: Press, then a way to help
Generation U: Press, then a way to help (phone)
Що всередині

Що всередині

  • Дві мови: перемикач UA / EN у шапці
  • Кнопка «Support us» закріплена в головному меню
  • Форма підписки на новини у футері

Хочете так само?

Розкажіть про свій бізнес у WhatsApp. Ми відповімо планом і фіксованою ціною ще до початку роботи.

Наступний кейс Kristina Liulchenko Кіно · Портфоліо