Defining design standards and building digital products

Created company’s first digital design patterns, unifying the brand across web and mobile products for doctors and patients through clear visual standards and scalable components.

Contexto

Esta startup de saúde em estágio inicial tinha apenas um logotipo e uma paleta de cores, criados por uma agência de comunicação.

Não existia um padrão de design e o produto digital existente não transmitia o acolhimento que marca queria comunicar.

Desafio

Criar uma identidade visual que servisse para a criação de produtos digitais para diferentes públicos, gerando a mesma sensação de marca — enquanto reflete a missão de combinar confiança, tecnologia e cuidado.

Calorias

#CB5730

Carboidratos

#EBA870

Passos

#CFA68A

Exercícios

#638B10

Insulina

#6AB6B0

Sono

#3C5558

Água

#0F779B

Reuniões

#BBC0E5

Coração

#FF9A94

Processo de Design

I started by facilitating workshops with company leadership to define the core brand attributes we wanted to express through digital design.

Then, I conducted competitive benchmarking to analyze how healthcare brands positioned themselves visually across doctor- and patient-facing products.

Com base nessas descobertas, construí a fundação dos padrões de design, incluindo tokens de cor, escalas tipográficas, estrutura de componentes e diretrizes de acessibilidade.

Principais insights

Para o público médico, um tom tecnológico e confiável era esperado.
Para os pacientes, uma linguagem visual mais calorosa e acolhedora se destacou como um diferencial.

Resultados

Estabelecemos uma linguagem visual consistente de acordo com o público, independente do produto digital (App ou web).
Reduzimos atrito com a engenharia com a criação de uma biblioteca de componentes compartilhada, com a utilização de tokens, base para a construção de um design system.

Definindo padrões de design e construindo produtos digitais

Processo de criação dos padrões de design da empresa e construção de produtos digitais Web e App, para médicos e pacientes.

Contexto

Esta startup de saúde em estágio inicial tinha apenas um logotipo e uma paleta de cores, criados por uma agência de comunicação.

Não existia um padrão de design e o produto digital existente não transmitia o acolhimento que marca queria comunicar.

Desafio

Calorias

#CB5730

Carboidratos

#EBA870

Passos

#CFA68A

Exercícios

#638B10

Insulina

#6AB6B0

Sono

#3C5558

Água

#0F779B

Reuniões

#BBC0E5

Coração

#FF9A94

Processo de Design

Comecei facilitando workshops com a liderança da empresa para definir os atributos centrais da marca que queríamos expressar.

Em seguida, realizei uma análise comparativa para entender como as marcas concorrentes se posicionavam visualmente em produtos voltados para médicos e pacientes.

Com base nas descobertas, construí a fundação dos padrões de design, incluindo tokens de cor, escalas tipográficas, estrutura de componentes e diretrizes de acessibilidade.

Principais insights

Para o público médico, um tom tecnológico e confiável era esperado.
Para os pacientes, uma linguagem visual mais calorosa e acolhedora se destacou como um diferencial.

Resultados

Estabelecemos uma linguagem visual consistente de acordo com o público, independente do produto digital (App ou web).
Reduzimos atrito com a engenharia com a criação de uma biblioteca de componentes compartilhada, com a utilização de tokens, base para a construção de um design system.

Definindo padrões de design e construindo produtos digitais

Processo de criação dos padrões de design da empresa e construção de produtos digitais Web e App, para médicos e pacientes.

Contexto

Esta startup de saúde em estágio inicial tinha apenas um logotipo e uma paleta de cores, criados por uma agência de comunicação. Não existia um padrão de design e o produto digital existente não transmitia o acolhimento que marca queria comunicar.

Desafio

Calorias

#CB5730

Carboidratos

#EBA870

Passos

#CFA68A

Exercícios

#638B10

Insulina

#6AB6B0

Sono

#3C5558

Água

#0F779B

Reuniões

#BBC0E5

Coração

#FF9A94

Processo de Design

Comecei facilitando workshops com a liderança da empresa para definir os principais atributos da marca que queríamos expressar através do design digital. Em seguida, realizei uma análise competitiva para entender como as marcas de saúde se posicionavam visualmente em produtos voltados para médicos e pacientes.

Com base nessas descobertas, construí a fundação dos padrões de design, incluindo tokens de cor, escalas tipográficas, estrutura de componentes e diretrizes de acessibilidade.

Principais insights

Para o público médico, um tom tecnológico e confiável era esperado.
Para os pacientes, uma linguagem visual mais calorosa e acolhedora se destacou como um diferencial.

Resultados

Estabelecemos uma linguagem visual consistente de acordo com o público, independente do produto digital (App ou web).
Reduzimos atrito com a engenharia com a criação de uma biblioteca de componentes compartilhada, com a utilização de tokens, base para a construção de um design system.