/ Статья

Задача: собрать подготовку к свадьбе в одном месте

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

Мы не стали проектировать «от функций». Вместо этого оттолкнулись от проблем, которые реально возникают у невест и пар при организации торжества, — и для этого пошли разговаривать с пользователями.

Что мы узнали от невест

Заказчик дал контакты невест, и наша команда провела с ними глубинные интервью. Параллельно мы разобрали два референса: англоязычный планировщик bridebook.com и российский сервис wedwed.ru — посмотрели, какой функционал они дают и где остаются дыры.

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

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

И поверх всего — эмоциональное напряжение. Стресс от количества решений усиливается ожиданиями близких и гостей.

Выводы интервью дали приоритеты: личный кабинет, список гостей, планирование бюджета, каталог подрядчиков. Основная аудитория будущего сервиса — невесты и пары 18–35 лет; больше половины опрошенных уже готовились к свадьбе, но свадебными сервисами не пользовались.

От выводов к структуре

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

Список разделов, которые нужно было спроектировать и разработать, выглядел так:

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

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

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

Дизайн: пастель, мята и свои иконки

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

В итоге мы утвердили общую стилистику и собрали UI-кит, на котором дальше держался весь сервис. Знакомство пользователя начинается с рекламного лендинга: невеста изучает функционал и преимущества, а затем регистрируется в личном кабинете.

Что умеет Ladno

Личный кабинет с дашбордом — стартовый экран после входа. Здесь собраны основные показатели: бюджет, список гостей, план дня.

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

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

Галерея декора с фильтрами по стилю и цветовой гамме — подборки фотографий, понравившееся отправляется в избранное.

Каталог подрядчиков: ведущие, фотографы, декораторы, поиск по критериям и удобная навигация. Рядом — каталог свадебных магазинов с подбором по локации на карте.

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

Самое сложное: редактор рассадки

Технически самой трудной частью проекта стал визуальный план рассадки гостей. Заказчик хотел, чтобы это работало как конструктор: невеста меняет формы столов и расстановку мест, добавляет к столу стулья с именами гостей и перекраивает схему столько раз, сколько нужно. По сути — небольшая игра внутри сервиса, за которой стоит нетривиальная логика и работа с состоянием.

Техническая реализация

Обсудив варианты, мы остановились на связке React.js + Next.js: на ней сделаны личный кабинет сервиса и клиентская часть. Мобильное приложение для iOS писали на Swift, рекламный лендинг собрали на нативном HTML5 и JavaScript, а в качестве административной панели использовали «1С-Битрикс».

Итоговый стек проекта:

• React.js и Next.js — фронтенд и личный кабинет;
• Swift — приложение для iOS;
• PostgreSQL, NGINX, Docker, выделенный VDS-сервер — инфраструктура;
• «1С-Битрикс» — админка, Битрикс24 — CRM;
• Git — контроль версий: ветки под новые функции, история правок, слияние изменений при параллельной работе нескольких разработчиков;
• Яндекс Метрика и Google Analytics — аналитика;
• резервное копирование данных.

iOS: PWA как проверка гипотезы

Сайт мы упаковали в прогрессивное веб-приложение (PWA) с возможностями, близкими к нативным: push-уведомления, работа без подключения к интернету, хранение данных на устройстве пользователя.

Так мы проверяли гипотезу: невесты преимущественно скачивают iOS-приложение Ladno и пользуются сервисом с мобильного устройства. Формат PWA позволил выйти на устройства быстро и без полноценной параллельной разработки нативного клиента с нуля.

Свадебный планировщик Ladno — интересный стартап. Проект потребовал от нашей команды аналитического подхода и целого ряда методологий для исследования конкурентов и целевой аудитории: глубинные интервью, гипотезы, CJM. С технической точки зрения это высоконагруженный и многофункциональный сервис, который позволяет невесте спокойно планировать свою свадьбу с телефона или планшета — там, где ей удобно.

Итоги

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

Результат — веб-сервис и мобильное приложение, в которых вся информация, идеи, бюджет и планы хранятся в одном месте. Организация торжества остаётся ответственным делом, но когда планы, списки, расходы и документы собраны вместе, невеста может выдохнуть и заниматься свадьбой, а не её администрированием. Посмотреть сервис можно на lad-no.ru.

Из отзыва заказчика, Дины Сидоровой: «Взяли на себя большой объём — от анализа конкурентов, создания логики и макетов страниц до полной вёрстки многофункционального сервиса. Понравилось, что исполнитель не ждал подробных указаний, а брал инициативу: придумывал, предлагал, разрабатывал и выдавал результат. Ещё понравилась работа спринтами — понятный результат в понятные сроки».

Игорь Белокуров, основатель Scrum Studio White