Процесс работы
Проектирование
Исходя из проведенного анализа, был разработан mind map и user flow программы, которая показала, как будут расположены и взаимодействовать основные функции и инструменты в проекте.
Вайрфреймы
Разработка набросков с различными вариантами расположения элементов интерфейса и структуры страниц.
Дискавери и ресерч по задаче
— Анализ конкурентов: изучены административные панели и CMS, включая быстрый запуск челленджей через пошаговый редактор.
— Проектирование: mind map и user flow для основных функций и взаимодействий.
— Вайрфреймы: варианты расположения элементов интерфейса.
— UI kit и передача макетов: подготовка всех экранов и компонентов для разработки с единым визуальным стилем.
— Прототипирование: интерактивный прототип для тестирования ключевых сценариев.
— Проектирование: mind map и user flow для основных функций и взаимодействий.
— Вайрфреймы: варианты расположения элементов интерфейса.
— UI kit и передача макетов: подготовка всех экранов и компонентов для разработки с единым визуальным стилем.
— Прототипирование: интерактивный прототип для тестирования ключевых сценариев.
Этапы работы
После изучения существующих решений для административных панелей и CMS, была собрана и систематизирована информация по проекту:
— Анализ решений для админ-панелей и систем управления контентом.
— Выделение ключевых функций для быстрого запуска челленджа.
— Разработка пошагового редактора для настройки категорий, наград и сроков.
— Использование лучших практик и референсов для дальнейшей работы.
— Анализ решений для админ-панелей и систем управления контентом.
— Выделение ключевых функций для быстрого запуска челленджа.
— Разработка пошагового редактора для настройки категорий, наград и сроков.
— Использование лучших практик и референсов для дальнейшей работы.
Дизайн
В разделе Challenges есть табы для активных и завершённых челленджей. Дашборд показывает ключевую информацию и связанные посты с фильтрацией по дате и популярности. Хедер включает поиск и сортировку.
Раздел Challenges (главная страница)
Профиль пользователя отображает подписчиков, челленджи, лайки и bonds с возможностью корректировки, интересы в виде тегов и дашборд с карточками участвовавших челленджей.
Страница User Profile
В разделе Users администраторы управляют платформой, разделяя активных и заблокированных пользователей. Для активных доступен список с возможностью сортировки по популярности.
Раздел Users
В разделе Statistics отображаются ключевые метрики аудитории — пол, возраст, просмотры, лайки, пользователи и распределение по локации — с фильтрацией по дате и периоду.
Раздел Statistics
В разделе Data представлены две таблицы: пользователи с данными о активности и челленджи с показателями вовлечённости. Обе таблицы поддерживают сортировку и фильтрацию по периоду и дате.
Раздел Data
В разделе Messages администраторы управляют перепиской с компаниями и участниками. Есть боковая панель и вкладки All и Requests для сортировки сообщений, а справа — текущий диалог с кнопками для отклонения или подтверждения заявок на верификацию.
Раздел Messages
В разделе Create Challenge интерфейс включает в себя блок для загрузки медиа, а также форму ввода с полями для настройки (название компании, локация, интересы, теги).
Раздел Create challenge
Challenge Profile — управление постом в челлендже: подтверждение или блокировка, просмотр лайков и комментариев с модерацией, управление внутренней валютой (bonds) и блокировка поста или автора.
Передача макетов в разработку
— Все макеты подготовлены для передачи в разработку.
— Подготовлен интерактивный прототип с микроанимации Smart Animate для улучшения понимания логики интерфейсов разработчиками.
— Подготовлен интерактивный прототип с микроанимации Smart Animate для улучшения понимания логики интерфейсов разработчиками.
UI kit
Собран UI kit после сдачи дизайн-концепции для передачи в разработку.
Страница Challenge Profile
Результаты и метрики
— Интерфейс позволил администраторам создавать челленджи на 60% быстрее по сравнению с предыдущей версией панели.
— Модерация контента стала в 2 раза эффективнее, сокращено время на проверку постов и комментариев.
— Таблицы пользователей и челленджей с фильтрацией и сортировкой увеличили скорость анализа данных.
— Визуальные метрики (гистограммы, круговые диаграммы) позволили отслеживать аудиторию, вовлечённость и активность участников в режиме реального времени.
— Модерация контента стала в 2 раза эффективнее, сокращено время на проверку постов и комментариев.
— Таблицы пользователей и челленджей с фильтрацией и сортировкой увеличили скорость анализа данных.
— Визуальные метрики (гистограммы, круговые диаграммы) позволили отслеживать аудиторию, вовлечённость и активность участников в режиме реального времени.
