Diagrad

Diagrad é uma empresa especializada em telerradiologia premium, e realiza laudos a distância para exames de imagem. Tem como principal objetivo oferecer a melhor experiência em serviços radiológicos, entregando laudos com qualidade e rapidez a todas as regiões do Brasil.

Os últimos anos mostram um interesse crescente dos profissionais e das partes interessadas em estabelecer experimentos criativos e em buscar soluções inovadoras, ajudando os médicos a aproveitar as vantagens da tecnologia para salvar vidas, melhorando e acelerando a assistência médica.

Em 2009, a cada 1 milhão de brasileiros há uma média de 40 equipamentos de raio-X.

Briefing
Criação de website com visão única e confiável do serviço de telerradiologia para os potenciais clientes e agregar conteúdos relevantes para interessados no ramo de telerradiologia. O site deve possibilitar autonomia na edição do conteúdo pelo cliente, com visual moderno que converse com os valores da empresa que são: crescimento, tecnologia e modernidade, com um discurso claro para seus clientes.​



Personas

Depois de algumas reuniões com o cliente, chegamos ao seu público alvo principal: homens e mulheres, entre 30 e 50 anos com formação superior e que trabalham em hospitais e clínicas médicas. A partir da conclusão de focar no mercado B2B e junto aos dados coletados em entrevistas com stakeholders, definimos personas para nos ajudar a criar um elo entre os envolvidos no projeto e os usuários em potencial com quem estamos/queremos falar e quais são suas necessidades. 

Após entender melhor o problema e fazer a conexão com as personas criadas, partimos para definir a Jornada do Usuário. Essa técnica tem o objetivo de entender de fato as dores, percepções e desejos do usuário e como ele utilizaria a solução no seu dia a dia.




Sitemap

O sitemap visa tornar o site visível como um todo e fornece orientação geral para onde o usuário pode ir, e adicionamos nele algumas descrições  para nos guiar na criação do wireframe e no design da interface. 

A partir do conteúdo enviado pelo cliente projetamos uma estrutura de navegação para valorizar o tempo do usuário. Conseguimos criar uma visão clara da hierarquia da navegação com um sitemap mostrando quais páginas devem se relacionar entre si e com algumas descrições para nos guiar na criação do wireframe e da interface.

Rabiscos e wireframe ​
O desenvolvimento do wireframe de baixa fidelidade permite a visualização prévia do site com agilidade, facilitando a compreensão da seqüência ideal do conteúdo. Para gerar documentação desse processo para a equipe e cliente, foi criado o wireframe para melhor visualização do fluxo bem como os botões de conversão, que seguem o caminho correto. 

Navegue pelo protótipo

Paleta de cores e tipografia

A harmonia aqui é fundamental, é por onde o usuário irá ter a seu primeiro sentimento sobre o produto, além de um bom fluxo de navegação, as cores e fontes auxiliam na transmissão das tarefas e ações possíveis em cada página para o usuário. Os ícones são parte fundamental da interação dos usuários reforçando visualmente alguma informação que o site apresenta, sobretudo guiar o usuário na busca pela informação.

Por esta razão, o estilo clean foi utilizado em todo layout, de modo que a combinação de elementos transmite harmonia e com cores que remetem a medicina e tecnologia.


Iconografia

Os ícones são parte fundamental da interação dos usuários reforçando visualmente alguma informação que o site apresenta, sobretudo guiar o usuário na busca pela informação.​