UX/UI
Front-end

Платформа для создателей контента с функциями маркетплейса

delivrable logo
delivrable кейс
  • отрасль
    ОТРАСЛЬ
    E-commerce
  • технологии
    ТЕХНОЛОГИИ
    React
    Material UI
  • команда
    КОМАНДА
    3 человека
О ПРОЕКТЕ
Delivrable — это веб-сервис для создателей контента (фотографы, фильммейкеры, дизайнеры и другие), а также для их клиентов.
О КЛИЕНТЕ
Наш клиент — профессиональный фотограф, видеограф и владелец компании по производству визуального контента в Австралии.
ЗАДАЧИ
Разработать единое пространство, в котором создатель контента сможет отправлять различные файлы клиенту визуально красивым способом.

Кроме того, клиент просил подключить к сервису галерею-маркетплейс, которая поможет создателям контента продавать дополнительные фото- и видеоматериалы, и даже творческие идеи.
РЕАЛИЗАЦИЯ
Мы проанализировали уже существующие веб-платформы для обмена файлами в смежной области. Провели UX исследования и создали CJM (карты путешествий клиентов) для двух групп пользователей (создатели контента и их клиенты) и трёх пользовательских ролей.
Мы разделили целевую аудиторию Delivrable на три портрета, для создания прекрасного пользовательского опыта взаимодействия с сервисом.

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

• фрилансер;

• готов предложить своим клиентам больше фото- и видеоуслуг, которыми сможет поделиться через одно приложение;

• хочет продавать свои творения и устанавливать справедливую цену за дополнительный контент.

том портрет пользователя
ТОМ
ХАННА
• генеральный директор бренда;

• мечтает делиться контентом с командой, не раздавая разрешения всем по электронной почте;

• хочет получить дополнительный контент без долгих обсуждений с фотографом и обмена счетами;

• любит красивые презентации в галерее и наслаждается удобством.
• владельцы продакшн студии;

• у них остаётся контент, который может быть полезен клиентам, например, фотографии и видеоматериалы, которые не попадают в окончательный альбом или видео клиента;

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

ТИМ И САЛЛИ
Мы создали User Flow (маршрут путешествия пользователя к цели), и расписали пользовательские истории с возможностью использования всех функций. А ещё сделали вайрфреймы, кликабельные прототипы и набор элементов интерфейса.
пример создания галереи
В итоге мы полностью разработали весь UX/UI дизайн и сделали фронтенд часть. Бэкенд был на стороне клиента.
вид товара на странице маркетплейса
редактор товара
векторная стрелка вниз
Вид для создателя контента
Вид для клиента
векторная стрелка
Сервис позволяет создать коммерческое предложение или допродать услуги и контент. Цена уже установлена и видна всем пользователям сразу.

Маркетплейс

Экраны со статистикой

Если создатель контента некоторое время не заходил в учётную запись, то при следующем входе его встретит экран статистики, показывающий результаты взаимодействия пользователей с его контентом в период отсутствия.
Экраны со статистикой

Простой онбординг

Мы создали два онбординга для создателей контента и для их клиентов. Чтобы упростить взаимодействие с сервисом.
иконка
адаптивный дизайн планшет
адаптивный дизайн галерея
адаптивный дизайн корзина
адаптивный дизайн мобилка

Адаптивный дизайн

Пользователи могут просматривать галереи с любого удобного устройства, а сайт покажет им всё так, как задумал создатель контента.
адаптивный дизайн онборлинг
РЕЗУЛЬТАТ
Мы помогли клиенту воплотить его стартап в жизнь, создав интуитивно понятный и простой сервис с возможностью демонстрации и продажи материалов и дополнительного контента.

Сейчас проект находится на стадии разработки и готовится к полноценному запуску.
ОТЗЫВ
КОМАНДА
Frontend разработчик
Ирина
Ирина Попова
Менеджер проекта
Олег
Олег Майснер
Полина Корчуганова
UX/UI Дизайнер
Полина
СТЕК ТЕХНОЛОГИЙ
react redux recharts logo
material ui emotion logo
потрясающая идея
Если хотите разработать что-то похожее или у вас есть
Назначьте встречу
Просто нажмите кнопку ниже и...