Site + Platform20234 months

Website and learning platform for Gaya

Stay bonded. Stay Gaya.

For Gaya — a dental-education center in Brazil — we designed and built a full product: a premium landing, registration with a branded email, a student area with purchases and video courses, and an admin panel the team runs itself. A respected offline brand became a working online platform.

Website and learning platform for Gaya
Challenge

The challenge

Gaya is a leading dental-education center — courses, mentorships and certification for dentists. But everything ran offline and on word of mouth: no premium site, and no way to sell and deliver courses online.

  • The brand lived on Instagram and WhatsApp — no site to match its premium level
  • Courses couldn't be bought or taken online — enrollment and payments were manual
  • Nowhere to host and store video lessons and live meetups
  • The team couldn't add courses or manage students without a developer
Goal: Build not just a site but a product: a premium landing + registration + a student area with purchases and video courses + an admin panel the team runs itself.
Solution

What we built

We treated it as a product, not a website: a premium brand landing creates demand, registration with a branded email turns interest into an account, the student area sells and delivers courses with video, and the admin panel hands control to the team. All in Gaya's identity — magnolia, teal and gold.

Premium brand landing

A calm, confident landing on the brand identity — hero, approach, and the 'amid nature' learning atmosphere — so a visitor feels the brand's level and goes to register.

  • Magnolia identity carried to the web: teal, gold, Quiche + Montserrat type
  • Soft, unhurried motion (Framer Motion) — premium, not flashy
  • Story-first structure: who Gaya is, the approach, the experience
Premium brand landing

Registration & branded email

Interest becomes an account: sign-up and access confirmation via a branded Gaya email — a warm 'CONFIRMAR O ACESSO' instead of a faceless system message.

Registration & branded email

Student area: buy a course and learn

The student browses the catalog, buys a course and opens 'My course': program, professors and live video meetups right inside the platform.

  1. Pick a course from the catalog
  2. Buy ('Comprar') or add to wishlist
  3. Learn inside the course — materials and video meetups
Student area: buy a course and learn

Admin panel: the team runs courses itself

An admin adds a course with name, description, professors, category, price and cover and publishes it in minutes — no developer. Plus category and student management.

Admin panel: the team runs courses itself

Courses & mentorships, made clear

The heart of Gaya — 'Cursos e Mentorias': what you learn and the real spaces where it happens, so value and quality read at a glance.

Courses & mentorships, made clear

Professors & certification for trust

Trust made visible: real professors and the Gaya certificate that strengthens a dentist's reputation and patient trust after a course.

Professors & certification for trust
Key highlight

Not a website — a learning platform

Buy a course, learn, join a live video meetup. The team runs it all itself

How it was

  1. 1The brand lived on Instagram and WhatsApp
  2. 2Course enrollment and payment — manual
  3. 3Nowhere to run or store video lessons
  4. 4Any course change went through a developer

How it is now

  1. 1Register → branded email → personal area
  2. 2Catalog, purchase and course access online
  3. 3Live video meetups inside the purchased course
  4. 4Admin: courses, categories, professors, students — by the team

Technical solutions

Live video meetups

In-platform video on LiveKit / Stream — learning happens right inside the purchased course

End-to-end type safety

tRPC ties front and back with no hand-written API contracts — fewer bugs, faster delivery

Self-served admin

A course with cover, description, professors and price is published by the team in minutes

Branded emails

Registration and access are confirmed by a branded Gaya email (Nodemailer)

Technology

Tech stack

Platform & backend

Next.js 14 + tRPCEnd-to-end type-safe API with no hand-written contracts
Prisma + PostgreSQLCourses, categories, students, purchases
NextAuthRegistration and sign-in for students and admins
NodemailerBranded emails (access confirmation)

Frontend

React 18 + TypeScriptTyped, maintainable UI
Ant Design 5 + TailwindFast, tidy panel interface
Sass + Framer MotionBrand styling and soft landing motion
TiptapCourse-description editor in the admin

Video & infrastructure

LiveKit / Stream VideoLive video meetups inside a purchased course
FormidableUpload of course covers and materials
Vercel AnalyticsSee what visitors engage with
Impact

Results

Quantitative

Demand & enrollments

More inbound interest and course enrollments after launch

Online sales

Courses can now be bought and taken online, with no manual operations

Qualitative

Premium reception

Warm response from students and professionals to the brand and platform

A brand worth sharing

A site and platform the team is proud to send to prospects and partners

Independence

The team runs courses, professors and students through the panel itself

Expertise

What we demonstrated as a studio

A whole product, not a page

Landing, auth, payments, student area and admin — one coherent product, end to end

A learning platform with video

An LMS with course purchases and live video meetups

Brand-faithful design

Carried a delicate premium identity precisely into a living product

Tools for the client

An admin the team uses to run day-to-day without a developer

Cross-market work

Delivered for an international client and audience

Want a product like this?

Let's discuss your project — free of charge