Bibas & Marco - Hub de Marca Pessoal
Hub de marca pessoal para vários criadores, com cinco secções interligadas: página inicial, página dedicada ao podcast (Tou Podcast), perfis individuais dos criadores (a maquilhagem e o trabalho veterinário da Bibas, e a música do Marco como Mr Dilo) e uma página completa de parcerias. Integra várias plataformas sociais (YouTube, Spotify, Instagram e TikTok) com conteúdo incorporado.
Construído com React Router, com um sistema de design editorial sofisticado, paleta em tons quentes de creme, tipografia serif personalizada e animações refinadas em Framer Motion. Os layouts responsivos mobile-first mantêm a consistência da marca em todas as secções.
Visão Geral
Setor
Criação de Conteúdo Digital / Entretenimento / Marca Pessoal
Âmbito
Website completo de marca pessoal com várias páginas, incluindo página inicial, secção dedicada ao podcast, dois perfis individuais de criadores e página de parcerias com integrações de redes sociais incorporadas, formulários de contacto e design responsivo em todos os dispositivos
Prazo
2-3 semanas do design à implementação
Desafio
A Bibas e o Marco precisavam de uma presença digital unificada para consolidar os seus diversos fluxos de conteúdo — podcast, música, maquilhagem e cuidado animal — num único hub profissional. O seu público estava fragmentado por várias plataformas sociais, sem um ponto central para pedidos de parceria ou para uma apresentação completa da marca. Precisavam de uma solução capaz de destacar a identidade individual de cada criador, mantendo ao mesmo tempo uma identidade de casal coesa.
Solução
Desenvolvemos uma aplicação React sofisticada com várias páginas e uma abordagem de design editorial, com uma paleta de cores quente e acolhedora e tipografia refinada. Implementámos secções dedicadas a cada vertente de conteúdo, mantendo a consistência visual através de um sistema de design partilhado. Integrámos ligações diretas para todas as plataformas sociais, incorporámos um leitor de podcast do Spotify e criámos uma página completa de parcerias com o detalhe das oportunidades de colaboração. A arquitetura responsiva mobile-first garante uma excelente experiência de utilizador em todos os dispositivos, enquanto as animações em Framer Motion acrescentam requinte sem comprometer o desempenho.
Funcionalidades Principais
Resultados
Stack Tecnológica
Pronto para Iniciar o Seu Projeto?
Vamos falar sobre como podemos criar um website incrível à medida do seu negócio.