Complexo Costa Martins · Landing page de serviço local
Studio Pilates Costa Martins: da estrutura à página
Uma apresentação própria para o estúdio e um caminho claro de contato
Planejei e construí a LP do Studio Pilates Costa Martins, em Quixeramobim. Reuni copy, direção visual e interações para apresentar o serviço, mostrar o ambiente e orientar uma conversa pelo WhatsApp.
Explorar as telas§ 01
Contexto
O Studio Pilates precisava de uma apresentação própria dentro do Complexo Costa Martins, em Quixeramobim, no Ceará. A página deveria explicar o serviço, mostrar o espaço e reunir informações práticas para quem quisesse conversar sobre as aulas.
Estrutura e layout foram as partes que mais exigiram planejamento. Organizei a leitura da apresentação do serviço às dúvidas e ao contato, com uma comunicação ligada à autonomia e aos movimentos do dia a dia.
§ 02
Decisões de UX/UI
01Fazer texto e composição trabalharem juntos
Relacionei os benefícios a situações cotidianas, como levantar da cadeira e carregar compras. Títulos apresentam a ideia, textos de apoio explicam e cards agrupam o conteúdo.
Usei o azul recebido no briefing, títulos em Cormorant Garamond e textos em Source Sans 3. A alternância de fundos e fotografias dá ritmo à página.
Introdução e início dos cards mostram a relação entre copy, hierarquia e composição; os cards continuam abaixo. - 02
Distribuir o conteúdo em painéis
Organizei quatro situações em um componente com abas e setas. O visitante pode alternar entre os temas, com título, explicação e fotografia em cada estado.
O registro selecionado mostra a orientação individual. Esse componente oferece aprofundamento dentro do mesmo bloco e mantém o caminho para conversar com o estúdio.
Um dos quatro estados do componente de situações, com seleção por abas e navegação por setas. - 03
Mostrar o ambiente com as fotos recebidas
Apliquei as fotografias do cliente no hero e em uma galeria em mosaico. A abertura destaca uma imagem vertical; a seção do estúdio permite explorar o espaço e os aparelhos.
As nove fotos também podem ser abertas em uma visualização ampliada, com legenda, navegação e fechamento. Meu trabalho foi organizar esses materiais na interface.
Início da galeria com fotografias do ambiente fornecidas pelo cliente; o restante segue abaixo. - 04
Deixar as dúvidas acessíveis por escolha
Organizei as perguntas em um FAQ que abre uma resposta por vez. A pessoa escolhe o que quer ler sem percorrer todas as explicações abertas.
A imagem mostra a resposta sobre dor. Primeira aula e valores aparecem como perguntas recolhidas, mas suas respostas ainda dependiam da validação do cliente na versão documentada.
Uma resposta aberta no FAQ. Primeira aula e valores continuam pendentes de validação na versão registrada. - 05
Reorganizar a página nas telas menores
No celular, título, explicação e CTA aparecem antes da fotografia do hero. Os blocos ficam empilhados, e a galeria passa a uma sequência vertical.
Na largura de tablet, os benefícios mantêm duas colunas. Ajustei a disposição dos conteúdos às larguras registradas, preservando a hierarquia e os caminhos de navegação.
Abertura em emulação de celular: título, explicação e CTA precedem a fotografia, que fica abaixo deste trecho.
§ 03
Construção com IA
Usei Lovable e ChatGPT na execução da LP, mantendo sob minha responsabilidade a estrutura, a copy, o design e a implementação.
- Da estrutura à navegação
- A página reúne navegação por âncoras, painéis de conteúdo, galeria ampliada, FAQ e links de WhatsApp.
- Tempo de execução
- Estimo cerca de duas horas e meia de trabalho. Esse tempo se refere à execução, com a validação editorial ainda pendente.
§ 04
SEO local
Trabalhei o serviço e a localização no conteúdo e na apresentação da página para busca e compartilhamento.
- Serviço e cidade
- Título e descrição específicos, URL canônica, hierarquia de títulos e metadados sociais ligados ao estúdio em Quixeramobim.
- Informações práticas
- Endereço, horários, contato e marcação LocalBusiness complementam a apresentação. Os CTAs orientam uma conversa para tirar dúvidas e consultar disponibilidade.
↳ Esses elementos documentam a implementação. Não há dados de indexação, tráfego, contatos ou matrículas para atribuir resultados à LP.
§ 05
Versão em validação
O registro de outubro de 2026 mostra a LP construída, com conteúdo, interações, fotos e caminhos de contato. Dados profissionais, retrato, início do atendimento, primeira aula e valores ainda dependiam do cliente.
Até a confirmação de 25 de outubro, eu ainda não havia recebido feedback. Este case apresenta o trabalho de estrutura e construção nesse estágio de validação.
§ 06
Telas
Versão registrada em 23/10/2026. Tablet e celular são emulações de viewport; as capturas preservam o estado editorial daquele momento.
Desktop · 03
Tablet · 03
Celular · 03
§ 07
Créditos
Matheus Barros: estratégia de apresentação, estrutura, copy, direção visual, UX/UI, SEO, construção e implantação. Themis reuniu as informações do serviço, conforme o briefing.
Logo e fotografias do ambiente fornecidos pelo cliente. A criação da marca e a produção fotográfica não integram minha autoria da LP.