Web Development
ONLY4U Pharma
Função
Idealização e desenvolvimento de uma aplicação web responsiva com questionário interativo para criar protocolos personalizados de suplementos alimentares manipulados, possibilitando também a venda desses produtos.
Data
Jan. 2025
Empresa
ONLY4U Pharma
Pesquisa de Contexto
O setor de farmácias de manipulação no Brasil movimentou aproximadamente R$ 11,3 bilhões em 2023, com um crescimento acumulado de 17,1% entre 2019 e 2023, desempenho superior ao PIB nacional no mesmo período. Com cerca de 8.700 unidades ativas, o segmento se destaca pela entrega de tratamentos personalizados, voltados a um público que valoriza saúde preventiva e bem-estar. Além do impacto econômico, o setor também tem forte relevância social, empregando mais de 65 mil profissionais com carteira assinada, sendo quase 80% mulheres, refletindo uma cadeia produtiva inclusiva e especializada.
11
de faturamento anual do setor de farmácias de manipulação.
Data Source: Anfarmag
17
de crescimento acumulado no período 2019/2023, acima da média da economia nacional.
Data Source: Anfarmag
65
de trabalhadores do setor, sendo 78,7% mulheres.
Data Source: Anfarmag
II.
Sobre o Projeto
A Only4U Pharma é uma aplicação que oferece protocolos personalizados de saúde e bem-estar com base nas respostas de um questionário rápido e intuitivo.
Além de permitir a compra online das fórmulas manipuladas recomendadas, a plataforma conta com um painel de controle completo, onde o usuário pode acompanhar os últimos protocolos, visualizar e gerenciar os pedidos, acessar o suporte e configurar preferências.
O objetivo é unir conveniência, personalização e acompanhamento contínuo para proporcionar uma experiência prática e segura.
III.
Paleta de cores
Prata
#C0C0C0
Evoca sofisticação e elegância, sendo associada a luxo e exclusividade. Sua tonalidade neutra transmite modernidade e discrição, reforçando a percepção de qualidade premium. É utilizada como cor primária para criar uma estética refinada e minimalista, destacando elementos essenciais da interface.
Preto
#141414
Representa poder, mistério e exclusividade. Esse tom escuro oferece alto contraste com a cor prata, criando uma identidade visual marcante e elegante. Ideal para transmitir seriedade e requinte, serve de base para um design minimalista que valoriza o detalhe e o acabamento.
IV.
Tipografia
A fonte escolhida foi a Ekster, uma tipografia moderna sem serifa, que combina linhas elegantes e proporções equilibradas para transmitir sofisticação e clareza. Seu design limpo e contemporâneo é ideal para projetos minimalistas, reforçando a sensação de exclusividade e luxo. Versátil, adapta-se tanto a títulos de impacto quanto a textos de leitura contínua, garantindo consistência e identidade visual premium em toda a interface.
Ekster
Heading
Body
Heading H1
Black / 48px
XL
Regular / 18px
Heading H2
Black / 40px
L
Regular / 16px
Heading H3
Bold / 34px
M
Regular / 14px
Heading H4
Semi bold/ 28px
S
Regular / 12px
Heading H5
Medium / 24px
XS
Medium / 10px
Ekster
Heading
Body
Heading H1
Black / 48px
XL
Regular / 18px
Heading H2
black / 40px
L
Regular / 16px
Heading H3
Bold / 34px
M
Regular / 14px
Heading H4
Semi bold / 28px
S
Regular / 12px
Heading H5
Semi bold / 24px
XS
Medium / 10px
Ekster
Heading
Heading H1
Black / 48px
Heading H2
Black / 40px
Heading H3
Bold / 34px
Heading H4
Semi bold / 28px
Heading H5
Semi bold / 24px
Body
XL
Regular / 18px
L
Regular / 16px
M
Regular / 14px
S
Regular / 12px
XS
Medium / 10px
V.
Desktop
Após a pesquisa e aprovação das diretrizes visuais, iniciei o desenvolvimento do layout para desktop, assegurando uma experiência rica e envolvente para telas maiores. Cada página foi projetada com atenção aos detalhes gráficos e funcionais, visando oferecer uma navegação intuitiva e visualmente atraente.
VI.
Mobile
Com a base de design para versão desktop definida, adaptei o layout para dispositivos móveis, garantindo que a experiência do usuário fosse otimizada para telas menores. Cada elemento foi ajustado para manter a usabilidade e a estética em diferentes resoluções e formatos, proporcionando uma navegação fluida e intuitiva.
VI.
Mobile
Com a base de design para versão desktop definida, adaptei o layout para dispositivos móveis, garantindo que a experiência do usuário fosse otimizada para telas menores. Cada elemento foi ajustado para manter a usabilidade e a estética em diferentes resoluções e formatos, proporcionando uma navegação fluida e intuitiva.
