Сайт + платформа20234 месяца

Сайт и образовательная платформа для Gaya

Stay bonded. Stay Gaya.

Для Gaya — центра стоматологического образования из Бразилии — спроектировали и собрали целый продукт: премиальный лендинг, регистрацию с фирменным письмом, кабинет студента с покупкой и видео-курсами и админ-панель, где команда сама ведёт курсы. Уважаемый офлайн-бренд стал работающей онлайн-платформой.

Сайт и образовательная платформа для Gaya
Проблема

Задача

Gaya — ведущий центр стоматологического образования: курсы, менторство и сертификация для врачей. Но всё держалось офлайн и на сарафанном радио: не было ни премиального сайта, ни способа продавать и вести курсы онлайн.

  • Бренд жил в Instagram и WhatsApp — не было сайта под его премиальный уровень
  • Курсы нельзя было купить и пройти онлайн — записи и оплаты шли вручную
  • Негде было проводить и хранить видео-уроки и живые митапы
  • Команда не могла сама добавлять курсы и управлять студентами без разработчика
Цель: Сделать не просто сайт, а продукт: премиальный лендинг + регистрацию + кабинет студента с покупкой и видео-курсами + админ-панель, которой управляет сама команда.
Решение

Что мы сделали

Подошли как к продукту, а не к сайту: премиальный бренд-лендинг рождает спрос, регистрация с фирменным письмом превращает интерес в аккаунт, кабинет студента продаёт и проводит курсы с видео, а админ-панель отдаёт управление команде. Всё в фирменном стиле Gaya — магнолия, тил и золото.

Премиальный бренд-лендинг

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

  • Айдентика магнолии перенесена в веб: тил, золото, шрифты Quiche + Montserrat
  • Мягкая, неспешная анимация (Framer Motion) — премиально, без мишуры
  • Структура от истории: кто такие Gaya, подход, опыт
Премиальный бренд-лендинг

Регистрация и фирменное письмо

Интерес превращается в аккаунт: регистрация и подтверждение доступа письмом в фирменном стиле Gaya — тёплое «CONFIRMAR O ACESSO» вместо безликого служебного письма.

Регистрация и фирменное письмо

Кабинет студента: купить курс и учиться

Студент видит каталог, покупает курс и заходит в «Мой курс»: программа, преподаватели и живые видео-митапы прямо внутри платформы.

  1. Выбираем курс в каталоге
  2. Покупаем («Comprar») или добавляем в желания
  3. Учимся внутри курса — материалы и видео-митапы
Кабинет студента: купить курс и учиться

Админ-панель: команда ведёт курсы сама

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

Админ-панель: команда ведёт курсы сама

Курсы и менторство — понятно и наглядно

Сердце Gaya — «Cursos e Mentorias»: что изучают и в каких реальных пространствах это проходит, чтобы ценность и качество считывались с первого взгляда.

Курсы и менторство — понятно и наглядно

Преподаватели и сертификация — доверие

Доверие на виду: реальные преподаватели и сертификат Gaya, который укрепляет репутацию врача и доверие пациентов после прохождения курса.

Преподаватели и сертификация — доверие
Ключевая особенность

Не сайт, а платформа обучения

Купил курс — учишься, выходишь в живой видео-митап. Команда ведёт всё сама

Как было

  1. 1Бренд жил в Instagram и WhatsApp
  2. 2Запись и оплата курсов — вручную
  3. 3Видео-уроки негде проводить и хранить
  4. 4Любое изменение курса — через разработчика

Как стало

  1. 1Регистрация → фирменное письмо → личный кабинет
  2. 2Каталог, покупка и доступ к курсу онлайн
  3. 3Живые видео-митапы внутри купленного курса
  4. 4Админка: курсы, категории, преподаватели, студенты — сами

Технические решения

Живые видео-митапы

Видео-связь внутри платформы на LiveKit / Stream — обучение проходит прямо в купленном курсе

End-to-end типобезопасность

tRPC связывает фронт и бэк без ручных API-контрактов — меньше багов, быстрее разработка

Самостоятельная админка

Курс с обложкой, описанием, преподавателями и ценой публикуется командой за минуты

Брендированные письма

Регистрация и доступ подтверждаются письмом в фирменном стиле Gaya (Nodemailer)

Технологии

Стек Технологий

Платформа и бэкенд

Next.js 14 + tRPCEnd-to-end типобезопасный API без ручных контрактов
Prisma + PostgreSQLКурсы, категории, студенты, покупки
NextAuthРегистрация и вход студентов и администраторов
NodemailerБрендированные письма (подтверждение доступа)

Фронтенд

React 18 + TypeScriptТипизированный, поддерживаемый UI
Ant Design 5 + TailwindБыстрый, аккуратный интерфейс панели
Sass + Framer MotionФирменный стиль и мягкая анимация лендинга
TiptapРедактор описаний курсов в админке

Видео и инфраструктура

LiveKit / Stream VideoЖивые видео-митапы внутри купленного курса
FormidableЗагрузка обложек и материалов курсов
Vercel AnalyticsВидим, с чем взаимодействуют посетители
Impact

Результаты

Количественные

Спрос и записи

Больше входящего интереса и записей на курсы после запуска

Продажи онлайн

Курсы стало можно покупать и проходить онлайн, без ручных операций

Качественные

Премиальное восприятие

Тёплый отклик студентов и профессионалов на бренд и платформу

Бренд, которым делятся

Сайт и платформа, которые команде не стыдно отправить клиентам и партнёрам

Самостоятельность

Команда сама ведёт курсы, преподавателей и студентов через панель

Экспертиза

Что мы продемонстрировали как студия

Продукт целиком, а не страница

Лендинг, авторизация, платежи, кабинет и админка — связный продукт от и до

Платформа обучения с видео

LMS с покупкой курсов и живыми видео-митапами

Бренд-точный дизайн

Перенесли тонкую премиальную айдентику точно в живой продукт

Инструменты для клиента

Админка, которой команда ведёт рутину без разработчика

Работа на другой рынок

Реализовали для международного клиента и аудитории

Хотите такой продукт?

Обсудим вашу задачу бесплатно