We Are Ukraine

Цифрова медіаплатформа, що розповідає українські історії світові

UX/UI

Індустрія:

Media & Publishing

Рік:

2022-2023

Про проєкт

Контекст і завдання

We Are Ukraine — цифрова медіаплатформа, створена для поширення українських історій, поглядів і подій серед міжнародної аудиторії.

Я працювала з проєктом понад два роки як графічна дизайнерка, створюючи digital-контент для соціальних мереж і підтримуючи візуальну комунікацію платформи. Згодом моя роль розширилася до UX/UI дизайну: я працювала над структурою сайту, вайрфреймами, прототипами та фінальним дизайном інтерфейсу.

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

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

Процес

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

Проєктування структури

Робота з медіаплатформою з великою кількістю контенту вимагала врахувати дуже різні формати — від термінових новин і коротких оновлень до інтерв’ю, спеціальних матеріалів та великих історій.

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

Візуальна айдентика

Існуюча айдентика We Are Ukraine стала основою інтерфейсу, а для сайту була створена ширша digital-система, адаптована до роботи з редакційним контентом.

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

Дизайн-рішення

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

Дизайн охопив основні статичні сторінки — About Us, Team, Partners, FAQ і Support — та гнучкі динамічні шаблони для статей, спецматеріалів, аналітики й окремих проєктів. Єдина система забезпечує візуальну послідовність, водночас залишаючи команді достатньо свободи для оформлення складного й різноманітного контенту.