Abertura cinematográfica: a interface entra em sequência sobre cortes de detalhes do couro.

Visão geral

Hideworks é um template escuro e cinematográfico para estofarias, oficinas de couro e especialistas em interiores automotivos. O dono da oficina compra, troca vídeos, fotos e serviços pela CMS e publica sozinho um site com cara de projeto sob medida.

Cada serviço se abre no hover e troca entre três cores de couro com um wipe em clip-path.

O desafio

O Marketplace do Framer é dominado por criadores com anos de casa e por templates de agência, SaaS e portfólio. O objetivo era lançar um produto para um público que ninguém atendia, sem abrir mão do nível dos líderes de vendas: acabamento, motion e facilidade de edição na mesma régua deles.

A pesquisa

Antes do primeiro pixel, cruzei dados de 343 templates pela API pública do Framer: categorias, preços e formatos de galeria. Nenhum atendia o setor automotivo. Os mesmos dados definiram o preço, a categoria e até o vídeo na capa do anúncio.

Reels verticais num Slideshow nativo, alimentados pela CMS.

O processo

Cada decisão amarrada a um critério.

  • Direção de arte séria e premium, em preto e oxblood
  • Mídia gerada com IA e dirigida como um ensaio: mãos, costuras e detalhes
  • Arquitetura de CMS em três coleções e dois code components próprios
  • Sistema de motion com uma única curva, auditado pelos princípios de Emil Kowalski, Jakub Krehel e Jhey Tompkins
  • Auditoria completa contra o checklist oficial de templates do Framer
Três coleções na CMS: vídeos, serviços e cases trocam sem mexer no layout.
A seção de carro zero fica fixa no scroll enquanto o rodapé sobe por cima.

O lançamento

Tratei o anúncio como parte do produto. Estudei as galerias dos 16 templates mais vendidos e segui o padrão deles: print grande e limpo sobre a textura do próprio template, vídeo de capa em 4:3, copy do anúncio, post para a comunidade e guia do comprador.

Vídeo de capa do anúncio, em 4:3: o hero real com a interface entrando como no site.
Galeria do anúncio, no padrão dos líderes de vendas.

O resultado

Um template pronto para o Marketplace, auditado contra o checklist oficial do Framer, responsivo de 360 a 1920 px, acessível e com suporte a reduzir movimento, apresentado no mesmo padrão dos líderes de vendas.

343

templates analisados na pesquisa de mercado

0

templates automotivos entre eles

16

líderes de vendas como régua de acabamento