Caso de Estudo
Uma plataforma de culinária bilingue, reconstruída a partir de ficheiros Illustrator de uma designer profissional. 118 receitas, uma loja de ebooks digitais, e fundadores que gerem tudo sozinhos.
O Cocoon Cooks estava no Squarespace desde cerca de 2014. A Rita e o André queriam algo totalmente personalizado, bilingue e com e-commerce para ebooks. Depois de uma tentativa anterior com uma agência que não correu bem, pediram-me ajuda. Reconstruí tudo de raiz, no meu stack, e entreguei-lhes algo que conseguem gerir completamente sozinhos.
Visit cocooncooks.com
18.031 cliques orgânicos
numa única receita
118 receitas, 512 URLs
mais de 1.000 comentários migrados
A Rita e o André
gerem tudo no Sanity — de forma independente
120 horas
ao longo de 10 meses
O que nos propusemos a construir
Reconstruir o Cocoon Cooks de raiz com um design totalmente personalizado pela Rita (designer gráfica e co-fundadora), gestão de conteúdo bilingue no Sanity CMS, e e-commerce para produtos digitais. Migrar todas as receitas, artigos e mais de 1.000 comentários da plataforma anterior sem perder nada.
Cronologia: 120 horas ao longo de 10 meses. Laçado em julho de 2025.
Como o projeto se desenvolveu
A Rita é a minha irmã. Ela e o André têm o Cocoon Cooks desde cerca de 2014, primeiro no Squarespace, a construir uma plataforma de culinária bilingue com receitas, artigos, newsletter e, ao longo dos anos, parcerias com marcas como a The Body Shop, a Auchan e a Kenwood. Apareceram na televisão portuguesa. Não é um blog de passatempo.
Quando decidiram dar o próximo passo: design personalizado, vender ebooks através do site, CMS bilingue completo; contrataram uma agência digital. Doze meses depois, existia um backoffice em WordPress e Elementor que duplicava o conteúdo por breakpoint, tornava a edição bilingue um pesadelo, e era, para ser direta, inutilizável. Pediram-me ajuda. Esse tipo de transição, entrar depois de algo não ter corrido bem, é precisamente sobre assumir um site de um programador anterior.
Aceitei, mas com uma condição: o meu stack. Next.js, Sanity CMS, Vercel. Não por ser tendência, mas porque sabia o que o backoffice do Elementor lhes tinha custado, e não ia entregar-lhes algo de que se arrependessem passado um ano.
Quando viram os primeiros rascunhos, mudaram de ideias.
A Rita tinha construído mockups completos no Illustrator. Cada ecrã, cada estado, ilustrações personalizadas, ícones personalizados. Foi a primeira vez que trabalhei com ficheiros de design profissional a sério, em vez de wireframes aproximados ou briefs vagos. Mais exigente do que esperava. Também mais satisfatório. Pixel-perfect não é uma expressão que uso à toa, mas foi mesmo isso.
O desafio técnico de que mais me orgulho foi a migração dos comentários. O site antigo tinha mais de mil comentários com classificações e threads em estilo de fórum. Os comentários são muitas vezes o que se perde em silêncio numa migração, considerados demasiado complexos. Escrevi um script de migração que extraiu tudo e reproduziu a estrutura no Sanity. Não se perdeu nada.
Laçado em julho de 2025. 512 URLs no sitemap. Totalmente bilingue. A loja de ebooks ativa. A Rita e o André a gerir tudo sozinhos.
O que mudou
O Cocoon Cooks foi lançado em julho de 2025. Desde então, receitas individuais estão a gerar milhares de cliques orgânicos, a loja de ebooks está ativa, e a Rita e o André gerem toda a plataforma no Sanity sem precisar de contactar uma developer.
- Implementação pixel-perfect dos ficheiros Illustrator de uma designer profissional — ilustrações personalizadas, ícones personalizados, zero compromissos visuais
- Mais de 1.000 comentários migrados de forma programática, com classificações e estrutura de threads em estilo de fórum intactas
- Receitas com mais de 4.000 cliques orgânicos por mês.
- Loja de ebooks digitais ativa (“Breakfasts That Stick”, €6,50) com mais 3 ebooks em produção
- Independência total no CMS: a Rita e o André publicam receitas, escrevem artigos e gerem a loja sem envolver uma developer
A conclusão
O que aprendi
Trabalhar com a Rita foi diferente de qualquer outro projeto. Ela chegou com ficheiros Illustrator completos, não com uma ideia vaga. Isso muda tudo: não há negociação de design, não há iterações de direção, só o trabalho de fazer o ecrã corresponder ao ficheiro. É exigente de uma forma que não tinha experimentado antes. Também migrei mil comentários e convenci dois bloggers de receitas céticos a abandonar o WordPress. Tenho um orgulho discreto nas três coisas.
Uma plataforma reconstruída de raiz. A visão de uma designer implementada ao detalhe. Uma equipa que a gere sem developer.
Construído com
Tech stack
- Next.js
- TypeScript
- Tailwind CSS
- Sanity
- Flodesk
- Vercel
Deves conseguir gerir a tua própria plataforma.
Construío sites que não precisam de uma developer para publicar uma receita, atualizar um produto ou escrever um artigo. Vamos falar.