Айдентика та UX/UI-дизайн для «Української посмішки»
Від фірмового стилю й користувацьких сценаріїв до готових макетів сайту у Figma.
- фірмовий стиль і стайл-гайд
- Бренд
- структура та сценарії
- UX
- готові UI-макети
- Figma
Виклик
Розробити фірмовий стиль, продумати структуру контенту й користувацькі сценарії. Перетворити їх на UX-прототип, вайрфрейми та фінальний UI.
Рішення
Створили айдентику та стайл-гайд, підготували тексти й структуру сайту. Опрацювали сценарії користувачів та оформили фінальний дизайн у Figma для передачі у верстку.
Що ми реалізували
Візуальна айдентика
Фірмовий стиль і правила його застосування.
Сценарії користувачів
Продумана взаємодія з майбутнім сайтом.
UX-прототип
Структура сторінок та вайрфрейми.
Контент
Підготовлені тексти й логічна структура матеріалів.
Передача у розробку
Фінальний UI-дизайн у Figma, готовий до верстки.
Процес проєктування
- Айдентика та стайл-гайд
- Контент і сценарії
- UX-прототип
- Вайрфрейми
- UI-макети у Figma
Технології
Результати
Айдентика
Візуальна система
Сформовано фірмовий стиль організації.
Структура
Сценарії та контент
Підготовлено логіку сторінок і користувацькі шляхи.
Готові макети
Наступний етап — розробка
UI-дизайн підготовлено для верстки та запуску.
Про проєкт
Дизайн-проєкт для громадської організації сформував візуальну мову та структуру майбутнього сайту. Результат — узгоджена система матеріалів для наступного етапу розробки.
