«История заказов, бонусная система, профиль» — как мы прокачали личный кабинет интернет-магазина на Tilda
Всем привет! На связи Давид из веб-студии Migas — мы занимаемся продуктовым дизайном и no-code разработкой уже 3 года. Сегодня я покажу наш последний кейс по разработке личного кабинета для интернет-магазина на Tilda и расскажу, как no-code разработка меняет правила игры, делая клиентский сервис более доступным и эффективным для бизнеса.
О клиенте
«Все разные» — бренд салонов красоты в Екатеринбурге, а также крупный интернет-магазин косметики и средств для ухода за телом. Магазин предлагает уникальный ассортимент товаров и работает с брендами косметика класса — LUXE.
Задачи
Наша команда разработала интернет-магазин «Все разные» на Tilda с полным каталогом товаров. После старта онлайн-продаж и подтверждения спроса на продукцию, заказчица решила расширить функциональность сайта. Она хотела упростить оформление заказов и повысить LTV, поэтому обратилась к нам за разработкой личного кабинета. Это должно было не просто облегчить оформление покупок, а устранить «разрыв» на карте пользовательского пути и дать понимание, на каком этапе у потенциальных клиентов возникают трудности.
Почему улучшение пользовательского опыта важно для бизнеса?
Личный кабинет — одна из важнейших точек контакта с пользователями, в которой у них могут возникнуть сложности, мешающие совершить покупку. Поэтому важно постоянно отслеживать и улучшать опыт ваших клиентов для создания более комфортной покупательской среды.
Правильно выстроив стратегию управления клиентским опытом и оптимизировав процессы взаимодействия с покупателями, вы получите ряд преимуществ:
- повышение LTV — прибыли, которую компания получает за все время взаимодействия с конкретным покупателем;
- снижение Churn Rate — оттока пользователей;
- повышение лояльности к бренду;
- снижение затрат на обслуживание и маркетинг.
Это подтверждают многие исследования:
- 86% покупателей готовы платить больше за хороший клиентский опыт. Например, в сегменте товаров класса люкс и сфере развлекательных услуг клиенты готовы платить на 13–18% больше изначальной стоимости.
- Customer Experience влияет на импульсивные покупки — 49% клиентов совершают их после получения более персонализированного покупательского опыта.
- Увеличение уровня удержания клиентов всего лишь на 5% может увеличить прибыль компании на 60–100%.
- 75% потребителей с большей вероятностью совершат покупку в компании, которая знает их имя и историю покупок и рекомендует продукты на основе их предпочтений.
После детального обсуждения задач с клиентом мы выделили ключевые функции, которые нужно реализовать в личном кабинете:
- вход + регистрация + восстановление пароля;
- встроенный каталог товаров в личном кабинете;
- история заказов;
- бонусная система (списание и начисление бонусов);
- профиль клиента;
- редактирование профиля.
Когда важны и скорость, и качество
Заказчице было важно как можно быстрее внедрить личный кабинет в интернет-магазин, чтобы клиенты получили комфортную среду для покупок.
Поэтому я предложил ей Express-разработку платформы за 12 дней. За этот срок мы разрабатываем и утверждаем дизайн-концепцию проекта, реализуем основной функционал и создаем документацию для передачи готового проекта заказчику. Использование наработок и бизнес-логики из предыдущих проектов позволяет снизить стоимость разработки в десятки раз и получить результат всего за пару недель.
Однако не все задачи можно решить таким быстрым способом. Если после изучения проблем и целей заказчика мы понимаем, что готовые решения не подойдут или не принесут ему прибыль, то предлагаем кастомную разработку. Подробнее об Express-разработке можно узнать у меня в Telegram – @mirowdav
Решение задачи
Выбор дизайн-концепции
Мы взяли за основу дизайн-проект интернет-магазина «Все разные», чтобы пользователь находился визуально в одном пространстве. Разработали интерактивный UX/UI-дизайн интерфейса в Figma и подготовили дизайн-проект для передачи в верстку.
Стек для no-code разработки
- Tilda.cc — CMS-система для разработки клиентской стороны личного кабинета.
- AirTable.com — база данных для хранения информации о клиентах, товарах, заказах и т. д.
- Make.com — сервис для построения бизнес-логики и передачи данных из Tilda в базу данных AirTable.
- Collabza.ru — сервис для передачи динамического контента из AirTable на клиентскую сторону личного кабинета.
Frontend-разработка
Сверстали семь страниц интерфейсов на Tilda с адаптацией под разные разрешения: 320×480, 480×960, 960×1200, 1200×1920. Подключили восемь модификаций и внедрили более 1000 строк JavaScript, HTML и CSS кода для стилизации элементов и увеличения функциональности платформы.
Backend-разработка
Описали и настроили структуру баз данных в AirTable, чтобы эффективно и структурировано хранить данные о клиентах, заказах и бонусах. Разработали бизнес-логику и автоматизацию событий в Make при передаче данных из Tilda в нашу базу данных.
Подключение интеграций
Подключили плавную передачу динамических данных из AirTable в личный кабинет пользователя с помощью шести интеграций в сервисе Collabza.
Тестирование и передача проекта
Провели тестирование всех форм приема данных и платежных систем более 50 раз. Проверили корректность отображения динамического контента из базы данных. Чтобы заказчик мог самостоятельно работать с платформой, составили техническую документацию: инструкции и скринкасты.
Результаты
Мы реализовали полный список функционала личного кабинета за 72 рабочих часа. Теперь клиенты с доступом к личному кабинету могут:
— забыть о постоянном вводе личных данных в корзине, их запомнит система;
— получить преимущества программы лояльности: приветственный бонус, накопление + списание бонусных баллов с каждой покупки;
— отслеживать информацию о своих заказах и статусе доставки;
— управлять профилем и своими данными на сайте;
Также пользователю необязательно создавать профиль вручную: если оформить заказ на сайте — личный кабинет создастся автоматически;
Команда Migas.Studio может разработать личный кабинет, сайт, интернет-магазин или другой проект для вашего бизнеса с помощью nо-code решений. Если хотите проконсультироваться или задать вопросы, пишите в Telegram — Давид Миров
🚀 Хотите узнать больше о возможностях Личного кабинета на Tilda? Читайте нашу новую статью о разработке кабинета Best For Friend!
Сколько стоит решение? Само решение кабинета без дизайна, имею ввиду?
Наша команда разрабатывает комплексные решения для бизнеса: от исследований и дизайна до разработки и ведения.
Стоимость разработки варьируется от 150 до 600 тыс. рублей, в зависимости от набора функционала, который выбирает клиент!
Разрабатываем как клиентские личные кабинеты, так и админ. панели для управления заказами, статусами, метриками и общения с клиентами. Подобрать решение для вашего бизнеса можем после обсуждения целей и задач магазина)
Давид, спасибо большое. Вот бы еще у Тильды была интеграция с Планфикс, так хочется все в одной CRM вести, а не на в 10-ти окошках
Здравствуйте, мы хотим создать крупный интернет магазин на базе Тильда, в котором будет около 4х тысяч товаров. Сколько будет стоить сделать личный кабинет для покупателей, где нужна только история заказов ?
Добрый день, Дарина! Разработка кабинета только с историей заказов будет стоить от 55 000 ₽ до 85 000 ₽, зависит от модификации.
Могу проконсультировать вас по остальным вопросам в чате / по звонку. Мой Telegram: @mirowdav
Добрый день. Лучше присмотритесь к 1С Битрикс. Таким большим каталогом будет неудобно управлять в Тильде. Плюс, там нет стандартного функционала подкатегорий, если только руками делать. Также надо понимать, где вы ведете номенклатуру товаров. Если в 1С, то это еще один аргумент в сторону Битрикса, так как можно легко автоматизировать импорт и экспорт данных. Ну и, само собой, есть стандартный кабинет. Не придется городить обмен данными через 33 сервиса.