Hub artístico completo: como construímos mannimoritz.com
Video background em loop, geolocalização de shows, portal B2B de sync e licenciamento musical. Do briefing ao ar em um projeto de escopo completo.
O desafio
Manni Moritz precisava de muito mais do que um site. Ela precisava de um hub artístico completo: presença digital que refletisse a complexidade da carreira de uma cantora de Country Rock Atmosférico — um gênero que ela ajudou a definir.
O que foi construído
Video background em loop na home, renderizado com performance Lighthouse 90+. Timeline de biografia interativa com eventos ordenados cronologicamente. Discografia com player integrado. Agenda de shows com geolocalização via Google Maps API — o visitante vê os shows mais próximos da sua localização.
Blog editorial para Manni publicar conteúdo sem depender de dev. Loja de merch integrada. Portal B2B de sync e licenciamento musical — rádios e supervisores de música podem solicitar licença diretamente pelo site.
Stack e decisões técnicas
Next.js 15 + TypeScript + Tailwind CSS. Deploy na Vercel com CI/CD via GitHub. O video background usa next/video com lazy loading condicional — em mobile, é substituído por uma imagem estática para garantir performance.
Resultado
Do zero ao ar. Site production-ready, documentado, funcionando. Manni publica conteúdo sozinha. Shows aparecem automaticamente no mapa. Licenciadores chegam pelo portal B2B.