Mood Atelier — стартап из Португалии, создающий систему управления обучением (LMS — Learning Management System) в сфере моды. Это онлайн-платформа, где пользователи приобретают курсы по стилю и учатся напрямую у профессиональных стилистов. Платформа предлагает структурированные программы с уроками, практическими заданиями и персональной поддержкой экспертов.На момент обращения у клиента были дизайнер, маркетолог и видение продукта — но не было ни технической команды, ни платформы, ни единого урока в готовом виде.
Исходная бизнес-задача
Клиент пришёл с задачей создать полноценную веб-платформу с нуля: два приложения (для учеников и стилистов), административную панель и публичный сайт — всё в формате прогрессивного веб-приложения (PWA — Progressive Web Application).Платформа должна была поддерживать покупку курсов, чаты между учениками и стилистами, управление контентом и маркетинговыми инструментами. При этом заказчик рассчитывал на быстрый запуск: первая версия продукта была нужна через пять месяцев.Помимо разработки, клиенту требовался технологический партнёр, способный взять на себя выбор стека технологий (набора программных инструментов), настройку инфраструктуры и консультирование по продуктовым решениям.
Подход КОД9
Работа строилась поэтапно — по методологии Kanban (система непрерывного совершенствования процессов) с месячными фазами. Всего за пять месяцев прошло пять фаз, каждая из которых наращивала функционал платформы.
1. Исследование стека и запуск лендингов
Перед началом разработки мы провели исследование технических решений: сравнили платёжные системы, инструменты для чатов, авторизации и админки. По итогам сформировали стек:
Stripe Checkout — сервис для приёма платежей;
Supabase Realtime — платформа для реализации чатов и авторизации (через Google, Apple и электронную почту);
React Admin — библиотека для создания интерфейса управления административной панелью.
Параллельно запустили первые лендинги с формами сбора контактов, интегрировали сервис почтовых рассылок MailerLite и систему веб-аналитики Google Analytics. Это позволило клиенту начать собирать аудиторию ещё до полной готовности основного продукта.
2. Разработка платформы
Платформа разбивалась на несколько крупных блоков:— Приложение ученика — PWA с мобильной и десктопной версиями. Покупка курсов через через платёжную систему Stripe, доступ к учебным модулям, мастер-классам, прямым эфирам (лайв-сессиям) и персональным консультациям, чат со стилистом.— Приложение стилиста — отдельный интерфейс PWA с мобильной и десктопной версиями. Основной функционал — чат с учениками, просмотр профилей клиентов и оценка домашних заданий.— Административная панель — для ускорения разработки первая версия админки была собрана с помощью инструмента Lovable (сервис генерации интерфейсов на основе кода), что позволило обойтись без отдельного дизайна: Lovable генерирует качественные интерфейсы для дашбордов и админок. Панель интегрирована с базой данных Supabase и хранилищем кода GitHub. Через админку осуществляется управление курсами, событиями и контентом сайта: карточками экспертов, разделом ответов на вопросы (FAQ), отзывами и статьями блога.— Публичный сайт — набор лендингов и служебных страниц (политика конфиденциальности Privacy, условия использования Terms, FAQ, журнал со статьями) с учётом базовых требований к поисковой оптимизации (SEO).Сложность проекта заключалась в том, что это не просто приложение с личным кабинетом, а полноценная веб-платформа с двумя пользовательскими ролями, публичным сайтом и развитой системой управления контентом.
3. Запуск и доработка
Через пять месяцев после старта мы провели презентацию и сдали основную рабочую версию продукта. Курсы на тот момент не были наполнены контентом — клиент не успевал подготовить материалы, поэтому мы реализовали заглушку с датой старта, которую обновляли через админку.После запуска продолжили доработки:
добавили интро-мастерклассы — бесплатные мастер-классы, доступные всем зарегистрированным пользователям, независимо от покупки курса;
новые лендинги;
минимальную интеграцию с ActiveCampaign (платформой для автоматизации маркетинга и управления рассылками).
4. Техническое сопровождение
и ИТ-инфраструктура
Помимо разработки, мы взяли на себя роль технического отдела клиента: настроили домен и почтовые сервисы, подобрали и внедрили CRM-систему ActiveCampaign (платформу для управления отношениями с клиентами) после перехода с MailerLite.По запросу клиента мы проанализировали, имеет ли смысл вкладываться в SEO-оптимизацию. Анализ показал, что для специфики продукта (курсы по моде не ищут через поисковики) полноценное SEO не принесёт ожидаемого эффекта в продажах. Мы выполнили гигиенический минимум по SEO и рекомендовали клиенту сфокусироваться на других каналах привлечения.
Результат
Создана полноценная веб-платформа с нуля за 5 месяцев: два PWA-приложения (для учеников и стилистов), административная панель и публичный сайт с лендингами
Реализовано 3 приложения и более 10 лендингов с интеграциями в маркетинговые инструменты
5 типов учебных событий (модули, мастер-классы, лайв-сессии, персональные консультации, интро- мастерклассы) с покупкой через Stripe
Подобран и внедрён технический стек, обеспечивающий быстрый выход на рынок при минимальных финансовых рисках
Платформа запущена в срок и готова к наполнению контентом и первым продажам
Клиент получил управляемый продукт с возможностью самостоятельно обновлять контент через админку
Роль КОД9
КОД9 выступил технологическим партнёром, совместившим разработку, технический консалтинг и администрирование ИТ-инфраструктуры.Мы провели исследование стека, спроектировали архитектуру, реализовали платформу и обеспечили её запуск. Параллельно консультировали клиента по продуктовым и маркетинговым инструментам — от выбора CRM до оценки целесообразности SEO.Продолжаем сопр овождать проект: развиваем функционал, добавляем новые типы контента и готовим платформу к масштабированию.
