← Все проекты
РАЗБОР ПРОЕКТАВЕБ-ПРИЛОЖЕНИЕ

Бариста — B2B-клуб для кофеен: обучение, конструктор меню и промо

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

Vue 3JavaScriptFrontendPWA
Роль
Фронтенд-разработчик
Сроки
2023, июнь — 2026, август
Личный кабинет партнёра: обучение, конструктор кофейной карты, рецепты, промо и материалы

Задача

Сделать и развивать портал партнёрской программы — от входа и обучения до инструментов для точки продаж, — чтобы партнёр мог сам подготовить меню и материалы для своей кофейни.

Что входит в решение

  • Конструктор кофейной карты в пять шагов: фон, сетка, напитки с ценами по объёмам, стакан и размещение; готовую карту бэкенд снимает скриншотом страницы предпросмотра, и партнёр скачивает её картинкой.
  • Размещение карты в интерьере: сцена во фрейме получает картинку и номер локации через postMessage.
  • Академия: интерактивные курсы во фрейме с полноэкранным режимом, прохождение засчитывается по сообщению из курса.
  • Сезонные рецепты, промоволны с категориями, каталог рекламных материалов и полезные материалы для скачивания.
  • Центр уведомлений, звания участника, розыгрыш, отзывы и вопросы и ответы.
  • PWA: установка на телефон с подсказкой для iOS и автообновление.

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

Следующий проект Сезон — летняя промоакция: виджет в Shadow DOM с кабинетом и достижениямиВЕБ-ПРИЛОЖЕНИЕ