Кейс Hotburo: сайт Glossary Eco Foundation — брендинг у digital, спрощення дизайну після тестування й зрозуміла структура: проєкти, новини, команда, документи.
Glossary Eco Foundation працює над відновленням екологічного потенціалу України: екологічна освіта, відновлення лісів, прибирання територій та інші ініціативи сталого розвитку. Брендинг фонду розробив Дмитро Круневич, а нашим завданням було перенести його в digital і створити сайт, який розповідає про діяльність фонду й допомагає легко знайти потрібну інформацію.
- Клієнт: Glossary Eco Foundation, екологічний фонд
- Що зробили: дизайн сайту на основі наявного брендингу, структура, анімації
- Брендинг: Дмитро Круневич
Перша версія: максимум бренду
Кілька місяців ми працювали над версією, яка максимально розкривала брендинг у digital: кастомна графіка, продумані анімації, нестандартні переходи між блоками. Сайт мав створювати окремий досвід взаємодії з брендом.
Що показало тестування
Візуально це працювало, але тестування показало: для реальних користувачів сайт заскладний. Тож ми змінили підхід і почали прибирати, а не додавати — збільшили тексти, зробили композиції чистішими, а анімації простішими й менш нав’язливими. Увага повернулася до головного — інформації й самого фонду.
Характер бренду при цьому зберегли: контраст, чисту графіку, фірмові кольори й характерні блоки. Саме вони роблять сайт впізнаваним і дають відчуття надійності.
Структура: все основне в один клік
Для кожного напряму — проєкти, новини, інформація про фонд, команда, місія й документи — ми створили окремі сторінки, щоб нічого не ховалося у складній навігації. Користувач швидко потрапляє в потрібний розділ.
Результат
Сайт, де фірмовий стиль працює разом із контентом, а не забирає всю увагу. Кастомна графіка й анімації лишилися, але стали стриманішими, а структура — зрозумілішою. Для нас це нагадування: digital-дизайн не треба ускладнювати, щоб зробити цікавим, — іноді місяці роботи потрібні, щоб зрозуміти, що прибрати.
Часті питання
Навіщо тестувати сайт фонду до запуску?
Щоб перевірити, чи знаходять люди потрібне. Тут тестування показало, що дизайн заважає інформації, і ми встигли це виправити.
Як перенести брендинг у digital без перевантаження?
Лишити ключові елементи — кольори, контраст, графіку — і стримати анімації, щоб вони підтримували контент, а не конкурували з ним.
Робите сайт для фонду чи громадської організації? Дивіться, як ми проєктуємо сайти.
Є схожа задача?
Розкажіть, що потрібно, — повернемось із оцінкою й терміном протягом дня.
