Winnie Pooh - Jardín Infantil
Web institucional con panel de administración para el jardín infantil más querido de Medellín.
Desarrollo completo de landing page y panel administrativo para el Jardín Infantil Winnie Pooh, con 30 años de trayectoria en Medellín. El proyecto integra una galería dinámica con drag & drop, autenticación con Supabase, soporte de 3 sedes, y un diseño 100% personalizado con la identidad visual del jardín — colores pastel, stickers animados y fuentes infantiles. Diseñado pensando en los padres de familia como usuario principal.
El cliente necesitaba que los directivos del jardín actualizaran fotos y contenido sin depender de un desarrollador. El desafío real no era técnico sino de UX: el panel debía ser tan simple que una directora de 55 años, sin experiencia con software, pudiera usarlo sin ningún entrenamiento. Eso significa cero terminología técnica, cero estados de error confusos, y flujos que se completan en máximo 3 clics.
Elegimos Supabase sobre Firebase por Row Level Security (RLS) — necesitábamos que cada sede solo viera y editara su propio contenido, sin escribir una sola línea de lógica de autorización en el backend. Las políticas de RLS lo manejan a nivel de base de datos. Para el drag & drop de la galería usamos @dnd-kit en lugar de react-beautiful-dnd (deprecado) por su mejor soporte para accesibilidad y touch en mobile.
Subestimamos el tiempo de diseño del panel de administración. Siempre pensamos el panel como secundario frente a la landing pública, pero resultó ser la parte más crítica para el cliente. En proyectos futuros con CMS propio, el panel recibe el mismo tiempo de diseño que el sitio público. También aprendimos que Framer Motion en componentes con muchos nodos en mobile puede causar jank — ahora usamos `will-change: transform` y reducimos las animaciones en viewports pequeños.