Онлайн-система заказа выпускных альбомов с калькулятором и личным кабинетом Smileson

Главное о кейсе

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

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

Решение включает:
- продающую страницу с описанием форматов и примерами работ
- интерактивный калькулятор стоимости без авторизации
- автоматический переход к регистрации и оплате
- личный кабинет с прозрачными статусами заказа
- отдельный модуль в админке для управления альбомами
- UX-оптимизации, снижающие ошибки и отказы

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

В результате:
- заказы масштабируются без роста операционной нагрузки
- снизилось количество ручных операций
- повысилась конверсия благодаря прозрачной цене
- улучшился пользовательский опыт
- появилась отдельная аналитика по продукту

Проект решает не только интерфейсные задачи, но и системные проблемы бизнеса: сезонность, зависимость от сотрудников и сложность обработки заказов.

Как проект изменил жизнь пользователей

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

Теперь пользователь может:
- ознакомиться с продуктом и примерами работ
- самостоятельно рассчитать стоимость
- оформить и оплатить заказ в удобное время
- отслеживать статус выполнения
- скачать электронную версию альбома

Прозрачные этапы выполнения снизили тревожность и повысили доверие к онлайн-оплате. Пользователь всегда понимает, что происходит с заказом и когда он будет готов.

Процесс стал понятным, быстрым и предсказуемым.

Бизнес-задача и ее решение

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

До проекта:
- заказы оформлялись через менеджеров
- расчёт стоимости выполнялся вручную
- процессы плохо масштабировались
- нагрузка резко возрастала в сезон
- заказы смешивались с другими продуктами

Решение:

Создана отдельная цифровая воронка заказа: лендинг → калькулятор → авторизация → оплата → личный кабинет → админ-модуль.

Интерактивный калькулятор устранил неопределённость цены — один из главных факторов отказа.
Отдельный модуль в админке позволил обрабатывать заказы без влияния на основную систему.

В результате бизнес получил управляемый канал онлайн-продаж с возможностью роста без увеличения штата.

Крафт (мастерство), реализация, технические детали

Проект реализован как полноценный цифровой продукт, интегрированный в существующую инфраструктуру клиента.

Технологический стек:
- фронтенд: React, динамические формы, анимации
- бэкенд: Laravel
- адаптивный интерфейс для всех устройств
- интеграция с текущей системой администрирования

Ключевые технические решения:
- калькулятор стоимости с параметрическими комбинациями
- оформление заказа без предварительной регистрации
- автоматическое создание заказа после оплаты
- личный кабинет с управлением статусами
- отдельный тип заказов в системе
- модуль загрузки фотографий и PDF-альбомов
- система промокодов
- хранение данных по школе, классу и дате съёмки

UX-решения:
- постепенная загрузка изображений для снижения нагрузки
- маски ввода и валидация
- упрощённые сценарии авторизации
- юридические документы в попапах
- плавная навигация и якорные ссылки

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

Ключевой инсайт — проблема клиента была не в отсутствии сайта, а в отсутствии сквозного цифрового процесса заказа.

Лендинг без интеграции не решил бы задачу масштабирования. Поэтому проект изначально рассматривался как часть экосистемы, а не отдельная страница.

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

Дополнительные инсайты:
- неопределённость цены — главный барьер для родителей
- прозрачные статусы повышают доверие к онлайн-оплате
- минимизация шагов критична для конверсии
- юридическая прозрачность снижает страх ошибок

Работа велась по пользовательским сценариям для трёх ролей:
незарегистрированный пользователь → авторизованный → платящий клиент.

Скриншоты