Корпоративные сайтыСервисы
Сайт-визитка для юриста
Компактный сайт практикующего юриста с записью на консультацию
- экрана сайта
- 4экрана сайта
- до записи на консультацию
- 2 полядо записи на консультацию
Кейс
Первая версия сервиса регулярных поставок с рекуррентной оплатой
- Клиент
- Продуктовая команда на стадии проверки гипотезы
- Направления
- Стартапы, Сервисы
Вводная
Команда проверяла гипотезу: небольшие мастерские и офисы готовы перейти с разовых закупок расходников на подписку, если поставки идут по графику и не требуют внимания. Нужен был работающий продукт к переговорам с первыми клиентами.
Задача клиента
Сделать MVP, которым можно пользоваться по-настоящему, а не показывать на слайдах. Срок жёсткий, желаемых функций заведомо больше, чем помещается — главным было отделить необходимое от отложенного.
Что мы выяснили до начала работы
01
Интервью с одиннадцатью потенциальными клиентами о текущем порядке закупок
02
Разбор двух зарубежных аналогов и их моделей подписки
03
Проверка платёжных сценариев: рекуррентные списания, пауза, отмена
04
Совместная приоритизация: что действительно проверяет гипотезу
Решение
Первый релиз свели к одному сквозному сценарию: клиент собирает набор расходников, задаёт периодичность и оплачивает подписку, а поставщик видит список отгрузок на месяц. Аналитику, промокоды и мобильное приложение вынесли в следующие итерации с понятным планом.
UX-подход
- Регистрация в два поля, остальное запрашивается по мере необходимости
- Пауза и отмена подписки в два клика — доверие важнее удержания любой ценой
- Кабинет поставщика рассчитан на работу с планшета на складе
- Все состояния оплаты объяснены человеческим языком, включая отказы банка
Карта сайта
Витрина
- Как работает
- Наборы
- Расчёт стоимости
Подписка
- Состав набора
- Периодичность
- Оплата
- Управление
Кабинет клиента
- Мои подписки
- История поставок
- Документы
- Адреса
Кабинет поставщика
- Отгрузки месяца
- Подписчики
- Остатки
- Выплаты
Как это выглядит
Глубокий зелёный и бирюзовый — ощущение регулярности и порядка без «стартаперской» пестроты. Крупные карточки наборов, наглядный календарь поставок, минимум декоративных элементов.
Витрина
Идея сервиса объясняется за один разворот.
Сбор набора
Состав и периодичность настраиваются на одном экране.
Кабинет поставщика
Отгрузки месяца и подписчики в одном списке.
Мобильная витрина
Оформление подписки с телефона.
Как это устроено внутри
Монолит на Next.js
Осознанный выбор для MVP: меньше движущихся частей — быстрее первый релиз.
Рекуррентные платежи
Подписки, повторные списания, пауза, корректная отмена и возвраты.
Планировщик поставок
Списки отгрузок и напоминания формируются фоновыми задачами по расписанию.
Готовность к росту
Границы модулей заложены так, чтобы вынести их в сервисы без переписывания.
Технологии проекта
- Next.js
- TypeScript
- Tailwind CSS
- Node.js
- PostgreSQL
- Docker
Объём работы
Ключевые параметры проекта — то, что вошло в работу и что видно в интерфейсе.
2
кабинета: клиент и поставщик
3
варианта периодичности
4 поля
на оформление подписки
рекуррент
платежи с автосписанием
«Нам честно сказали, что половина задуманного в первый релиз не влезет, и предложили, что можно отложить без вреда для проверки гипотезы. В итоге уложились в срок и в бюджет.»
Смотрите также
Расскажите о задаче — покажем, как решали её в этом кейсе и что можно сделать быстрее в вашем случае.