Product Design · Desenvolvimento · UI/UX

Plataforma de Vendas Dental Uni

Redesign da experiência de contratação Dental Uni, com comparação de planos, simulador e checkout para pessoas físicas e jurídicas.

Serviço
UI/UX Design, Web, Front-end, Redesign
Desafio
Tornar a comparação e a contratação de planos odontológicos mais claras para diferentes públicos.
Escolha central
Conectar a apresentação dos planos ao simulador e organizar o checkout conforme as necessidades de pessoas físicas e jurídicas.
Entrega
Redesign da landing page e da esteira de compra, com interfaces responsivas e desenvolvimento front-end.
Dental Uni, ui 01

Contexto

Planos odontológicos em uma jornada digital

A Dental Uni oferece planos odontológicos para pessoas físicas e jurídicas. O projeto tratou da experiência de conhecer, comparar e contratar esses planos pelo site.

A Auclan Design chegou ao trabalho por intermédio da Napkinn, parceira comercial, e participou do redesign e do desenvolvimento front-end.

Dental Uni, ui 02

Desafio

Comparar os planos e seguir com a contratação

O site anterior apresentava dificuldades na comunicação dos planos e na jornada de compra sem a participação de um corretor. A revisão precisava conectar três etapas:

  • Apresentação das opções de planos.
  • Simulação e comparação para diferentes quantidades de beneficiários.
  • Preenchimento dos dados e continuidade até a etapa de pagamento.

Decisões de projeto

Duas frentes conectadas pela escolha do plano

Organizamos o trabalho entre a landing page de apresentação e a esteira de compra. O simulador permite comparar preços e procedimentos para um a quatro beneficiários e iniciar a contratação a partir da escolha.

O padrão de interface contempla pessoas físicas e jurídicas, com as particularidades de cada jornada. A adaptação para telas de celular também faz parte das duas frentes.

Apresentação e comparação dos planos

Landing page

Dental Uni, ui 03

Interface de apresentação

A comparação como apoio à escolha

A landing page reúne a apresentação dos planos e o simulador. Preços e procedimentos são colocados em comparação direta, com um caminho para dar continuidade à contratação.

Dental Uni, ui 04
01Simulador de planos com comparação de preços e procedimentos e acesso ao início da contratação.
Dental Uni, ui 06
Dental Uni, ui 05
Dental Uni, ui 07
02A apresentação dos planos também foi adaptada para telas de celular.

Etapas da contratação

Checkout

Dental Uni, ui 08

Interface de contratação

Da escolha do plano à etapa de pagamento

O redesign da esteira organiza os formulários de contratação em etapas, desde a escolha do plano e os dados necessários até o pagamento. A separação dos campos considera as necessidades técnicas da equipe de desenvolvimento e os requisitos regulatórios informados no briefing.

Dental Uni, ui 10
01Formulários e etapas organizados a partir das necessidades técnicas e dos requisitos de contratação informados no projeto.
Dental Uni, ui 11
Dental Uni, ui 09
Dental Uni, ui 10
02A esteira de contratação também recebeu versões responsivas.

Aplicação

Pessoas físicas e jurídicas no mesmo sistema visual

A análise do projeto identificou necessidades distintas para os dois públicos. As jornadas compartilham um padrão de design, com adaptações nos dados e nas etapas de contratação de cada perfil.

Dental Uni, ui 12
Dental Uni, ui 13
01Esteira de contratação para pessoa física.
Dental Uni, ui 14
02Esteira de contratação para pessoa jurídica.

Entrega

Apresentação e contratação com interfaces relacionadas

O trabalho reuniu redesign, interfaces responsivas e desenvolvimento front-end para a landing page e a esteira de compra. O conjunto apresentado inclui comparação de planos, simulação e os percursos de contratação para pessoas físicas e jurídicas.

Ficha Técnica

Time Auclan: Product Design, Desenvolvimento Front-end Cliente: Dental Uni

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

Iniciar um projeto
Necessários

Armazena sua escolha de privacidade neste navegador.