«История заказов, бонусная система, профиль» — как мы прокачали личный кабинет интернет-магазина на Tilda

Всем привет! На связи Давид из веб-студии Migas — мы занимаемся продуктовым дизайном и no-code разработкой уже 3 года. Сегодня я покажу наш последний кейс по разработке личного кабинета для интернет-магазина на Tilda и расскажу, как no-code разработка меняет правила игры, делая клиентский сервис более доступным и эффективным для бизнеса.

«Все разные» — бренд салонов красоты в Екатеринбурге, а также крупный интернет-магазин косметики и средств для ухода за телом. Магазин предлагает уникальный ассортимент товаров и работает с брендами косметика класса — LUXE.

Наша команда разработала интернет-магазин «Все разные» на Tilda с полным каталогом товаров. После старта онлайн-продаж и подтверждения спроса на продукцию, заказчица решила расширить функциональность сайта. Она хотела упростить оформление заказов и повысить LTV, поэтому обратилась к нам за разработкой личного кабинета. Это должно было не просто облегчить оформление покупок, а устранить «разрыв» на карте пользовательского пути и дать понимание, на каком этапе у потенциальных клиентов возникают трудности.

Правильно выстроив стратегию управления клиентским опытом и оптимизировав процессы взаимодействия с покупателями, вы получите ряд преимуществ:

Это подтверждают многие исследования:

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

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

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

Однако не все задачи можно решить таким быстрым способом. Если после изучения проблем и целей заказчика мы понимаем, что готовые решения не подойдут или не принесут ему прибыль, то предлагаем кастомную разработку. Подробнее об Express-разработке можно узнать у меня в Telegram – @mirowdav

Мы взяли за основу дизайн-проект интернет-магазина «Все разные», чтобы пользователь находился визуально в одном пространстве. Разработали интерактивный UX/UI-дизайн интерфейса в Figma и подготовили дизайн-проект для передачи в верстку.

Сверстали семь страниц интерфейсов на Tilda с адаптацией под разные разрешения: 320×480, 480×960, 960×1200, 1200×1920. Подключили восемь модификаций и внедрили более 1000 строк JavaScript, HTML и CSS кода для стилизации элементов и увеличения функциональности платформы.

Описали и настроили структуру баз данных в AirTable, чтобы эффективно и структурировано хранить данные о клиентах, заказах и бонусах. Разработали бизнес-логику и автоматизацию событий в Make при передаче данных из Tilda в нашу базу данных.

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

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

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

— забыть о постоянном вводе личных данных в корзине, их запомнит система;

— получить преимущества программы лояльности: приветственный бонус, накопление + списание бонусных баллов с каждой покупки;

— отслеживать информацию о своих заказах и статусе доставки;

— управлять профилем и своими данными на сайте;

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