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