SREZIS
UX/UI для людей
Сергей Червонцев
ПРОЕКТЫ
Над чем работал
В каждый проект я вкладываю любовь и бесконечную заботу
о людях. Это не просто слова - это привычка.
TELETASK
Таск-мессенджер от студии Div. Совмещает в себе таск-менеджер
и мессенджер для общения c командой
KIDVERSE
Онлайн-курсы в интерактивном видео формате для детей и их родителей
ZEEN Offline
Цифровой ассистент для офлайн
и гибридных мероприятий
и гибридных мероприятий
ZEEN Online
Платформа для проведения онлайн мероприятий на основе готовых гибко шаблонируемых модулей
QBI
Фитнес-приложение для вымышленной сети тренажерных залов
РАБОТЫ
С кем работал
Не о чем жалеть
Каждая компания дала мне неоценимый опыт. Работал я в таких сферах как edtech, foodtech, немного fintech, event-бизнесе, отельном, ресторанном, автомобильном направлении и IT / разработка ПО
ЖИЗНЬ
Что люблю
кроме дизайна
кроме дизайна
Красивое кино
С детства люблю драмы, фантастику и мистику. Любимый фильм Великий Гэтсби, а сериал Настоящий детектив
Стильные игры
В 2004 поиграл в первую игру GTA:San Andreas. Любимые игры Mafia 2 и The Binding of Isaac
Душевную музыку
Музыка это переживание порядка во времени, способ почувствовать связь между математикой, эмоциями и движением жизни. Любимые исполнители Tame Impala, The Killers, Depeche Mode, Joji
Необъятный космос
Как в широком так и в узком смысле мне интересна космическая тема. Правила по которым построена вселенная, ее история и будущее
Прекрасных девушек
Они там что-то делают вот это вот все. Я в этом плохо понимаю, но мне это нравится
Удивительную жизнь
Жизнь прекрасна, ее контрасты и разнообразность великолепны. Жизнь-это все
Разработал редизайн мессенджера. Проверил более 22 новых функций и поработал над их последовательным внедрением в продукт. Обновил дизайн и создал новый визуальный стиль мессенджера. Презентовал решение команде разработчиков
процесс
User flow
Первым этапом было собрать полный путь пользователя в старой версии продукта при решении различных задач как в десктопной, так и в мобильной версиях мессенджера. Этот подход позволил нам лучше понять структуру мессенджера и выявить функционал, который мы по каким-то причинам не использовали.
Десктопный путь пользователя в виде экранов (для лучшего понимания выполнен в виде скринов)
процесс
Бенчмаркинг
Проанализировал конкурентов, изучив их сильные и слабые стороны, а также искал отзывы о их продуктах в комментариях в соцсетях, статьях и видео. Это позволило выявить интересные функциональные предложения, а также причины недовольства пользователей, которые могли быть полезны для нас. Определил недостатки старой версии нашего мессенджера, что помогло в подготовке к разработке и создании плана работы.
Минусы предыдущей версии мессенджера
Конкурентный анализ
процесс
Сбор фичей
Все идеи по улучшению продукта были собраны в общий список, включающий как новые функции, так и исправления дизайна, который насчитывал более 50 пунктов
и требовал сортировки. Я проанализировал эти идеи, чтобы определить, что можно добавить в новую версию, а что стоит отложить. С помощью методов MoSCoW и Кано фичи были отсортированы: 22 финальные функции были выбраны для следующей итерации мессенджера, а остальные идеи оставлены для будущей проработки.
План разработки и идеи
Гипотезы
На этапе сбора информации и общения с первыми респондентами начали формироваться первые гипотезы, требующие подтверждения:
- Если добавить ненавязчивый онбординг, это повысит удержание новых пользователей.
- Если пользователь сможет выполнить одно и то же финальное действие разными способами взаимодействия с активными элементами, это увеличит количество успешных сценариев взаимодействия и повысит удержание.
- Если внедрить новые функции по тайм-трекингу и управлению задачами, пользователи будут охотнее вовлекать коллег в мессенджер.
Проверка
Возьмем для примера гипотезу об онбординге.
Было разработано 3 прототипа:
Было разработано 3 прототипа:
- Трехшаговый онбординг с использованием всплывающих окон.
- Нативный онбординг через автоматическое отправление сообщения от "Телетаск" в мессенджере, в котором описывались начальные действия пользователя.
- Отсутствие онбординга, с пустыми окнами мессенджера и подписями "Здесь будут ваши проекты и чаты".
процесс
1-я итерация
дизайна
дизайна
На основе собранной информации я приступил к разработке дизайна новой версии продукта, поэтапно переходя от вайрфреймов к прототипам и концептам. В результате была создана кликабельная версия прототипа для тестирования взаимодействия пользователей с ним.
Проверка итерации
Поскольку проверить каждую функцию отдельно было невозможно, требовался способ оценки взаимодействия с мессенджером в целом.
Для этого была собрана группа из 5 человек, которым предстояло пройти несколько различных сценариев и достичь определенной цели (например, создать задачу). Я наблюдал за тем, как пользователи проходят каждый этап, фиксируя, с чем и как они взаимодействуют. Если у пользователей возникали проблемы, это также фиксировалось.Конкурентный анализВ целом первый этап показал, что пользователи хорошо выполняют поставленные задачи, но были и моменты, которые требовали доработки.
Для этого была собрана группа из 5 человек, которым предстояло пройти несколько различных сценариев и достичь определенной цели (например, создать задачу). Я наблюдал за тем, как пользователи проходят каждый этап, фиксируя, с чем и как они взаимодействуют. Если у пользователей возникали проблемы, это также фиксировалось.Конкурентный анализВ целом первый этап показал, что пользователи хорошо выполняют поставленные задачи, но были и моменты, которые требовали доработки.
процесс
Передача команде
Я собрал UI Kit и подготовил документацию по работе интерфейса и его внутренних элементов для разработчиков. Затем провел общий колл с командой, на котором презентовал новый дизайн. В целом команда осталась довольна проделанной работой. Наша студия также создала значительный кейс для портфолио, который привлек новую аудиторию.
до редизайна
после редизайна
На этом все.
Спасибо за интерес :)
Спасибо за интерес :)
Результаты
Привлекли новую аудиторию к студии за счёт нового кейса для сайта и Behance +4000 просмотров кейса на Беханс в первый месяц.
Заключили 2 новых партнерских договора на дизайн поддержку, благодаря расширения охватов.
+500 новых участников в телеграм-канал студии
Заключили 2 новых партнерских договора на дизайн поддержку, благодаря расширения охватов.
+500 новых участников в телеграм-канал студии
Kidverse
Результаты
- За 2 недели был запущен новый масштабный продукт.
- +50 новых пользователей использовали промокод и начали пользоваться продуктом.
- За первые 2 месяца выросли продажи курсов на 12% .
Мои задачи
Наша студия занималась дизайном для детских онлайн-курсов Kidverse — компании, которая создает увлекательные и интерактивные образовательные программы для детей. Перед нами была поставлена задача разработать пространство для родительского контроля, где взрослые могли бы отслеживать успехи своих детей. Моя роль заключалась в создании MVP личного кабинета, в котором родители могли бы проходить курсы вместе с ребенком, наблюдать за его достижениями и приобретать новые курсы прямо из дашборда.
Онлайн-курсы в интерактивном видео формате для детей.
Пользовательский путь и мудборд. Начал работу с брифинга, чтобы узнать, как бизнес видит эту идею, какие задачи они хотят решить и какие у них есть предложения. Сформировал мудборд и подобрал референсы дашбордов из смежных проектов. Также разработал предварительный пользовательский путь.
Процесс
Вайрфреймы. Собрав базовую информацию, приступил к созданию простых экранов, чтобы сформировать первоначальное видение дашборда и продумать композицию. После рассмотрения нескольких вариантов остановился на самом удачном и начал постепенно переходить к разработке дизайн-концепта.
Анализ конкурентов. Определил ряд конкурентов, изучил их продукты, а также отзывы и обратную связь пользователей. Некоторые интересные функции, обнаруженные в продуктах конкурентов, отметил для возможного использования в будущем.
Концепт. После десятков итераций каждого блока дашборда был разработан основной концепт, который мы согласовали с клиентом, убедившись, что наше видение продукта совпадает.
Исследования. Нужно было оценить сложность взаимодействия с интерфейсом для разных целевых аудиторий. Основываясь на данных, полученных от клиента и бизнес-метриках, я выделил две основные группы пользователей курсов: дети в возрасте от 5 до 14 лет без значительного гендерного перевеса и взрослые от 27 до 50 лет, 92% из которых — женщины.
Для тестирования дашборда я привлек родственников и знакомых, собрав группу из 7 респондентов, среди которых было трое детей. Мне удалось быстро создать простой кликабельный прототип и провести тестирование лично, что позволило наблюдать за жестами и действиями как детей, так и взрослых. Это помогло внести корректировки в интерфейс для улучшения его доступности. Взрослым и детям были предложены разные сценарии, с основной задачей — достичь определенной конечной цели.
Для тестирования дашборда я привлек родственников и знакомых, собрав группу из 7 респондентов, среди которых было трое детей. Мне удалось быстро создать простой кликабельный прототип и провести тестирование лично, что позволило наблюдать за жестами и действиями как детей, так и взрослых. Это помогло внести корректировки в интерфейс для улучшения его доступности. Взрослым и детям были предложены разные сценарии, с основной задачей — достичь определенной конечной цели.
Передача в разработку. Создал UI Kit и документацию для разработчиков с пояснением работы интерфейса и его элементов.
Zeen Online
Платформа для проведения онлайн мероприятий на основе готовых гибко шаблонируемых модулей.
Задачи
1. Разработать дизайн модулей платформы, и функционал для первичного MVP.
2. После релиза платформы оптимизировать и улучшить дизайн систему.
3. Создавать дизайн мероприятий на основе компонентов и дизайн системы платформы.
2. После релиза платформы оптимизировать и улучшить дизайн систему.
3. Создавать дизайн мероприятий на основе компонентов и дизайн системы платформы.
Результаты
Скорость запуска мероприятий на основе платформы выросла с 2 мероприятий в месяц, до 5 мероприятий в неделю. Запустили более 100 мероприятий за 2 года.
Разработка
Первая версия. MVP платформы была разработана командой из примерно 7 человек, включая 3 дизайнеров. Она просуществовала 4 месяца, при этом на адаптацию дизайна под требования клиента потребовался около месяца, с участием 2 дизайнеров.
Вторая версия. После внутреннего релиза MVP было проведено несколько мероприятий, но стало очевидно, что адаптацию дизайна можно ускорить, переработав модули с использованием компонентов и автолейаутов. Я взял эту задачу на себя, и работа заняла месяц. В результате скорость разработки и качество мероприятий увеличились вдвое, и теперь они занимали две недели при участии одного дизайнера вместо двух.
Третья версия. Необходимость переработки платформы и создания полноценной дизайн-системы возникла после сбора обратной связи от менеджеров и пользователей. Выявилось, что клиентам часто не хватает развлекательных и технических модулей, таких как викторины, игры, модерирование чата и описание мероприятий. Мы провели обсуждения с представителями агентств, проводивших мероприятия на нашей платформе. На основе полученной информации я начал разрабатывать дизайн-систему и обновлять компонентную базу.
Рабочая версия
В результате проделанной работы адаптация дизайна занимала значительно меньше времени. Было проведено более ста мероприятий с участием тысяч зрителей.
Было
Стало
Партнеры
За два года разработали десятки уникальных мероприятий для крупнейших компаний мира. SAP, Google, Сбер, Райффайзен Банк, Контур, Яндекс, SEPHORA, Amway, СБП, Газпромбанк, Pepsico, Магнит и десятки других компаний.
И еще десятки мероприятий с уникальным дизайном на универсальной базе
Zeen Offline
Цифровой ассистент для офлайн
и гибридных мероприятий
и гибридных мероприятий
Основная задача была спроектировать мобильную версию цифрового ассистента, который дополнял бы опыт гостя офлайн-ивента и помогал бы ему в навигации на мероприятии
Результаты
За первые 2 недели было выиграно 3 крупных тендера на проведение мероприятий на основе новой платформы. MVP продукта было запущено за 3 недели. Возможность охватить большую часть рынка ивент проектов за счёт нового продукта
Процесс
Подготовка. Ранее компания имела онлайн-формат, в то время как рынок офлайн-мероприятий оставался незанятым. В компании были специалисты по цифровым ассистентам, проводя подобное мероприятие для QIWI за несколько лет до этого.
Собрал и систематизировал данные о функционале, определил с командой какие задачи мог бы решать такой продукт.
Разработка. Опираясь на онлайн-платформу и сохранившиеся экраны с мероприятия QIWI, я разработал концепт продукта и внедрил несколько новых идей и функций. Основной задачей было быстро реализовать MVP новой платформы. Вот что в итоге получилось:
Доработка. MVP версия ассистента продемонстрировала свою работоспособность, и мы провели тестовое мероприятие, протестировав функционал. В ходе тестирования выявилось множество проблем, которые были оперативно исправлены. После внесения ряда правок я разработал финальную версию платформы перед релизом.
Релиз
Для презентации нового продукта адаптировали дизайн под известный бренд для наглядности. Организовали презентацию в формате онлайн-мероприятия, на которое были приглашены агентства и представители компаний, с которыми мы работали.
После презентации все участники могли протестировать продукт. Все, кто опробовал новый функционал, оставили положительные отзывы, а также предложили полезные замечания и критику, которые мы учли и почти сразу скорректировали платформу.
