Un hub artístico completo: cómo construimos mannimoritz.com
Video de fondo en loop, geolocalización de shows, portal B2B de sincronización y licenciamiento musical. Del briefing al lanzamiento en un proyecto de alcance completo.
El desafío
Manni Moritz necesitaba mucho más que un sitio web. Necesitaba un hub artístico completo: una presencia digital que reflejara la complejidad de la carrera de una cantante de Country Rock Atmosférico — un género que ella ayudó a definir.
Qué se construyó
Video de fondo en loop en la página principal, renderizado con un rendimiento Lighthouse de 90+. Línea de tiempo biográfica interactiva con eventos ordenados cronológicamente. Discografía con reproductor integrado. Agenda de shows con geolocalización vía Google Maps API — el visitante ve los shows más cercanos a su ubicación.
Blog editorial para que Manni publique contenido sin depender de un desarrollador. Tienda de merchandising integrada. Portal B2B de sincronización y licenciamiento musical — radios y supervisores musicales pueden solicitar una licencia directamente desde el sitio.
Stack y decisiones técnicas
Next.js 15 + TypeScript + Tailwind CSS. Despliegue en Vercel con CI/CD vía GitHub. El video de fondo usa next/video con carga diferida condicional — en móvil, se reemplaza por una imagen estática para garantizar el rendimiento.
Resultado
De cero a producción. Sitio production-ready, documentado y funcionando. Manni publica contenido por su cuenta. Los shows aparecen automáticamente en el mapa. Los licenciadores llegan a través del portal B2B.