Hnutí Generace

Дві співпраці, два візуальні напрями: сайт, графічний посібник і друковані матеріали для Hnutí Generace.

Замовник

Галузь: Політика
Обсяг: Сайт, айдентика та друковані матеріали
Термін реалізації: з 2024 по 2025
Стек: WordPress, Breakdance, Plesk

Daniel Krutý про співпрацю

Графічний посібник, сторінка за сторінкою

Повний посібник першої співпраці: п’ятнадцять сторінок від центрального мотиву до прикладів застосування.

Графічний посібник, сторінка 1: Обкладинка

Графічний посібник, сторінка 2: Центральний мотив

Один бренд, два чітко відокремлені напрями

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

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

Спільна тема — послідовність: презентація на сайті, великий плакат і маленька візитка мають виглядати частинами однієї конкретної айдентики.

Перша співпраця: сайт із власним характером

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

Оригінальний візуальний напрям: велика типографіка, емотикони та виразні переходи між розділами.

Представлення людей і тем

Профіль голови в оригінальній презентації Hnutí Generace — Представлення особистості має власний виразний розділ.

Тематичні картки оригінального сайту Hnutí Generace — Тематичні картки й посилання на тези розділяють вміст на читабельні блоки.

Посібник першої айдентики

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

Графічний посібник: смайлик в окулярах і центральний мотив — Смайлик в окулярах як упізнаваний мотив першої співпраці.

Графічний посібник: приклади ролапів першої айдентики — Приклади перенесення тієї самої айдентики на великі друковані формати для фізичних просторів.

Ролап із посібника на вулиці

Ліворуч макет із графічного посібника, праворуч надрукований ролап тієї самої айдентики.

Макет ролапа зі смайликом в окулярах у графічному посібнику — Макет у посібнику: смайлик, гасло й пункти програми.

Надрукований ролап Hnutí Generace зі смайликом перед будівлею — Готовий ролап із гаслом Jsme hnutí Generace.

Друга співпраця: яскравіша бірюза

Наступний етап має іншу візуальну мову. Зірочка, гостріша типографіка та яскравіша бірюза поєднують надані друковані матеріали з другим вебнапрямом. Вони утворюють окремий набір результатів роботи.

Приклад сайту показує дизайн, який не було запущено. Сторінка підтримки містить форму й дію для створення QR-коду; перемикання світлої, темної та синьої тем пропонує кілька варіантів того самого інтерфейсу.