UX / IU Design Case Study

2025

назад

AI-генератор постов

Дизайн интеллектуальной платформы для создания контента в социальных сетях

Роль

UX / UI Designer

Product Design Lead

Команда

4 человека

Designer, PM, 2 Developers

Период

3 месяца

Июнь - Август 2025

Платформа

Web App

Desctop & Mobile

О проекте

Задача

Разработать интуитивный интерфейс для AI-платформы, которая помогает маркетологам и SMM-специалистам создавать качественный контент быстро и эффективно.

Целевая аудитория

SMM-менеджеры и маркетологи
Контент-менеджеры компаний
Владельцы малого бизнеса
Агентства digital-маркетинга

Проблемы пользователей

Нехватка времени

Создание одного поста занимает 3-4 часа работы

Креативный блок

Сложно генерировать свежие идеи ежедневно

Масштабирование

Управление контентом для нескольких брендов

Мультиплатформенность

Адаптация контента под разные соцсети

Дизайн-исследование

Анализ потребностей пользователей и конкурентов

60% пользователей

Используют несколько инструментов для создания одного поста
85% опрошенных

Хотят иметь библиотеку готовых шаблонов и идей
3-4 часа

Среднее время на создание качественного контента

User Journey Map

1

Вход в систему

Быстрая авторизация через соцсети

2

Выбор темы

Ввод ключевых слов или выбор из шаблонов

3

Генерация AI

Получение нескольких вариантов постов

4

Редактирование

Кастомизация и финальная доработка

5

Публикация

Планирование или мгновенный постинг

Ключевые инсайты

Простота превыше всего

Пользователям нужен максимально простой и понятный интерфейс

Скорость важна

Генерация поста должна занимать не более 30 секунд

Визуальная привлекательность

Интерфейс должен вдохновлять на творчество

Гибкость настроек

Возможность тонкой настройки стиля и тона

Визуальный язык

Цветовая палитра

#8E8E8E

#2498D9

#07B886

#02C991

#BDDED3

Компоненты

Типографика

Poppins

Heading Font - SemiBold

Roboto

Body Font - Regular, Medium, Bold

H1

42px / Bold

H2

24px / Bold

H3

18px / Bold

Body

16px / Bold

Иконки и отступы

Стиль иконок

Outline style, 2px stroke

Spacing System

4px - Extra small
8px - Small
16px - Medium
24px - Large

Desktop версия

Ключевые особенности

AI-первый подход

AI генератор становится главным операционным пространством. Такая архитектура позволяет раскрыть полный потенциал искусственного интеллекта, превращая его из вспомогательного инструмента в основную рабочую среду.

Модульная навигация

Четкая структура с боковым меню для быстрого доступа. Каждый из этих пунктов — самостоятельный модуль.

Визуальная иерархия

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