Caso de Estudo
Fotógrafa de vida selvagem no Algarve. Um livro de edição limitada sobre África tornou-se um website com e-commerce integrado, construído a partir da linguagem visual do próprio livro.
A Tessa Schack é uma fotógrafa de vida selvagem a viver no Algarve, com décadas de trabalho nos parques nacionais de África. O primeiro livro dela, Passionately Africa, estava prestes a ser lançado. Precisava de um site que estivesse à altura da qualidade visual do livro e que lhe desse uma forma de o vender diretamente. O livro foi o brief. Eu construí o site a partir das suas páginas.
Visit tessaschack.com14,9 horas
de desenvolvimento
E-commerce
com checkout integrado desde o primeiro dia
Vendas online
ativas desde o lançamento
Parte das receitas
apoia a conservação de vida selvagem
O que nos propôsemos a construir
Construir um website que traduzisse a identidade visual de um livro impresso numa experiência digital. Adicionar um canal de e-commerce integrado para que a Tessa pudesse vender o livro diretamente, para todo o mundo. Substituir um template genérico do Squarespace por algo construído à volta do trabalho dela.
Cronologia: Dois meses, do briefing ao lançamento.
Como o projeto se desenvolveu
A Tessa chegou até mim através de uma referência. É uma fotógrafa de vida selvagem que passou décadas a percorrer os parques nacionais de África. Sul-africana de nascimento, viveu em Paris a trabalhar em media e revistas de moda antes de se mudar para o Algarve em 2014. A fotografia é a paixão dela há anos. O livro foi a primeira vez que juntou tudo.
O Passionately Africa estava quase pronto para impressão. Uma edição limitada, com parte das receitas a ir para a Conservation Lower Zambezi. Ela já tinha um site no Squarespace, um template limpo com galeria de fotos e um pequeno blog. Funcionava, mas não se parecia com o livro. E não podia vendê-lo.
O brief foi claro desde o início: um site que refletisse a identidade visual do livro, com e-commerce integrado. Não um redesign por redesign. Uma nova plataforma construída à volta de um objeto específico.
Recebi as provas do livro em PDF. A paleta, a tipografia, o espaçamento generoso, a forma como as fotografias preenchiam cada página. Isso tornou-se a linguagem de design do site. Imagens grandes, texto mínimo, muito espaço para respirar. A versão web daquilo que o livro já era.
O e-commerce foi a minha primeira integração com Stripe. Checkout, webhooks, emails de confirmação de encomenda. Um produto, edição limitada, envios para vários países. Tinha de ser simples o suficiente para a Tessa gerir sem tocar em código.
O blog do antigo site Squarespace foi migrado manualmente para o Sanity CMS, story a story. Conteúdo que ela escreveu ao longo dos anos sobre as viagens e os animais que fotografou.
Duas reuniões em casa da Tessa. Uma para perceber o projeto. Outra para mostrar o resultado. Adorou. Alguns ajustes pequenos e ficou online.
O que mudou
O site foi lançado ao mesmo tempo que o livro. Desde então, a Tessa tem vendido exemplares online e offline, e o website dela aparece acima do Instagram, galerias e plataformas de fotografia nos resultados do Google para o nome dela.
- Design do website construído diretamente a partir da identidade visual do livro, não de um template ou mood board
- E-commerce integrado com checkout Stripe, envios para vários países, desde o dia de lançamento
- Vendas online ativas desde que o site ficou no ar, a par da distribuição offline
- Posição 1 no Google para “Tessa Schack”, acima do Instagram, galeria Artcatto e plataformas internacionais de fotografia
- Acesso total ao CMS para conteúdo, produtos e preços. Construído para que possa gerir tudo sem precisar de um developer.

A conclusão
O que aprendi
Este foi o meu primeiro e-commerce. E honestamente, um dos projetos de que mais gostei. O brief era específico, a visão já estava no livro, e o resultado encaixou rapidamente. Gostei de construir um site onde cada decisão de design vem de um objeto físico que se pode segurar. O livro disse-me como é que o site devia parecer. Eu só tive de ouvir.
Um livro tornou-se um website. Uma fotógrafa ganhou o seu próprio canal de vendas.
Construído com
Tech stack
- Next.js
- TypeScript
- Tailwind CSS
- Sanity
- Stripe
- MailerSend
- Vercel
Um brief claro faz toda a diferença.
Se sabes o que precisas, eu construío. Vamos falar.
