Онлайн-платформа, где экспертность превращается в помощь

О проекте

Face2Face — Онлайн-платформа для организации встреч со спикерами, которую мы создали в тесном сотрудничестве
с нашим заказчиком. Face2Face помогает слушателям быстро находить экспертов по нужной теме, а спикерам — эффективно организовывать рабочее время и предлагать консультации.

Заказчиком выступил Алексей Назаров — экс-гендиректор RuTube и топ-менеджер крупнейших телеком-компаний (МГТС, МТС, «Мегафон»). 

Задачи

Сделать редизайн:

Исправить несовременный дизайн и неудобный интерфейс. Над дизайном интерфейсов можно было работать только в условиях жестких ограничений: нельзя ощутимо менять флоу или добавлять экраны и кнопки.

Исправить видеозвонки:

Предыдущие подрядчики интегрировали платформу с VideoMost, но с тех пор видеосервис обновился и некорректно обменивался данными с Face2Face

Настроить платежную систему

Переработать логику пользовательских ролей

Решение 

Изменили систему регистрации:

Ранее пользователи могли выбрать только одну роль — спикера или слушателя, без возможности смены. Мы решили упростить эту систему, чтобы переход между ролями стал максимально плавным.
Теперь слушатель может стать спикером, просто дополнив данные в своей учетной записи. Это упростило путь пользователя и сняло лишние барьеры на входе.

Настроили инструментарий спикера:

Интерактивный календарь позволяет спикеру четко понимать нагрузку и планировать время. Можно было разработать функционал как у Google-календаря, но это сложно и дорого.
Поэтому мы выбрали вариант попроще,
но такой же удобный: во всплывающей форме нужно выбрать начало события и продолжительность. Действий немного,
а разработка в разы дешевле. 

Интегрировали собственную ВКС:

Видеоконференцсвязь «Вместе» — это продукт Escape. Мы интегрировали ее в Face2Face — и так улучшили качество видеозвонков, плюс стали еще и техническим партнером платформы.
Кроме качественного звука и изображения у ВСК много полезных фичей, можно:

• одновременно делиться нескольких экранов,

• рисовать на одной доске,

• интегрировать PDF и Google-документы,

• скачивать запись звонка после его завершения и многое другое.

Благотворительная составляющая:

Реализована механика донатов, где оплата за консультации может направляться напрямую в крупные благотворительные фонды (например, «Правмир», «Фонд борьбы с лейкемией» и др.).
Блок  с фондами прозрачно показывает, куда идут пожертвования и усиливает доверие к платформе.

Технические вызовы

Переписали ядро платформы:

Сначала за три месяца довели до ума серверную часть на PHP и докрутили сервис
до MVP (минимально жизнеспособного продукта) или даже до MLP (минимально привлекательного продукта).
А когда Алексей презентовал платформу инвесторам, взяли еще три месяца, чтобы переписать бэк на Python. Теперь платформу можно будет свободно масштабировать.

Завершили интеграцию с платежной системой:

Ранее бронирование слотов с оплатой работало через раз — одно из звеньев (банк, платформа или ВКС) могло "отвалиться". Мы закрыли все дыры, и теперь процесс оплаты и бронирования стабилен.

Дизайн

Аналитика CJM (пути пользователя):

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

Дизайн-концепция:

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

Типографика:

Мы использовали стандартный шрифт Roboto — он нейтральный, читаемый и хорошо подходит для интерфейсов, где на первом месте функциональность.

Цвета:

Мы стремились не перегружать интерфейс, сохранив чистоту восприятия, но при этом обеспечить чёткие визуальные ориентиры для пользователя — особенно в ключевых точках взаимодействия. Стандартные монохромные цвета в интерфейсе помогают сохранить визуальную структуру ясной и функциональной. Добавили пару акцентных цветов для создания более сильного визуального контраста и привлечения внимания пользователя к ключевым действиям и состояниям.

Сервис:

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