Case 01 · Tempo Labs

Nova landing page da Tempo

Nova landing page para a Tempo, startup de criação de software com IA, de acordo com seu novo posicionamento de mercado

Empresa
Tempo
Ano
2025
Meu papel
Product Designer
Time
Só eu
O problema

A Tempo estava trocando o foco de desenvolvedores e fundadores para designers, e a landing page precisava contar essa nova história.

O resultado

Uma landing page que muda como as pessoas veem a marca e conta aos designers uma história clara: construa o código você mesmo, sem o handoff.

SaaS de IAB2B + B2CLanding page · computador

Visão geral

A Tempo é uma plataforma para criar software com IA. Ela junta prompts de texto com um editor visual. No começo, atraía principalmente desenvolvedores e novos fundadores. Mas precisávamos mudar. Queríamos falar diretamente com designers. O objetivo era simples: acabar com o sofrimento de passar arquivos do Figma para os desenvolvedores. Queríamos uma linha reta do design ao código final.

Landing page da Tempo: visão geral

Pesquisa e estratégia

Não abri o Figma logo de cara. Primeiro, olhei os concorrentes e analisei cada seção e o storytelling que eles construíam. Também usei ferramentas como o SimilarWeb para ver o tráfego e a taxa de rejeição deles. Eu queria entender o que chamava a atenção das pessoas no mercado de IA.

Eu não queria reinventar a roda. Só queria descobrir o que funcionava para outras marcas.

Depois, usei esses aprendizados para dar forma à nossa página.

Landing page da Tempo: pesquisa e estratégia

Design visual e UI

Designers são um público difícil de agradar visualmente. A página tinha que ficar linda. Mantive a identidade central da marca Tempo, mas acrescentei um novo jogo de luzes e gradientes e algumas imagens novas, alinhadas à marca, que criei com IA.

Isso deu à página um ar futurista. Também caprichei nas animações: títulos em movimento e cursores atravessando a tela, igualzinho a pessoas trabalhando juntas no Figma.

Também fiz questão de mostrar todo o nosso conjunto de ferramentas: o criador de design systems, o plugin para Figma e a biblioteca de MCP.

Landing page da Tempo: design visual e UI

O processo

A base desta página veio de experiência real. Nós realmente usamos o nosso próprio produto: construímos projetos reais para clientes com a Tempo. Fizemos várias landing pages, produtos SaaS completos e sistemas complexos.

Isso nos ensinou exatamente do que os designers precisam e deu ao time uma visão compartilhada. Pegamos todo esse conhecimento prático e colocamos neste novo design.

Trabalhei com o CEO e com os outros designers para iterar a página o tempo todo. Esse conhecimento profundo do nosso próprio produto definiu o resultado final.

O resultado

A nova landing page faz exatamente o que precisávamos. Ela muda como as pessoas veem a marca e conta aos designers uma história clara: você não precisa mais lidar com o handoff confuso para os desenvolvedores. Pode construir o código você mesmo.

Como a Tempo sempre diz, e agora a nova landing page traduz:

Landing page da Tempo: o resultado

Protótipo no Figma

SEM SINALCarrega um protótipo interativo do Figma
Protótipo interativo
Próximo case · CH 02·2Promoções mais fáceis de encontrarSuperopa · +15% de adição ao carrinho · 90% de sucesso na busca

Vamos conversar.

Contratando para product design ou design engineering? Me mande um e-mail sobre a vaga.