Brother Montevideo
← Porfoliocase study
Cuando explorar cursos se convierte en experiencia
Migramos la plataforma de Brother Montevideo desde WordPress a un desarrollo a medida: más rápida, con identidad propia y un sistema interactivo de descubrimiento que reinventó la forma de explorar su oferta formativa.
Formación creativa
Migración + Desarrollo a medida
2024
Contexto
El encargo
Brother Montevideo es una escuela de formación creativa con identidad experimental y no convencional. Su sitio anterior, construido en WordPress sobre una plantilla genérica, no transmitía ninguna de esas características: diseño rígido, navegación predecible, baja performance y una exploración de cursos mediante listados estáticos que no generaban ningún tipo de engagement.
Desafío
La restricción
Abandonar WordPress completamente y construir una plataforma a medida que sea más rápida, visualmente potente y capaz de reinventar la forma de explorar los cursos. Al mismo tiempo, debía ser autoadministrable por el equipo interno sin depender de desarrollo para cada actualización.
entregables
Qué construimos
Frontend
Diseño UX/UI a medida
Rediseño completo desde cero. Identidad visual alineada al ADN creativo de Brother: animaciones, microinteracciones y transiciones que acompañan la navegación.
Sistema de cursos
Cartas interactivas
Sistema interactivo que reemplaza el listado clásico de cursos. Exploración lúdica con filtros dinámicos conectados al CMS. Descubrir un curso pasa a ser parte de la experiencia.
Backend + CMS
Plataforma a medida en PHP
Desarrollo propio sin WordPress ni plugins. CMS a medida para gestionar cursos, cartas, noticias y contenidos institucionales de forma autónoma.
Formularios
Inscripción integrada
Formularios de contacto e inscripción con selección dinámica de cursos, integrados a la base de datos y administrables desde el CMS.
resultado
De una web genérica y lenta a una plataforma con identidad propia, donde la tecnología potencia la propuesta pedagógica: explorar los cursos de Brother ya es parte del aprendizaje.
proceso
Cómo lo hicimos
Análisis y Discovery
Relevamiento del sitio existente, pain points técnicos, objetivos de negocio y definición de arquitectura.
Diseño UX/UI
Rediseño completo. Abandono del enfoque de plantilla. Sistema de cartas concebido como experiencia interactiva.
Desarrollo backend
Plataforma a medida en PHP. CMS propio para cursos, cartas y contenidos editoriales. Sin WordPress ni dependencias externas.
Frontend + Animaciones
Implementación pixel-perfect con microinteracciones y transiciones fluidas. Responsive optimizado para desktop y mobile.
QA + Lanzamiento
Testing funcional y de performance. Optimización de métricas Lighthouse y puesta en producción.
Resultados
Lighthouse · Medición real del sitio (mobile) — 28 abril 2026
| Métrica | Score (mobile) | Evaluación |
|---|---|---|
| Performance | 72 | Mejora sustancial vs. WordPress anterior |
| Accessibility | 96 | Excelente — navegación accesible y clara |
| Best Practices | 92 | Código limpio sin dependencias riesgosas |
| SEO | 36 | Meta tags pendientes de completar en CMS |
| FCP (First Contentful Paint) | 2,5 s | Carga inicial muy rápida |
| LCP (Largest Contentful Paint) | 8,0 s | Oportunidad en assets visuales pesados |
| TBT (Total Blocking Time) | 170 ms | Muy bajo — excelente interactividad |
| CLS (Cumulative Layout Shift) | 1,0 | Área de mejora · animaciones en carga |
Nota: El SEO score bajo (36) refleja meta tags y contenido estructurado pendiente de carga en el CMS por parte del cliente. El CLS de 1,0 está vinculado a animaciones de entrada que pueden optimizarse en iteraciones futuras.
96
Accessibility — navegación accesible
2,5s
FCP — carga inicial rápida
170ms
TBT — interactividad excelente
0
Dependencias de WordPress
Logros del proyecto
- Eliminación total de WordPress, plantillas y plugins innecesarios
- Sistema interactivo de cartas que convierte la exploración de cursos en experiencia
- Animaciones y microinteracciones alineadas al ADN creativo de la escuela
- CMS a medida: el equipo gestiona cursos, contenidos e inscripciones de forma autónoma
- Formularios de inscripción integrados con selección dinámica de cursos
- Arquitectura PHP escalable preparada para futuras evoluciones del proyecto
- Mayor coherencia entre identidad de marca y presencia digital
