Личный кабинет для интернет-магазина Candlebase.ru
Всем привет! На связи Давид — я специалист по разработке личных кабинетов на Tilda. Сегодня покажу мой свежий проект и расскажу, как с помощью no-code можно прокачать функционал интернет-магазина.
О клиенте
Candlebase.ru — интернет-магазин материалов для создания свечей, диффузоров и ароматического декора. Команда отбирает ароматические масла, воски, фитили и тару у проверенных поставщиков, собирая ассортимент из российских и международных брендов. Все процессы — от комплектации заказов до контроля качества и консультаций — проходят внутри компании, что обеспечивает надежность, доступность и поддержку для мастеров любого уровня.
Задача
Я провел созвон с основательницей бренда, Екатериной, и сразу стало ясно: существующая платформа тормозит развитие — не хватает гибкости в управлении товарами, пользователями и клиентским опытом. Совместно мы определили ключевую задачу — перейти на платформу Tilda и создать новый личный кабинет с обновлённым дизайном и расширенным функционалом.
При этом важно было выполнить полноценную миграцию данных: перенести более 1 000 пользователей, 800+ отзывов и 2 000+ заказов, сохранив историю взаимодействий и бонусные балансы. На этапе подготовки я учел технические особенности системы и детально описал логику работы личного кабинета.
В процессе разработки я тесно работал с дизайнером заказчика, отвечавшим за новый основной сайт, чтобы личный кабинет органично вписался в фирменный стиль бренда.
Что было сделано
- Разработал уникальный UX/UI дизайн в Figma с анимацией. Подготовил дизайн-проект для перехода к разработке;
- Сверстал дизайн-проект на Tilda с адаптацией (320 — 1920px), подключил модификации и написал дополнительный HTML, CSS, JS код для улучшения работы платформы;
- Разработал базу данных NocoDB и подключил интеграции Collabza для передачи данных из базы в личный кабинет на Tilda;
- Собрал сценарий в N8N для регистрации, редактирования профиля, покупки, списания бонусов;
- Протестировал работу кабинета и корректность отображения данных.
Итоговый результат
Вход в аккаунт
Пользователь авторизуется по почте и паролю.
Регистрация
После заполнения данных и регистрации, на почту прийдет логин и пароль для входа.
Восстановление пароля
Мои заказы
Раздел показывает историю всех заказов клиента. Каждая карточка включает номер и дату заказа, статус, состав и стоимость, с переходом на детальную страницу.
Страница заказа
Подробная информация по конкретному заказу: список товаров, контактные данные, способ доставки и оплаты, а также итоговая детализация стоимости с учётом скидок и бонусов.
Программа лояльности
Раздел с балансом бонусов и историей их начисления/списания. Клиент видит, сколько бонусов доступно, за что они начислены и когда сгорят, если не будет новых заказов.
Настройки профиля
Материал создан исключительно в образовательных целях — чтобы поделиться опытом и разобрать актуальные решения для сайтов на Tilda. Если остались вопросы или хочется обсудить — пиши в Telegram.