Lumistelo
UX/UI-дизайн платформы консультаций с экспертами, Telegram Mini App и разработка брендинга
UX/UI
Product Design
Design System
Mini App
BOOKING SYSTEM
Branding
Моя роль
Lead UX/UI Designer
Brand Designer
Brand Designer
Команда
Ведущий дизайнер
Проектный менеджер
Отделы разработки, маркетинга, клиентский
Младший дизайнер
Проектный менеджер
Отделы разработки, маркетинга, клиентский
Младший дизайнер
Период
2024-2025
Статус
Проект завершен
О проекте
Lumistelo — онлайн-сервис консультаций с эзотерическими экспертами. Пользователь может выбрать специалиста, формат общения и получить консультацию в звонке, чате, аудиоответе или в виде письменной услуги.
Компания решила расширить аудиторию и уйти от образа эзотерического сервиса в сторону платформы консультаций, полностью изменив идентичность и сервис. Проект начался с полного обновления бренда, запуска Telegram Mini App и сборки с нуля сервиса.
Компания решила расширить аудиторию и уйти от образа эзотерического сервиса в сторону платформы консультаций, полностью изменив идентичность и сервис. Проект начался с полного обновления бренда, запуска Telegram Mini App и сборки с нуля сервиса.
Цель и задачи
Главной целью было сформировать новую продуктовую основу сервиса: от выбора эксперта до прозрачной записи и повторного взаимодействия. А главными задачами:
- Создать новый бренд и единый визуальный язык продукта.
- Реализовать пилотную версию сервиса в формате Telegram Mini App.
- Адаптировать проверенные сценарии для платформы.
- Объединить разные форматы консультаций в единую систему выбора.
- Реализовать самостоятельную запись по времени и сценарии мгновенного обращения.
- Создать личный кабинет и программу лояльности.
- Подготовить масштабируемую дизайн-систему для продукта.
Ключевые результаты
В течение проекта была сформирована новая продуктовая и визуальная основа сервиса:
Бренд получил единый визуальный язык: новая айдентика объединила веб-платформу, Mini App и коммуникационные материалы, сформировав узнаваемый образ сервиса
Сервис стал самостоятельным: пользователи получили возможность записываться на консультацию без участия колл-центра.
Интерфейс стал понятным: фильтры, статусы, элементы бронирования и пр. сделали выбор пользователя более легким и контролируемым
Продукт стал консистентным и масштабируемым: визуальная система и компоненты позволяют добавлять новые функции и разделы без потери стиля
Расширились точки входа для пользователей: помимо основной платформы появились Mini App и Эзожурнал для привлечения аудитории
Подход
Чтобы создать новую версию сервиса, я начала с анализа существующего продукта. Исследование объединило несколько источников данных: статистику и обращения пользователей в службу поддержки, анализ текущих пользовательских сценариев, а также новые бизнес-решения, появившиеся после реструктуризации сервиса. Это позволило определить сильные и слабые стороны продукта, выявить основные пользовательские проблемы и понять, какие изменения требуются.
01
Пробелы в экспертных карточках
Карточки специалистов не содержали важной информации для выбора: специализации, опыта и новых опций предоставления услуг
02
Непрозрачный процесс записи
Пользователи не видели свободное время специалистов и могли записаться на консультацию только через звонок в колл-центр
03
Неэффективный поиск экспертов
На платформе отсутствовала единая система навигации и фильтрации. Пользователям приходилось вручную просматривать списки экспертов и услуг, чтобы найти подходящее
04
Отсутствие консистентности
Устаревшая структура, отсутствие единого стиля и баги мобильной адаптации затрудняли использование сервиса и внедрение новых возможностей
Информационная архитектура
Mini App
Telegram рассматривался как один из ключевых каналов привлечения новой аудитории, поэтому Mini App стал первой пилотной версией новой системы. Проверенные сценарии легли в основу веб-платформы, сохранив единую архитектуру и пользовательскую логику.
цель запуска
Проверить работу нового инструмента и привлечь первых пользователей
Результат
На тестовой аудитории собрана обратная связь о работе сервиса и уровне доверия пользователей
следующий шаг
Перенести проверенные сценарии в полноценную веб-платформу и развивать продукт дальше
Заказ консультаций
Подход
Большинство выявленных проблем касались главного сценария — заказа консультаций. Поэтому я пересобрала пользовательский путь от знакомства с экспертом до получения услуги, объединив исправление ошибок и новые бизнес-решения. Ниже показаны ключевые продуктовые решения, которые легли в основу новой версии сервиса.
Флоу заказа услуг
ВИДЕО
Эксперты и услуги: Фильтры, навигация и поиск
Первым этапом пользовательского сценария является поиск подходящего специалиста. Однако из-за ограниченных фильтров, некорректной навигации поиск эксперта и услуги по интересующим параметрам вызывал сложности и непонимание со стороныпользователей.
Решение
Перестроила верхнюю навигацию вокруг пользовательских задач, чтобы пользователям сразу было понятно, куда двигаться
Ввела согласованные фильтры на всех страницах листинга: категории, специализации и типы запросов были обработаны и унифицированы, чтобы повысить удобство и точность поиска
Превратила поиск в полноценный инструмент взаимодействия:
он стал самостоятельным инструментом навигации с рекомендациями, историей запросов и быстрым доступом к нужным разделам
он стал самостоятельным инструментом навигации с рекомендациями, историей запросов и быстрым доступом к нужным разделам
Фильтры и сортировка
навигация
поиск
Карточка эксперта - форматы услуг
Карточка эксперта стала ключевым элементом каталога. Именно здесь пользователь принимает первое решение — перейти к подробному изучению специалиста или продолжить поиск. Основная сложность заключалась в том, чтобы при сохранении компактности карточки, переосмыслить её для улучшения пользовательского опыта и совмещения всех форматов консультаций.
Решение
Переработала структуру карточки, выделив информацию, которая действительно влияет на выбор: специализацию, опыт, рейтинг, стоимость, доступность и форматы консультаций.
Выделила мгновенную консультацию как главный акцент, а звонок, чат и аудио сделала равнозначными, благодаря чему во множестве кнопок появилась иерархия.
Сохранила компактность карточек, несмотря на увеличение функциональности.
Новая и исходная карточки эксперта
Страница эксперта — точка доверия и выбора
Профиль эксперта является замыкающей страницей принятия решения. Здесь пользователю важно получить достаточно информации, чтобы выбрать специалиста, не испытывая сомнений и не возвращаясь назад в каталог.
Решение
Вынесла ключевую информацию и кнопки действия до скролла, чтобы пользователь мог сразу понять, подходит ли ему специалист и перейти к оформлению консультации.
Основные форматы консультации, как и на карточке эксперта, доступны из одной точки и дополнительно всегда зафиксированы на экране.
Слоты: Самостоятельная запись на консультацию
Одним из ключевых изменений сервиса стала система самостоятельного бронирования консультаций. Ранее запись осуществлялась только через колл-центр: пользователи не видели доступное время экспертов и были вынуждены ждать подтверждения оператора, что делало процесс непрозрачным и создавало дополнительную нагрузку на службу поддержки.
Новая система дала пользователям возможность самостоятельно выбирать удобное время, оформлять запись и отслеживать все её этапы в личном кабинете. Это позволило сделать процесс прозрачным для пользователя и снизить количество обращений в поддержку.
Новая система дала пользователям возможность самостоятельно выбирать удобное время, оформлять запись и отслеживать все её этапы в личном кабинете. Это позволило сделать процесс прозрачным для пользователя и снизить количество обращений в поддержку.
решение
Спроектировала архитектуру и интерфейс системы самостоятельного бронирования консультаций по свободным слотам.
Построила единый сценарий записи для консультаций по расписанию, сохранив одинаковую логику выбора времени, оформления и подтверждения записи.
Сделала расписание и статус записи прозрачными: доступные дни и часы отображаются в профиле эксперта, а оформленной консультацией можно управлять и следить за её статусом в личном кабинете.
Предусмотрела сценарии для нестандартных ситуаций: пользователь может сузить выбор с помощью временных фильтров, а при отсутствии подходящего слота обратиться в колл-центр.
цель
Пересобрать главный пользовательский сценарий и объединить разные форматы консультаций в единую систему
Результат
Пользователь получил последовательный путь: от поиска эксперта до получения консультации
следующий шаг
Продолжить пользовательский сценарий в личном кабинете, сделав его центром управления и повторного взаимодействия
Личный кабинет
Подход
После оформления первой консультации пользователь переходит из сценария поиска и заказа в сценарий повторного взаимодействия. На первый план выходят управление консультациями, повторные обращения и работа с накопленными бонусами. Именно вокруг этих задач была построена структура личного кабинета.
ВИДЕО
Заказы: единая система статусов и управления консультациями
Раньше каждый формат консультации использовал собственные статусы и логику отображения заказа. Из-за этого пользователям было сложно понять, на каком этапе находится консультация и где искать нужную информацию.
Я объединила все услуги в единую систему заказов. При этом каждый формат сохранил собственную логику, но структура карточек, статусы и принципы управления стали одинаковыми.
Я объединила все услуги в единую систему заказов. При этом каждый формат сохранил собственную логику, но структура карточек, статусы и принципы управления стали одинаковыми.
решение
Систематизировала и унифицировала все статусы системы, приведя их к единообразной логике для всех форм заказа
Создала единую систему представления заказов: компактные карточки для быстрого ориентирования и отдельные страницы с полной информацией о консультации: эксперте, времени, запросе, материалах и результате
Создала систему фильтрации и поиска, чтобы пользователь сразу находил нужные консультации и историю обращений
Унифицированные статусы
Текущие заказы
История заказов
карточка аудиоответа
карточка письменной услуги
Бонусная программа: Механика повторного взаимодействия
Программа лояльности должна была поддерживать долгосрочные отношения пользователя с сервисом и мотивировать его возвращаться на платформу. При этом важно было сделать механику понятной: пользователь должен видеть свой текущий уровень, доступные преимущества и действия, необходимые для перехода дальше.
Программа прошла несколько итераций, в ходе которых уточнялись правила начисления, структура уровней и связь бонусов с покупкой услуг.
Программа прошла несколько итераций, в ходе которых уточнялись правила начисления, структура уровней и связь бонусов с покупкой услуг.
решение
Спроектировала логику отображения уровней, прогресса и доступных преимуществ.
Упорядочила задания пользователя по типам и длительности, чтобы сделать их классификацию более прозрачной
Сделала условия и прогресс каждого задания видимыми, чтобы пользователь понимал мгновенно, что требуется сделать и сколько осталось до завершения.
Визуальная система
Подход
На момент старта у продукта не было ни фирменного стиля, ни единой дизайн-системы. Я с нуля сформировала визуальный язык продукта, определила основные правила интерфейса и собрала библиотеку компонентов, которая стала основой для всех дальнейших экранов и новых функций.
рефлексия
Самые сложные задачи редко выглядят таковыми. В начале проекта казалось, что самая большая работа внутри отрисовки самих экранов. На деле самой сложной частью оказалось согласовать единую логику продукта, которую одинаково поймут пользователи, бизнес, разработчики и команда.
Иногда, чтобы ускориться, сначала нужно замедлиться. Подключение младшего дизайнера сначала замедлило работу: много времени уходило на объяснения и правки. Но когда мы разобрали всю логику продукта и наладили принципы коммуникации и работы, процесс стал идти намного быстрее и понятней.
Не каждый хороший продукт сразу выходит в релиз. Платформа была готова к запуску, но релиз отложили из-за внутренних изменений в бизнесе. Этот проект научил меня, что хороший продукт ещё не гарантия успешного запуска.
Конец
