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

Как мы подошли к решению

Основные задачи и реализованные решения

1. Этап 1. Продающая страница выпускных альбомов

   Первым шагом стала разработка отдельной целевой страницы: https://smileson.ru/album

   Задача страницы — не просто «показать красивые альбомы», а провести пользователя по понятному сценарию: познакомить с продуктом, снять сомнения и подготовить к расчёту стоимости.

   На странице мы реализовали:

   • первый экран с чётким УТП, оффером и CTA;
   • описание форматов и стилей альбомов (светлый, тёмный, яркий);
   • галерею примеров работ;
   • слайдер с акциями, блок с отзывами, FAQ и информацией о том, с кем работает студия.

   В результате страница решает сразу несколько задач: вовлекает, визуализирует итоговый результат и формирует доверие к онлайн-заказу.

2. Этап 2. Интерактивный калькулятор стоимости

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

   Его ключевая цель — дать родителям возможность самостоятельно понять стоимость и состав заказа, не привлекая менеджера на раннем этапе.

   Калькулятор позволяет:

   • выбрать количество альбомов (от 15 штук);
   • указать макет и количество разворотов;
   • выбрать формат — печатный или электронный;
   • получить предварительный расчёт без авторизации.

   После расчёта пользователь плавно переводится к авторизации или регистрации и может перейти к оплате.

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

3. Этап 3. Интеграция с личным кабинетом клиента

   После оплаты заказ автоматически появляется в личном кабинете пользователя (/user).

   Родители видят:

   • данные по школе, классу и дате съёмки;
   • текущий статус заказа;
   • для электронных версий — возможность скачать PDF-альбом.

   Статусы заказа прозрачны и понятны: не оплачен → оплачен → в работе → готов.

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

4. Этап 4. Отдельный модуль в админке Smileson

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

   В новом модуле реализованы:

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

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

5. Этап 5. UX-оптимизации и сценарии взаимодействия

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

   Отдельное внимание мы уделили пользовательскому опыту и мелким, но критичным деталям:

   • постепенная подгрузка фотографий (по 4 шт.) снизила нагрузку на страницу;
     /li>
   • маски ввода и валидаторы уменьшили количество ошибок;
   • упрощённые формы входа и восстановления пароля ускорили путь к оплате;
   • попапы с договорами и политиками повысили юридическую прозрачность;
   • плавные анимации и якорные ссылки в хедере улучшили навигацию.

Результаты