Сеть бутиков гастрономических удовольствий

ЗАКАЗЧИК

Salon de THÉ — это сеть бутиков для ценителей премиум-продуктов, предлагающая более 200 уникальных купажей чая из 40 стран мира, эксклюзивные сорта кофе и органическое какао. Компания представляет лучшие французские чайные дома, редкие аксессуары и коллекционный шоколад для искушенных клиентов.

ЗАДАЧА

Александр — основатель компании Salon de THÉ, написал мне в Telegram для консультации и подбора функционала, который улучшит их бизнес-процессы. Мы обсудили множество функций и сосредоточились на тех, которые решат 2 ключевые задачи:

Задача 1: Удобный и гибкий процесс оформления заказов. Ранее покупатели получали скидку 5% после первого заказа, но для её применения приходилось указывать карту лояльности, а затем ждать ссылку для оплаты на почту. Мы предложили автоматизировать этот процесс: скидка будет применяться в корзине автоматически, если клиент авторизован. Помимо этого решили внедрить функцию сохранения адресов доставки, чтобы клиентам не приходилось вводить адрес каждый раз заново.

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

ЧТО БЫЛО СДЕЛАНО

1. Разработали интерактивный UX/UI Дизайн в Figma и собрали UI-Kit;
2. Сверстали дизайн-проект на Tilda с адаптацией (320px — 1920px) и подключили модификации от Nolim + написали кастомные JavaScript коды;
3. Разработали базу данных в Airtable и подключили интеграции Collabza для передачи данных в личный кабинет на Tilda;
4. Собрали сценарий в Make для регистрации, настройки профиля, управления адресами и оформления покупок;
5. Протестировали формы приёма данных и корректность отображения данных в кабинете.

Результат

Вход в аккаунт

Регистрация

Восстановление пароля

Раздел «Профиль»

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

Управление адреса работает за счет 3 функциональных форм: Добавить, Редактировать и Удалить адрес. Все формы имеют обработичики ошибок и окна успеха, что дает клиентам бесшовный опыт пользования ЛК.

Раздел «Настройки профиля»

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

Раздел «Мои заказы»

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