Web Design
UX/UI

Salão Digital

anota ai

Aperfeiçoando a jornada do usuário da Anota AI em par com o lançamento do Salão Digital, um produto que expande sua base de clientes para novas direções.

Sobre o projeto

A Anota AI é uma startup focada em automação de delivery para restaurantes e está expandindo sua atuação para o atendimento em salão. Fui responsável por desenhar a página da nova funcionalidade e otimizar sua experiência para aumentar as conversões.

O objetivo era comunicar com clareza os benefícios da solução e facilitar a tomada de decisão do usuário. Trabalhei em parceria com a equipe de marketing para alinhar estratégia, conteúdo e design. Apesar dos desafios, o projeto trouxe resultados positivos e consolidou um novo posicionamento da marca.

Desafios

Formulário obrigatório como header

O uso obrigatório do formulário no topo da página limitava as possibilidades criativas e estratégicas do header. Essa rigidez visual deixava a experiência menos atrativa e podia intimidar usuários logo no primeiro contato. Como resultado, o engajamento com o conteúdo e a taxa de preenchimento eram comprometidos.

Limitações técnicas do time
Baixo engajamento dos usuários
Formulário obrigatório como header

O uso obrigatório do formulário no topo da página limitava as possibilidades criativas e estratégicas do header. Essa rigidez visual deixava a experiência menos atrativa e podia intimidar usuários logo no primeiro contato. Como resultado, o engajamento com o conteúdo e a taxa de preenchimento eram comprometidos.

Limitações técnicas do time
Baixo engajamento dos usuários
Formulário obrigatório como header

O uso obrigatório do formulário no topo da página limitava as possibilidades criativas e estratégicas do header. Essa rigidez visual deixava a experiência menos atrativa e podia intimidar usuários logo no primeiro contato. Como resultado, o engajamento com o conteúdo e a taxa de preenchimento eram comprometidos.

Limitações técnicas do time
Baixo engajamento dos usuários

Soluções

Reduzir o impacto visual do formulário

Desenvolvemos um header onde o formulário se integra visualmente com a imagem principal. Elementos visuais estratégicos foram usados para guiar o olhar do usuário e suavizar a percepção do formulário. Isso ajudou a tornar a experiência mais leve e acolhedora, incentivando a interação logo no início da jornada.

Design modular e fácil de editar
Header que guia a jornada do usuário
Reduzir o impacto visual do formulário

Desenvolvemos um header onde o formulário se integra visualmente com a imagem principal. Elementos visuais estratégicos foram usados para guiar o olhar do usuário e suavizar a percepção do formulário. Isso ajudou a tornar a experiência mais leve e acolhedora, incentivando a interação logo no início da jornada.

Design modular e fácil de editar
Header que guia a jornada do usuário
Reduzir o impacto visual do formulário

Desenvolvemos um header onde o formulário se integra visualmente com a imagem principal. Elementos visuais estratégicos foram usados para guiar o olhar do usuário e suavizar a percepção do formulário. Isso ajudou a tornar a experiência mais leve e acolhedora, incentivando a interação logo no início da jornada.

Design modular e fácil de editar
Header que guia a jornada do usuário

1. Research

Benchmarking

Antes de redesenhar a página, conduzi uma pesquisa de benchmarking com concorrentes diretos da Anota AI. O objetivo era entender como nossa comunicação se posicionava em relação ao mercado. Durante a análise, percebi que concorrentes estavam conseguindo explicar melhor seus produtos, com mensagens mais claras e focadas no valor para o usuário.

87%

dos usuários não passavam da primeira dobra do site
dos usuários não passavam da primeira dobra do site
dos usuários não passavam da primeira dobra do site

Esses insights nos mostraram que, para aumentar o engajamento e a conversão da nossa página, precisaríamos aprender com os seus acertos, ajustando nossa comunicação, estrutura e hierarquia de informações para refletir melhor os diferenciais da Anota AI.

Essa etapa foi essencial para alinhar o novo design com expectativas reais do mercado e dos usuários.

2. Ideation

Durante a fase de ideação, mantivemos alinhamentos semanais com os stakeholders do produto para garantir que as decisões de design estivessem conectadas aos objetivos do negócio. Nessas reuniões, discutimos fluxos e jornadas com base em protótipos de baixa fidelidade.

Cada feedback recebido era cuidadosamente considerado e aplicado em novas iterações. Esse processo colaborativo nos permitiu evoluir a solução de forma ágil e validada. Só após esse refinamento contínuo seguimos para a etapa de entrega do produto final.

Veja versões anteriores do projeto.

3. Design

Formulário Facilitado

O formulário foi redesenhado com foco em reduzir fricções e aumentar a taxa de conclusão.

Implementamos uma barra de progresso para indicar etapas e diminuir a sensação de esforço logo no início.

O banner do formulário foi pensado para destacar o produto durante o preenchimento e incluir uma prova social que reforça a confiança do usuário.

Features que fazem sentido

Organizamos as features com uma hierarquia visual clara, destacando os benefícios mais relevantes para a persona sem deixar de apresentar o conjunto completo de soluções da Anota AI.

Utilizamos cards padronizados para facilitar a leitura e também permitir escalabilidade na inclusão de novas funcionalidades no futuro.

Afirmando a marca

Destacamos o diferencial competitivo da Anota AI: sua presença nacional consolidada e o alto nível de satisfação de seus usuários.

Esses números foram acompanhados de depoimentos reais de clientes, retirados de fontes públicas, para trazer autenticidade à comunicação.

Ao combinar provas sociais e métricas relevantes, reforçamos a credibilidade da marca no momento em que o usuário está avaliando o produto.

Prevenindo erros

Para reduzir fricções no processo de venda, nos aproximamos da equipe comercial e identificamos as dúvidas mais recorrentes dos clientes.

A partir disso, criamos uma seção de FAQ estratégica, voltada a esclarecer esses pontos ainda durante a navegação, facilitando a conversão do lead.

Resultados

+300%

+300%

+300%

acessos além da primeira dobra

+72%

taxa de conversão

+30%

geração de leads SQL

Colabore comigo!

© 2025 Felipe Spohr

Colabore comigo!

© 2025 Felipe Spohr

Colabore comigo!

© 2025 Felipe Spohr

Create a free website with Framer, the website builder loved by startups, designers and agencies.