Para desenvolvimento do Brotar o processo foi estabelecido em quatro etapas. A pesquisa de mercado, de quem são os usuários e do que eles precisam ou o que falta no mercado atualmente. Depois, a definição da estrutura do app, quem usa, como navega e o que vê em cada tela. Com a base criei o sistema visual, telas e ponderei decisões de design. E finalmente, e a entrega do design system documentado, componentes reutilizáveis e um protótipo funcional.

Para desenvolvimento do Brotar o processo foi estabelecido em quatro etapas. A pesquisa de mercado, de quem são os usuários e do que eles precisam ou o que falta no mercado atualmente. Depois, a definição da estrutura do app, quem usa, como navega e o que vê em cada tela. Com a base criei o sistema visual, telas e ponderei decisões de design. E finalmente, e a entrega do design system documentado, componentes reutilizáveis e um protótipo funcional.

Project image

O primeiro mapa mostra como as telas se conectam no app. Abaixo, destaco os três fluxos mais críticos: regar plantas, adicionar plantas e responder alertas, no nível de tarefa, mostrando o caminho mais curto possível em cada um.

3

Wireframes

Ideas iniciais:

A paleta foi construída em torno de tons orgânicos — verde musgo, creme e terracota — para transmitir a personalidade da marca: amigável, leve e próxima da natureza. A tipografia combina Inter para leitura funcional e Lora como fonte de destaque em títulos e momentos de marca.

A paleta foi construída em torno de tons orgânicos — verde musgo, creme e terracota — para transmitir a personalidade da marca: amigável, leve e próxima da natureza. A tipografia combina Inter para leitura funcional e Lora como fonte de destaque em títulos e momentos de marca.

Project image

Problema


Cuidar de plantas exige consistência, algo difícil na rotina acelerada de moradores urbanos. Sem um sistema de apoio, muitos acabam esquecendo de cuidar e perdendo suas plantas.

Público Alvo


Pessoas de 20 a 40 anos, moradoras de apartamentos ou casas, interessadas em bem-estar e natureza. Podem ser iniciantes ou entusiastas — o que têm em comum é a rotina agitada e a dificuldade de manter consistência nos cuidados.

Para desenvolvimento do Brotar o processo foi estabelecido em quatro etapas. A pesquisa de mercado, de quem são os usuários e do que eles precisam ou o que falta no mercado atualmente. Depois, a definição da estrutura do app, quem usa, como navega e o que vê em cada tela. Com a base criei o sistema visual, telas e ponderei decisões de design. E finalmente, e a entrega do design system documentado, componentes reutilizáveis e um protótipo funcional.

01

Pesquisa

✓
Análise de concorrentes
✓
Definição de público-alvo
✓
Personalidade e diferenciais
✓
Mapeamento de necessidades

A paleta foi construída em torno de tons orgânicos como verde musgo, creme e terracota para transmitir a personalidade da marca: amigável, leve e próxima da natureza. A tipografia combina Inter para leitura funcional e Lora como fonte de destaque em títulos e momentos de marca.

Design System

1

Processo de Design

2

Cores e tipografia

Para desenvolvimento do Brotar o processo foi estabelecido em quatro etapas. A pesquisa de mercado, de quem são os usuários e do que eles precisam ou o que falta no mercado atualmente. Depois, a definição da estrutura do app, quem usa, como navega e o que vê em cada tela. Com a base criei o sistema visual, telas e ponderei decisões de design. E finalmente, e a entrega do design system documentado, componentes reutilizáveis e um protótipo funcional.

1

Pesquisa

Análise de concorrentes

Definição de público-alvo

Personalidade e diferenciais

Mapeamento de necessidades

1

Definição

Declaração do problema

Personas de usuário

User flow e task flows

Arquitetura de informação

1

Design

Sistema de cores orgânico

Escala de urgência

Wireframes de alta fidelidade

Iterações antes/depois

1

Entrega

Design system completo

Biblioteca de componentes

Protótipo interativo

Aa

Aa

A paleta foi construída em torno de tons orgânicos — verde musgo, creme e terracota — para transmitir a personalidade da marca: amigável, leve e próxima da natureza. A tipografia combina Inter para leitura funcional e Lora como fonte de destaque em títulos e momentos de marca.

3

Pesquisa e concorrentes

Para entender o mercado, analisei quatro concorrentes diretos: Planta, Vera, Blossom e Greg. Todos investem pesado em identificação de espécies e diagnóstico de problemas, com onboarding longo e funcionalidades extras como comunidade, gamificação e loja integrada. Isso atende bem entusiastas que já conhecem suas plantas, mas cria fricção para quem só precisa de consistência no dia a dia. Essa foi a lacuna que guiou o Brotar: em vez de mais uma ferramenta de identificação, um sistema de apoio à rotina — simples, direto e pensado para quem esquece de cuidar não por falta de conhecimento, mas por falta de tempo e estrutura.

3

Userflows

Greg

Dados e informações em barras de progresso, comunidade com placar/leaderboard. Mas: é divertido, no entanto adiciona complexidade social desnecessária pra quem só quer uma rotina simples. Vários lembretes básicos estão trancados por assinatura paga.

Planta

Diagnóstico das plantas feito por IA, medidor de luz e diário de crescimento bem completos. Mas: onboarding longo e pesado, pede localização, tipo de luz e ambiente antes mesmo de começar a usar.

Blossom

Identificação e diagnóstico de doenças bem detalhados, além do conteúdo educacional. Mas: Parece ter mais intenção de ser uma enciclopédia de plantas do que um assistente de rotina diária.

Planta

Diário afetivo de cuidado, com fotos e registro de atividades. Mas: funciona mais como um registro passivo do que como um sistema que constrói rotina de fato.

Project image

Mapeei as telas principais e como o usuário navega entre elas:

Iterações finais:

Brotar

Brotar é um app de cuidado com plantas que ajuda moradores urbanos a manter uma rotina de cuidados simples e consistente. Desenvolvido como projeto de portfólio, cobrindo identidade visual, UX/UI design e design system completo.

O que eu fiz:

Identidade da marca • UI/UX design • Design system • Logo

Design

Identidade da marca • UI/UX design • Design system • Logo Design

Ano

2025

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