Nitra App
Rede social de bem-estar que conecta alimentação, movimento e comunidade, do posicionamento à interface.
Papel
Product & Visual Designer
Cliente
Design Lab — ProFigma
Ano
2025
Status
Em andamento
Telas do app. Projeto de Design Lab (conceitual). Alguns textos ainda são placeholder.
A Nitra nasceu como um projeto de Design Lab: um exercício de produto ponta a ponta, do posicionamento à interface. Sem cliente real, a liberdade foi usada para praticar o processo completo (estratégia de marca, arquitetura de informação, design system e UI) com o mesmo rigor de um produto de mercado.
Viver com mais saúde virou um quebra-cabeça de apps isolados: um para treino, outro para dieta, outro para meditação, cada um solitário e cheio de conteúdo genérico. O resultado é a desistência.
Para pessoas que querem viver com mais saúde mas estão cansadas de apps solitários, a Nitra é a rede social que conecta alimentação, movimento e comunidade na sua cidade.
Frase de posicionamento
Público: 25–45 anos, urbanos digitalmente ativos, em busca de saúde preventiva e de pertencimento. Trabalhei com duas personas: hipóteses de projeto, ainda a validar com pesquisa qualitativa.
Marina, 29
Quem é
Designer em startup, São Paulo. Corre esporadicamente e tenta cozinhar em casa, mas recorre ao delivery.
Dor
Cuidar da saúde virou um projeto paralelo complexo demais. Quer simplicidade sem abrir mão de profundidade, e se sente sozinha no processo.
Ricardo, 42
Quem é
Gerente comercial, duas filhas, sedentário há 5 anos. O médico alertou sobre colesterol e pré-diabetes.
Dor
Não sabe por onde começar e desconfia de conteúdo genérico.
Marca e produto foram desenhados juntos. Cada decisão respondeu a um atrito concreto do público.
Rede social, não mais um tracker
Problema
Apps de saúde são solitários e viram um “projeto paralelo” que se abandona.
Decisão
Posicionar a Nitra como rede social de bem-estar local: alimentação, movimento e comunidade num só lugar.
Porquê
Pertencimento e descoberta local sustentam a constância melhor que métricas isoladas.
Fundo bege, não branco clínico
Problema
Apps de fitness tendem a um branco frio e performático.
Decisão
Background bege rosado (#FFEFE6) com laranja vital como cor de ação.
Porquê
Calor e acolhimento traduzem o tom “próximo e motivador, sem ser coach de palco”.
Símbolo: flor hexagonal
Problema
Precisava de uma marca que falasse conexão e comunidade, sem clichê de fitness.
Decisão
Flor hexagonal: seis pétalas irradiando de um centro.
Porquê
Representa conexão, comunidade e crescimento orgânico, e escala bem como ícone.
Escopo do MVP
Fluxo principal: Splash → Onboarding → Login → Foto de perfil → Home/Feed. Navegação inferior: Home · Busca · Criar · Conectar · Favoritos.
- →Splash, onboarding (4 slides) e login.
- →Feed social com posts, stories, @menções e #hashtags.
- →Descoberta local de restaurantes.
- →Grupos por atividade.
- →Localização e clima.
Do Splash ao Feed
A interface traduz o posicionamento: acolhedora (fundo bege), energética (laranja nas ações) e social por padrão: grupos, descoberta local e feed no centro da experiência.
Protótipo navegável (em evolução).
Paleta
#FE6301
Laranja principal
#E75A01
Laranja escuro
#FFEFE6
Bege rosado
#0B2C13
Verde-escuro
#374957
Cinza neutro
#FFFFFF
Branco
Tipografia
Escala em Sora: 8 níveis, de H1-Display (68px) a Label (12px), cobrindo display, títulos, corpo e legendas.
Território de Marca
Um território visual quente e diverso: pessoas reais em atividades de bem-estar, cítricos e a dupla laranja/verde. A wordmark usa tipografia bold arredondada; o símbolo é uma flor hexagonal.
Direção de marca: território visual e wordmark.
Sistema de Ilustração
Para escalar as ilustrações com consistência, montei um playbook de prompts (estilo “flat orgânico”, paleta fixa e cenas mapeadas por uso no produto: yoga, meditação, delivery, verão). Isso permitiu gerar novas ilustrações com IA sem perder a identidade.
Yoga 
Meditação 
Delivery 
Pet-friendly 
Verão Sistema de ilustração flat, com cenas mapeadas por uso no produto.
Usei IA generativa para explorar o território visual e produzir ilustrações, sempre guiada por um playbook de prompts com paleta fixa, mantendo consistência entre os assets gerados.
Métricas-alvo propostas para o MVP (referências para validar, ainda não medidas):
> 30%
Retenção D7
> 3
Sessões/semana por ativo
> 20%
Cria post na 1ª semana
> 40
NPS pós-onboarding
Aprendizados
Posicionar antes de desenhar mudou tudo: definir “rede social de bem-estar local” (e não mais um tracker) deu critério para cada decisão de tela.
Marca como sistema: paleta, símbolo e um playbook de ilustração definidos cedo evitaram retrabalho e mantiveram a consistência, mesmo com IA gerando os assets.
O gap honesto: as personas ainda são hipóteses e as métricas são alvos. O próximo passo é validar com pesquisa e teste de usabilidade (Maze), não presumir que já validei.
Em constante evolução
Case em andamento: próximos passos são finalizar o Feed/Home, o protótipo navegável e um teste de usabilidade (Maze) para validar as hipóteses.