MedicOn — Identidade Visual e Interface de Produto

Para ver o case completo, clique no link abaixo.

Product Naming e Geração de Logotipo

Escolha de cores

Tipografia Desktop e Mobile

Tipografia com as cores primária e secundária sobre diferentes fundos.

Botões

Icones para botões e formulários

Ícones

Imagem com diferentes tipos de formulários e gráficos

Formulários e Planilhas

  • Planilha “Tipos de Atendimento” — utilizado o gráfico Pie/ Pizza para separar os tipos de atendimento: particular ou por plano de saúde;
  • Planilha “Tipos de Pacientes” — também utilizado o gráfico pie ou pizza para determinar a quantidade de pacientes que retornam ou novos pacientes;
  • Planilha “Números de Atendimentos” — avalia a quantidade de atendimentos mensais através do aplicativo;
  • Planilha “Relação de Pacientes” — determina se o paciente se enquadra no gênero feminino ou masculino.
Fotografias e ilustrações utilizadas no produto
Tags, Cards e elementos que foram utilizados para a composição da Interface Visual do aplicativo MedicOn.
Elementos que compõem a Interface do Produto

Wireframes

Wireframe ou Protótipo de Média Fidelidade com Fuxo do Usuário para o aplicativo MedicOn.
Wireframe do Aplicativo MedicOn

Protótipo de Alta Fidelidade

  • mensagens de permissões entregues aos poucos, como mandam as boas práticas em design de experiência do usuário;
  • telas com Empty States (ou estados vazios) para usuários de primeira viagem;
  • Mensagem do sistema, toda vez que o usuário entrar no aplicativo, informando algo importante;
  • Menu flutuante para acesso aos dados do usuário;
  • Footer com cada seção do aplicativo podendo ser acessada de qualquer tela;
  • e um botão principal para agendamento, facilitando a jornada do usuário e definindo o Golden Path (que irei mostrar em seguida).
Protótipo de Alta Fidelidade do Aplicativo com o Fluxo de Usuário feito no Figma
Protótipo de Alta Fidelidade do Aplicativo MedicOn juntamente do Fluxo de Usuário.

Golden Path

Teste de Usabilidade para definição de Golden Path

VERSÃO ANTIGA

Conclusões

Sobre mim

--

--

--

UX-UI & Product Designer

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Mario Koller

Mario Koller

UX-UI & Product Designer

More from Medium

UX Case Study: Utopicode platform

With images, you can understand these updates faster. Let’s dig deeper.

Case Study: Peeled Orange, UX/UI Design of a responsive online magazine

Adding ‘User Reviews’ feature to Netflix iOS app