ok! seguros
Transformar a segurança com AR

Objetivo
Seguindo a sua missão de simplificar os seus produtos e criar uma experiência diferenciada para o cliente, a ok! seguros desafiou-nos a melhorar a sua aplicação fotográfica de inspeção automóvel existente e a adicionar uma nova experiência de realidade aumentada. O objetivo era criar uma aplicação com experiência e interface de utilizador integradas, poupando tempo aos utilizadores e dando-lhes mais autonomia na gestão de inspeções automóveis e relatórios de acidentes.

Pesquisa e desenvolvimento de conceito
Para projetar a interface da nova experiência de realidade aumentada, concentramo-nos na pesquisa de interfaces de utilizador tradicionais e outras aplicações que utilizam este tipo de tecnologia. Para definir o conceito da interface, estudamos como apresentar informações num ambiente 3D e como orientar e informar o utilizador sobre a localização, progresso e escala dos elementos. Uma sensação tecnológica e de gamificação tornaria a experiência de realidade aumentada mais reconhecível e adicionaria uma sensação de realização da perspetiva do utilizador. Desenvolvemos e analisamos diferentes silhuetas de veículos utilizando o Origami Studio para a funcionalidade da inspeção fotográfica. O principal desafio foi encontrar um design que fosse compatível com diferentes tipos e tamanhos de veículos. Depois de investigar, prototipar e testar, conseguimos chegar à solução ideal.

Guia de estilo da interface
Após compreender e definir o conceito da experiência, criamos o guia de estilo da interface. Este guia incluiu todos os elementos de navegação da aplicação, tais como botões, pop-ups, iconografia e ilustrações animadas.

Iteração de fluxos e orientação ao utilizador
Utilizando o guia de estilo de interface, começamos a criar esboços e a iterar os fluxos de inspeção de vídeo e fotografias.
Como uma experiência digital singular, tivemos que simplificar a complexidade do processo de inspeção, tornando-o intuitivo, acessível e fácil de usar. Para orientar o utilizador através da experiência, utilizamos microanimações e indicações visuais. Desta forma, pudemos contextualizar os utilizadores e explicar com precisão cada etapa do processo.
Os testes de vídeo, realizados em estreita colaboração com a equipa de desenvolvimento para a experiência de realidade aumentada, ajudaram-nos a compreender as fraquezas dos utilizadores e as oportunidades de melhoria.

Desenhar uma interface de chat amigável
Desenvolvemos uma nova funcionalidade onde os utilizadores podem reportar um acidente de carro diretamente na aplicação. Transformámos o formulário de reclamação genérico numa interface de chat humanóide que simplifica a experiência e orienta o utilizador pelas informações necessárias, tornando-a mais amigável.

Adaptar e desenhar uma aparência neutra
Em linha com o propósito da Via Directa de criar um produto que pudesse ser utilizado por várias seguradoras, desenvolvemos uma biblioteca personalizada para o visual da aplicação. Assim, uma interface mais versátil permite que cada empresa integre a sua marca na aplicação.

Ver Mais
Explora mais projetos que temos desenvolvido, e como temos contribuído para o sucesso dos nossos clientes.