Product Design · UI/UX · Web

Napkinn

Landing page para a Napkinn, empresa de tecnologia em saúde, com conteúdo, interface responsiva, front-end e guia de estilos.

Ano
2020
Serviço
UI/UX Design, Web, Front-end
Solução
Landing page
Indústria
Saúde
Desafio
Apresentar as soluções de saúde da Napkinn em uma página com comunicação clara e humana.
Escolha central
Desenvolver conteúdo, interface e front-end em conjunto, mantendo o cuidado com as pessoas como referência.
Entrega
Landing page responsiva, ilustrações, iconografia e guia de estilos para a entrega técnica.
Landing page da Napkinn em destaque

Contexto

Tecnologia em saúde que precisava ser apresentada

A Napkinn desenvolve soluções para o relacionamento entre operadoras de saúde e consumidores, com análise de impacto financeiro e gestão de sinistralidade. A empresa precisava de uma landing page para apresentar essa atuação e suas soluções.

A participação da Auclan Design conectou redação, design de interface e desenvolvimento front-end em colaboração com a equipe Napkinn.

Desafio

Explicar a solução sem perder o cuidado com as pessoas

A comunicação precisava apresentar o caráter tecnológico da empresa e tornar suas soluções compreensíveis. O cuidado com as pessoas, um valor da Napkinn, orientou o tom da página.

O desafio foi reunir as informações sobre Napkinn App e Napkinn Saúde em uma apresentação clara, com conteúdo e interface pensados em conjunto.

Decisão de projeto

Conectar o que a página diz ao que ela mostra

Em diálogo contínuo com a equipe Napkinn, desenvolvemos a redação, a interface e o front-end da landing page. Trabalhar essas frentes em conjunto permitiu tratar a apresentação das soluções como uma mesma experiência.

A direção visual minimalista mantém o foco nas informações. Ilustrações exclusivas e iconografia personalizada compõem a linguagem da página e dão forma visual ao conteúdo.

Tela do site Napkinn em desktop

Linguagem visual

Elementos próprios para uma apresentação consistente

As ilustrações e os ícones foram criados para o projeto e alinhados à marca Napkinn. O conjunto acompanha a apresentação das soluções e mantém uma linguagem comum entre os diferentes trechos da interface.

Ilustrações exclusivas Napkinn
01Ilustrações criadas para a apresentação das soluções Napkinn.
Iconografia personalizada Napkinn
02Iconografia personalizada e alinhada à identidade visual da marca.
Detalhes da interface NapkinnComposição da identidade Napkinn

Aplicação

A mesma apresentação em diferentes telas

A landing page foi desenvolvida de forma responsiva para acesso por celular e desktop. O projeto contempla a adaptação da interface às diferentes larguras de tela, mantendo conteúdo e linguagem visual.

Landing page Napkinn em versão mobile

Entrega

Interface, implementação e padrões documentados

A entrega reuniu a landing page responsiva, redação, ilustrações, iconografia e front-end. Um guia de estilos registrou os padrões de design do projeto e apoiou a passagem dos materiais para a equipe Napkinn.

Guia de estilos do projeto Napkinn

Sua solução precisa ser mais clara para quem usa?

Iniciar um projeto
Necessários

Armazena sua escolha de privacidade neste navegador.