Кейсы

Личный кабинет для интернет-магазина Silky Drum

Silky Drum — компания по обжарке кофе, специализирующаяся на зернах премиального качества. Команда лично отбирает зерно на фермах в Гондурасе, Колумбии и Эфиопии, выстраивая прямое сотрудничество с фермерами. Все процессы — от закупки до обжарки и упаковки — находятся под их контролем, что обеспечивает стабильное качество и прозрачность происхождения продукта.
Руслан – сооснователь бренда Silky Drum написал нам с таким сообщением 👇🏼

Задача

Мы провели общий созвон с основателями магазина, на котором обсудили текущие трудности и их ожидания от личного кабинета. После встречи мы подготовили и отправили три варианта функционала, каждый из которых решал поставленные задачи. Совместно с клиентом мы выбрали оптимальное решение и перешли к проработке технического задания.

На этом этапе мы учли технические особенности сайта и описали подробную логику работы личного кабинета. От первого касания до подписания договора прошло всего 10 дней.

В процессе разработки мы тесно работали с дизайнером компании, чтобы создать уникальный UX/UI дизайн, органично сочетающийся с фирменным стилем бренда.

Этапы работы

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

Итоговый результат

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

Регистрация

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

Мои заказы

— Текст

Страница заказа

— Текст

Программа лояльности

— Текст
Списание бонусов в корзине:

Профиль

— Текст

Настройки профиля

Автозаполнение данных в корзине:

Отзыв клиента:

— Текст
Не знаете, с чего начать внедрение личного кабинета? Расскажу, какие функции действительно нужны именно вашему магазину, и рассчитаю стоимость — пишите в Telegram ↓