MEDSQUARE V.2
APP – WEBSITE
MEDSQUARE/Wintime

DESAFIO

Criar website e modificar o layout do aplicativo MedSquare para a versão dois.
Fazer com que o design e a usabilidade fossem consistentes com a identidade visual e a navegabilidade portátil.

SOLUÇÃO

Criar identidade moderna e fluída, modificar a navegação do aplicativo de acordo com princípios aestésicos, remover redundâncias e inconsistências, orientar a ação do usuário em sequência intuitiva.
Criar website de acordo com a identidade criada para o aplicativo, simplificando os processos através de navegação vertical.
IDENTIDADE VISUAL
REMOÇÃO DE INCONSISTÊNCIAS - UI / UX
APROVAÇÃO

RESULTADO

Confira abaixo o resultado do desenvolvimento das soluções utilizadas neste projeto:

O APP

MedSquare V.2.0

Algumas telas do aplicativo MedSquare V 2.0. Disponível para IOS e Android, em smartphones e tablets.

  • slide image
  • slide image
  • slide image
  • slide image
  • slide image
  • slide image
  • slide image
  • slide image
  • slide image
  • slide image
  • slide image
  • slide image
  • slide image
  • slide image
  • slide image
  • slide image
  • slide image
  • slide image
  • slide image
  • slide image
  • slide image
  • slide image
  • slide image
  • slide image
  • slide image
  • slide image
  • slide image
Medsquare

O WEBSITE

Visite o website no endereço www.medsquare.com.br de seu computador, tablet ou smartphone.

Related Projects
#contact-form-5dee9b8e5282c .text-input, #contact-form-5dee9b8e5282c .mk-textarea, #contact-form-5dee9b8e5282c .mk-button{ border-color:#fff; } #contact-form-5dee9b8e5282c .text-input, #contact-form-5dee9b8e5282c .mk-textarea{ color:#fff; } #contact-form-5dee9b8e5282c .text-input::-webkit-input-placeholder, #contact-form-5dee9b8e5282c .mk-textarea::-webkit-input-placeholder, #contact-form-5dee9b8e5282c .text-input:-moz-placeholder, #contact-form-5dee9b8e5282c .mk-textarea:-moz-placeholder, #contact-form-5dee9b8e5282c .text-input::-moz-placeholder, #contact-form-5dee9b8e5282c .mk-textarea::-moz-placeholder, #contact-form-5dee9b8e5282c .text-input:-ms-input-placeholder, #contact-form-5dee9b8e5282c .mk-textarea:-ms-input-placeholder{ color:#fff; } #contact-form-5dee9b8e5282c .mk-button{ color:#fff !important; } #contact-form-5dee9b8e5282c .mk-button:hover{ background-color:#fff; color:#333 !important; } #contact-form-5dee9b8e5282c .captcha-change-image { color:#fff; }