Skip to content
Todos os projetos

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.com

14,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 objetivo

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.

O desafio

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 impacto

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.
Tessa Schack mobile screenshot

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.