Ateliê Tati Herrmann: um site para cerâmica autoral

O site inteiro, de cima a baixo

É uma página única, que a cliente percorre rolando. Cada bloco responde a uma pergunta de quem chega: quem faz? como é feito? que peças existem? como eu encomendo? como fica na mesa? como falo com a Tati?

Topo e banner principal

A primeira tela precisa passar o clima do ateliê em poucos segundos: peça feita à mão, única e sob encomenda.

• Frase de efeito: “A beleza está no que o fogo decide revelar.”, com a palavra fogo em turquesa e letra inclinada para chamar o olhar.
• Dois botões: Encomendar minha peça leva direto ao pedido; Ver portfólio desce até as fotos das peças.
• Vídeo em arco: um vídeo curto das peças na mesa, numa moldura em formato de arco, com um selo redondo escrito “feito à mão · peça única · sob encomenda”.
• Menu simples: Quem somos, Processo, Peças, Portfólio e Contato, com o botão Faça seu pedido sempre à vista.

Por que assim: quem compra cerâmica feita à mão compra também a história. Por isso a primeira tela fala de fogo e de peça única antes de falar de pedido.

Quem somos: a artista por trás das peças

Quem encomenda uma peça única quer saber quem vai fazer. Aqui a Tati aparece com nome, rosto e o jeito de trabalhar.

• Foto da artista em moldura de arco turquesa, com o selo TH e o cartão “100% à mão: nenhuma peça é igual à outra”.
• Texto curto e direto: cerâmica autoral feita à mão em Santa Catarina, sem produção em série nem estoque de vitrine.
• Três diferenciais numerados: modelagem manual, esmaltes autorais e peça única no mundo.

O processo: da terra à sua mesa

Em vez de só escrever “feito à mão”, o site mostra o caminho da peça em quatro etapas: Terra, Tempo, Fogo e Mesa.

• Muda com a rolagem: a tela fica parada enquanto a pessoa rola, e a etapa avança sozinha, de 01 Terra até 04 Mesa, com uma barrinha mostrando em qual etapa ela está.
• Uma imagem por etapa: ao lado do texto, fotos e vídeos curtos acompanham cada fase: os bastidores das rosas, as folhas secando, o esmalte na queima e a linha café na mesa.

Linhas de peças: nada aqui é de prateleira

Como tudo é sob encomenda, o site não tem preço nem estoque. Ele mostra as linhas que a Tati já faz, como ponto de partida para a conversa.

• Quatro linhas: Folhas Turquesa, Linha Café, Rosas Modeladas e Pratos de Servir, cada uma com foto grande, cor própria e uma descrição curta.
• Cartões que deslizam para o lado: ao rolar a página para baixo, os cartões andam na horizontal, um de cada vez.
• Botão em cada linha: Quero uma assim abre o WhatsApp com a mensagem já escrita, citando a linha escolhida.
• Quinto cartão: “Tem algo diferente em mente?”, para quem quer uma peça fora das linhas.

Monte a sua peça única

A parte que mais trabalha pela Tati: a cliente monta a encomenda clicando em opções, e o pedido chega organizado no WhatsApp.

• Quatro passos antes de tudo: conte sua ideia, alinhamos os detalhes, modelagem e queima, e chega até você. A cliente entende como funciona antes de pedir.
• Escolhas em botões: tipo de peça (xícara e pires, caneca, jarra, coador, prato e outras), acabamento (turquesa, terra, rosa, natural ou “deixo a Tati escolher”), ocasião (casa, presente, mesa posta ou lembrancinhas) e quantidade.
• Resumo ao lado: o cartão escuro “Uma peça só sua” vai se preenchendo com o que a pessoa escolhe.
• Enviar pelo WhatsApp: a mensagem sai pronta, com as peças, o acabamento, a ocasião, a quantidade, a ideia da cliente, o nome e a cidade.

Por que assim: encomenda de peça única costuma começar com muitas perguntas. Com o pedido montado, a Tati já recebe as respostas principais na primeira mensagem.

Portfólio e vídeos

Fotos e vídeos das peças de verdade, as mesmas que a Tati mostra no Instagram do ateliê.

• Galeria com filtros: Todas, Folhas, Café, Rosas e Servir. A pessoa vê só o tipo de peça que procura.
• Cinco vídeos curtos: mesa posta, bastidores das rosas, jarra e coador, rosas em cerâmica e prato turquesa, com o link Ver no Instagram.
• Presente afetivo: logo depois, um bloco lembra que uma peça feita à mão é um ótimo presente, com botão para encomendar.

Contato

O fim da página leva para os dois canais onde a Tati atende: WhatsApp e Instagram.

• Chamada direta: “Vamos criar a sua peça única?” com os botões Chamar no WhatsApp e do Instagram do ateliê.
• Informações úteis: WhatsApp, Instagram, a região (Gaspar e Blumenau, SC) e como funcionam as encomendas.
• Mapa da região: aponta para Gaspar. O endereço exato do ateliê é passado no atendimento.
• WhatsApp flutuante: um botão redondo fica no canto da tela durante toda a visita.

No celular

Boa parte das clientes chega pelo Instagram, no celular. Por isso o site foi pensado para a tela pequena também.

• Vídeo na tela inteira: no topo, o vídeo das peças fica atrás do título e dos botões.
• Menu em um botão: os links do topo viram um botão redondo, que abre o menu.
• Letra grande e blocos empilhados: os passos do pedido e os cartões se reorganizam para caber na tela.
• WhatsApp à mão: o botão flutuante fica ao alcance do polegar.

Como foi feito

Um arquivo principal e duas pastas de mídia. Sem sistema complicado, é fácil de editar e de hospedar.

Os movimentos: as etapas do processo e os cartões que andam para o lado usam a biblioteca GSAP. Para quem configura o celular para reduzir movimento, as animações decorativas, como a faixa de texto que corre, ficam paradas.