Website personalizado para o App Caloriflix
Website
Website
ui design
ui design
framer
framer
lOCAL
Brasil 🇧🇷
duração
30 dias
ANO
2025
Website personalizado para o App Caloriflix
Website
ui design
framer
lOCAL
Brasil 🇧🇷
duração
30 dias
ANO
2025



sobre
sobre
Contexto:
O Caloriflix usa IA para tornar o registro de refeições simples e rápido. O app calcula calorias, define metas personalizadas e ajuda o usuário a acompanhar resultados de forma prática e intuitiva.
Desafio:
Criar um site que comunicasse com clareza a proposta do Caloriflix, apresentasse o funcionamento do app e reforçasse a identidade visual da marca, tudo orientado para conversão, com CTAs estratégicos para download.
Solução:
Desenvolvi uma página visualmente impactante. Usei interações e animações sutis para aumentar compreensão e engajamento, conduzindo o usuário de forma natural até o download do aplicativo. Além disso, desenvolvi um style guide completo, pensado para ajudar o produto a escalar para novas páginas no futuro e facilitar que o time aplicasse os estilos também no aplicativo.
Contexto:
O Caloriflix usa IA para tornar o registro de refeições simples e rápido. O app calcula calorias, define metas personalizadas e ajuda o usuário a acompanhar resultados de forma prática e intuitiva.
Desafio:
Criar um site que comunicasse com clareza a proposta do Caloriflix, apresentasse o funcionamento do app e reforçasse a identidade visual da marca, tudo orientado para conversão, com CTAs estratégicos para download.
Solução:
Desenvolvi uma página visualmente impactante. Usei interações e animações sutis para aumentar compreensão e engajamento, conduzindo o usuário de forma natural até o download do aplicativo. Além disso, desenvolvi um style guide completo, pensado para ajudar o produto a escalar para novas páginas no futuro e facilitar que o time aplicasse os estilos também no aplicativo.
Etapas do projeto
Etapas do projeto
o processo é a chave
01
DESCOBERTA
Definição do escopo, objetivos e entendimento do problema.
Briefing / pesquisas / Imersão
01
DESCOBERTA
Definição do escopo, objetivos e entendimento do problema.
Briefing / pesquisas / Imersão
01
DESCOBERTA
Definição do escopo, objetivos e entendimento do problema.
Briefing / pesquisas / Imersão
02
IDEAÇÃO
Geração de ideais e soluções estratégicas para o projeto.
Moodboard / Wireframe / Copy
02
IDEAÇÃO
Geração de ideais e soluções estratégicas para o projeto.
Moodboard / Wireframe / Copy
02
IDEAÇÃO
Geração de ideais e soluções estratégicas para o projeto.
Moodboard / Wireframe / Copy
03
PROTOTIPAÇÃO
Exploração detalhada nas cores, imagens, ilustrações e ícones.
Visual / Protótipo navegável / testes
03
PROTOTIPAÇÃO
Exploração detalhada nas cores, imagens, ilustrações e ícones.
Visual / Protótipo navegável / testes
03
PROTOTIPAÇÃO
Exploração detalhada nas cores, imagens, ilustrações e ícones.
Visual / Protótipo navegável / testes
04
Entrega
Organização, fechamento e apresentação do projeto.
documentação / Style guide / handoff
04
Entrega
Organização, fechamento e apresentação do projeto.
documentação / Style guide / handoff
04
Entrega
Organização, fechamento e apresentação do projeto.
documentação / Style guide / handoff
Design final
Design final







