30 років Незалежності України: Дизайн промо-сайту національної кампанії


Про проєкт

#30ua – незалежна іміджева кампанія, створена, щоб розповісти світові про досягнення України за 30 років незалежності. Проєкт був реалізований спільними зусиллями креативних агенцій і дизайн-студій без державного чи комерційного фінансування. Cosmos Studio відповідала за UX/UI дизайн і створення цифрового досвіду, який поєднує сучасний сторітелінг, анімацію та інтерактивність.



Команда

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



Задача

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

Для цього ми поєднали UX/UI дизайн із анімаціями, відео, звуковими ефектами та інтерактивними механіками, доповнивши проєкт AR-масками для Instagram і TikTok.



Ідея

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



Айдентика

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


Identity Elements
Fonts
Colors


Структура

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



Єдина дизайн-система

Одним із головних викликів стало об'єднання семи різних тематик у спільну візуальну систему. Ми створили дизайн, який зберігає єдину стилістику всього сайту, водночас дозволяючи кожному розділу мати власний характер і настрій.


Sport

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

 


Business & IT

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



Science & Technology

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



Culture

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



Art & Cinema

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



Music

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



Tourism

Ми розробили інтерактивний розділ із найцікавішими туристичними місцями України, інтегрувавши Google Maps, фотографії та інформацію про природні й культурні пам'ятки країни.



AR-маски та взаємодія в соціальних мережах

Для залучення аудиторії команда FFFACE.ME створила AR-маски для Instagram і TikTok, які дозволили користувачам долучитися до святкування 30-річчя Незалежності та поширювати кампанію у соціальних мережах.



Нагороди та визнання

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



Результати

#30ua став одним із наймасштабніших і найважливіших проєктів для нашої команди. Ми створили інтерактивний промо-сайт, який поєднав сучасний UX/UI дизайн, сторітелінг, анімацію, мультимедійний контент і національну айдентику в єдиний цифровий досвід. Проєкт допоміг привернути увагу міжнародної аудиторії до досягнень України, отримав понад 300 000 переглядів і здобув 10 міжнародних нагород у сфері дизайну.


Переглянути більше наших проєктів:

Behance: https://www.behance.net/cosmosstudio

Website: https://www.cosmos.studio/




Команда проєкту – група ентузіастів креативних компаній, що об’єдналися без державного замовлення, фінансування бізнесу тощо.

Ідея та дизайн: Cosmos Studio

Розробка: Redlab

Візуальна айдентика: Bulanovburo & White studio design

Маркетинг та піар: Hope& Partners

AR-фільтри та маски: FFFACE.ME

Зображення: Getty Images / Global Images Ukraine

Уроки для учнівства: ЕдКемп Україна & Шкільний світ

Розробка відео: PING Studio

Контент: Kateryna Prokhorenko

Музика: Андрій Савдєєв

Лінгвістична підтримка: Бюро перекладів Профпереклад


Незабаром з’являться нові кейси дизайну від нашої команди. Слідкуйте за оновленнями!

https://30ua.info/en/ 


Хочете створити подібний проєкт?
3812
Спільнота
Відеотека
Про нас