Запустил покупку ДНК-тестов в подарок за 5 дней — два формата, разные checkout-сценарии и быстрые итерации с AI

Задача

Запустить покупку ДНК-тестов в подарок в двух форматах — физический набор и электронный сертификат — и спроектировать сценарий от выбора подарка до оплаты.

Результат

За 5 дней довёл проект от согласованного прототипа до запуска в прод.

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

Команда и моя роль

Работал с PM, арт-директором, UX-редактором, менеджером разработки и разработчиком.

Отвечал за продуктовый дизайн финального сценария: аудит исходного прототипа, проработку checkout-flow, поиск решения вместе с разработкой, финальный интерфейс и подготовку к реализации.

Почему появился продукт

Пользователи уже хотели покупать ДНК-тесты в подарок, но понятного сценария на сайте не было. О такой возможности часто узнавали только через поддержку, которая вручную объясняла, как оформить и оплатить подарок.

Схема сценария покупки ДНК-теста в подарок

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

Из задачи на UI — в проектирование checkout

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

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

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

Два формата не помещались в один checkout

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

Для физического набора нужны получатель, доставка и оплата. Для сертификата доставки нет — нужны данные дарителя и получателя, после чего сертификат отправляется электронно.

Обычная корзина Genotek была рассчитана на один сценарий доставки. Если смешать подарок и обычный заказ, в одной корзине могли оказаться товары для разных получателей. Поэтому просто добавить признак «подарок» было недостаточно.

Сначала проверил два варианта checkout

Я собрал с помощью AI две интерактивные версии.

Checkout внутри /gift сохранял весь сценарий в одном контексте, но последний шаг превращался в перегруженную форму.

Отдельный checkout разгружал страницу, но требовал решить взаимодействие с существующей корзиной.

Благодаря рабочим прототипам команда сравнивала не схемы, а реальные сценарии.

Разделили оформление по типу подарка

В результате мы отказались от универсального checkout для обоих форматов.

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

Оформление электронного сертификата

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

Оформление физического подарка

Так каждый сценарий собирает только те данные, которые действительно нужны выбранному формату.

Сделал сертификат частью реального сценария

Отдельно проработал электронный сертификат: какие данные в него попадают, что видит покупатель до оплаты и что получает адресат после покупки.

Электронный подарочный сертификат

Что показал проект

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

AI помог быстро превращать договорённости в работающие web-прототипы: постановщик, дизайн и разработка могли проходить полный сценарий и проверять следующую итерацию без ожидания отдельной вёрстки.

В результате путь от согласованного исходного прототипа до запуска в прод занял 5 дней.

Проект ещё раз показал: внешне похожие продукты не обязательно должны иметь одинаковый checkout. Универсальная форма в этом случае не упрощала сценарий, а добавляла сложность.