Volver WebMakerChile
Caso de Estudio

FluentlySpeaking:
Club Premium de Inglés

Plataforma web completa para practicar inglés hablado con hablantes nativos. Sistema de tickets, sesiones en vivo, pagos en pesos chilenos y panel de administración integral.

0
Sesiones Creadas
0
Currículum Completo
0
Funcionalidades
0
Responsive
Explorar el proyecto ↓
Sobre el Proyecto

Plataforma integral para speaking clubs

Una solución completa que conecta estudiantes de inglés con tutores nativos a través de sesiones grupales en vivo.

FluentlySpeaking es una plataforma premium diseñada para hablantes de inglés de nivel intermedio a avanzado (B1-C2) que quieren mejorar sus habilidades de conversación a través de sesiones grupales en vivo con hablantes nativos.

El proyecto incluyó el desarrollo completo del frontend y backend: landing page profesional, sistema de autenticación con contraseñas, gestión de tickets para reservas, integración de pagos con Stripe en pesos chilenos, emails transaccionales, un currículum estructurado de 72 sesiones a lo largo de 6 meses, y un panel de administración completo con CRUD para todas las entidades.

Se implementó un sistema gamificado con dos capas de estado (Commitment Badge + Progress Rank), racha semanal con streak saves, sistema de momentum con decaimiento suave, y un mecanismo de comeback boost para usuarios que regresan después de inactividad.

Cliente FluentlySpeaking
Industria EdTech / Idiomas
Duración 4 semanas
Equipo 1 desarrollador full-stack
Plataforma Web Application
Estado ● En producción
El Desafío

Problemas que enfrentaba el cliente

FluentlySpeaking necesitaba digitalizar completamente su operación de speaking clubs.

⚠️

Sin plataforma digital

Las sesiones se coordinaban manualmente por WhatsApp y email, sin sistema centralizado de reservas ni gestión de participantes.

💳

Cobros manuales

Los pagos se realizaban por transferencia bancaria sin automatización, dificultando el seguimiento de suscripciones y renovaciones.

📅

Falta de currículum estructurado

No existía un programa organizado de sesiones con temas progresivos, preguntas de discusión ni material de apoyo.

📊

Sin seguimiento de progreso

Los estudiantes no tenían forma de ver su avance, historial de sesiones ni recibir feedback personalizado de los tutores.

🔗

Links de reunión dispersos

Los enlaces de Google Meet se enviaban manualmente, generando confusión y sesiones perdidas por parte de los estudiantes.

🎨

Sin presencia web profesional

No contaban con una landing page ni un sitio web que transmitiera la calidad premium del servicio.

Funcionalidades

Lo que construimos

Cada funcionalidad fue diseñada para ofrecer una experiencia premium a los usuarios.

🎫

Sistema de Tickets

Los usuarios reciben 2 tickets gratuitos al registrarse. Cada reserva consume 1 ticket, y las cancelaciones reembolsan automáticamente.

Ver detalles ↓
Balance de tickets visible en el dashboard. Sistema automático de débito/crédito al reservar o cancelar sesiones. Los planes de pago agregan tickets adicionales según el tipo de suscripción.
📚

Currículum de 6 Meses

72 sesiones estructuradas con temas progresivos, preguntas de calentamiento, discusión principal y debate grupal.

Ver detalles ↓
Cada sesión incluye 6 preguntas de warm-up, 6 de tema principal y 6 de discusión. Temas que evolucionan desde identidad personal hasta reflexiones profundas sobre la vida, diseñados para niveles B1 a C2.
💎

Sistema de Estado 2 Capas

Commitment Badge (Explorer/Builder/Founder) basado en plan + Progress Rank (Starter→Fluent Force) basado en sesiones.

Ver detalles ↓
Los badges de compromiso reflejan el tipo de suscripción del usuario. Los rangos de progreso avanzan de Starter a Fluent Force según las sesiones atendidas (0 a 111+), con barra de progreso visual y siguiente rango visible.
🔥

Racha y Momentum

Racha semanal con streak saves según plan, y sistema de momentum con decaimiento suave del 8% semanal.

Ver detalles ↓
El momentum funciona como un indicador motivacional que decae 8% por semana de inactividad (mínimo 20%), sin perder rango. Los streak saves se resetean según el plan: ninguno para mensual, 1/trimestre para quarterly, 1/mes para anual.
💳

Pagos Stripe en CLP

Integración completa con Stripe Checkout para planes mensuales, trimestrales y anuales en pesos chilenos.

Ver detalles ↓
Tres planes con precios founding member: Mensual $39.900, Trimestral $99.900 y Anual $279.900 CLP. Checkout sessions con manejo de webhook para activar planes automáticamente al confirmar el pago.
📧

Emails Transaccionales

Emails de bienvenida, confirmación de reserva y cancelación enviados automáticamente vía Resend.

Ver detalles ↓
Integración con Resend API usando el dominio verificado contacto@fluentlyspeaking.cl. Emails con diseño HTML profesional que incluyen detalles de la sesión, links de reunión y branding de la plataforma.
🛡️

Panel de Administración

CRUD completo para usuarios, sesiones, blog, FAQs, testimonios, feedback y reservas desde un panel centralizado.

Ver detalles ↓
Interfaz de administración con sidebar, dashboard de estadísticas, gestión de roles (user/admin/tutor), búsqueda y filtrado de usuarios, y creación de sesiones con preguntas de discusión integradas.
📹

Google Meet Automático

Generación automática de links de Google Meet a través de la API de Google Calendar con service account.

Ver detalles ↓
Integración con Google Calendar API usando una cuenta de servicio. Al crear una sesión desde el admin, se genera automáticamente un evento en Google Calendar con un enlace de Google Meet adjunto.
🔄

Comeback Boost

Sistema de reactivación para usuarios que vuelven después de 2-4 semanas de inactividad con incentivos automáticos.

Ver detalles ↓
Los usuarios que regresan después de ausencia reciben 1 ticket gratis, reinicio de racha y un boost de momentum. El sistema detecta automáticamente la inactividad y ofrece el comeback boost desde el dashboard.
Arquitectura

Arquitectura técnica

Stack moderno con separación clara de responsabilidades.

FRONTEND

React + Vite + Tailwind CSS

SPA con Shadcn UI, TanStack Query, Wouter routing

API REST

Express.js endpoints

Rutas públicas, protegidas y de administración

BACKEND

Node.js + Express

Autenticación, sesiones, lógica de negocio, validación Zod

BASE DE DATOS

PostgreSQL + Drizzle ORM

7 tablas: users, sessions, bookings, blog, feedback, testimonials, FAQs

SERVICIOS EXTERNOS

Stripe + Resend + Google Calendar

Pagos CLP, emails transaccionales, generación de Meet links

Proceso

Proceso de desarrollo

Desarrollo ágil en ciclos iterativos con entregas continuas.

Semana 1

Fundación y diseño

Definición de arquitectura, esquema de base de datos con Drizzle ORM, diseño del sistema de tickets, implementación de autenticación con contraseñas y layout principal con tema purple-pink.

Semana 2

Core features

Sistema de reservas completo, dashboard de usuario, panel de administración con CRUD para todas las entidades, landing page con hero, pricing y secciones informativas.

Semana 3

Integraciones y gamificación

Integración con Stripe en CLP, emails transaccionales con Resend, sistema de estado de 2 capas, racha semanal, momentum con decaimiento suave y comeback boost.

Semana 4

Contenido y refinamiento

Currículum de 72 sesiones, integración con Google Calendar API, blog y FAQ dinámicos, testimonios, generación de Meet links y optimización general.

Tecnologías

Stack tecnológico

Selección cuidadosa de tecnologías modernas y probadas.

⚛️

React

UI Library

Vite

Build Tool

🎨

Tailwind CSS

Styling

🧩

Shadcn UI

Components

🟢

Node.js

Runtime

🚂

Express

Backend Framework

🐘

PostgreSQL

Database

💧

Drizzle ORM

Database ORM

💰

Stripe

Payments

📨

Resend

Email Service

📅

Google Calendar

Meet Integration

🔄

TanStack Query

Data Fetching

Resultados

Impacto del proyecto

Transformación digital medible para FluentlySpeaking.

Gestión de sesiones
Manual 100%
Automatizado
Sesiones programadas
0 72
6 meses de contenido
Proceso de cobro
Transferencia Stripe
Checkout automático
Tiempo de reserva
~10 min 3 seg
-98% tiempo
Emails manuales
Cada uno 0
100% automatizado
Panel de admin
Nada Full
CRUD completo
Testimonial

WebMakerChile transformó nuestra idea en una plataforma profesional completa. Desde los pagos automatizados hasta el currículum de sesiones, cada detalle fue pensado para ofrecer la mejor experiencia a nuestros estudiantes. El resultado superó nuestras expectativas.

FluentlySpeaking

Fundador & CEO

¿Tienes un proyecto similar?

Conversemos sobre cómo podemos llevar tu idea al siguiente nivel con tecnología moderna.