Pedra Tattoo Studio
Landing page para um estúdio de tatuagem autoral em Lisboa. Tipografia de jornal, gravuras a flutuar num túnel e marcação direta pelo WhatsApp.
- Segmento
- Estúdio de tatuagem
- Entrega
- Landing page
- Origem
- Projeto conceito
- Ano
- 2026
- Tecnologia
- React, TypeScript, Tailwind CSS, Vite
Projeto conceito: o negócio é fictício, criado para explorar o segmento. O design e o código são reais.
O desafio
Estúdio de tatuagem vive do Instagram, mas o Instagram não explica como o estúdio trabalha, não separa quem está a pesquisar de quem quer marcar e não organiza o pedido de orçamento. O resultado é uma caixa de mensagens cheia de “quanto custa?” sem nenhuma informação.
A proposta foi criar uma página única que tivesse a presença de uma revista de arte e levasse a pessoa até uma marcação já qualificada.
A solução
- Press kit a preto e branco. Grotesca a 700 em tamanho de cartaz, etiquetas em mono entre colchetes e papel amarrotado por baixo. Nenhuma cor: o traço das tatuagens é que dá o tom.
- Gravuras a flutuar. As artes do estúdio giram num túnel de anéis no topo da página, em tons de cinza, com o nome por cima.
- Flash da casa. Seis desenhos originais (andorinha, coração de Viana, sardinha, âncora, punhal e traça) prontos a tatuar. O “Quero este” leva o desenho escolhido para a mensagem.
- Uma anotação à mão. “Para sempre” circulado a caneta, uma só vez na página, como a marca de um editor.
- Marcação que chega pronta. O formulário monta a mensagem com nome, ideia, local e tamanho e abre o WhatsApp. Sem servidor, sem mensalidade.
- Leve e acessível. Menu em pílula que acompanha a secção no ecrã, navegação por teclado e animações que respeitam quem prefere menos movimento.
O que um estúdio real ganharia
- Pedidos de marcação a chegar com a informação que o tatuador precisa para responder.
- Flash com saída imediata: o cliente escolhe o desenho e marca no mesmo minuto.
- Um link para a bio do Instagram que apresenta o estúdio melhor do que o feed.
A estrutura
A landing numa folha
Role dentro da moldura: é o site real, a correr dentro da Babrand.



