{"id":4727,"date":"2024-03-06T13:41:18","date_gmt":"2024-03-06T13:41:18","guid":{"rendered":"https:\/\/www.wygroup.net\/?post_type=portfolio&p=4727"},"modified":"2024-04-08T09:45:47","modified_gmt":"2024-04-08T09:45:47","slug":"autodigital-portefolio-wygroup","status":"publish","type":"portfolio","link":"https:\/\/www.wygroup.net\/pt-pt\/portfolio\/autodigital-portefolio-wygroup\/","title":{"rendered":"Autodigital"},"content":{"rendered":"\n
\n
\n
\"\"<\/figure>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n

<\/p>\n\n\n\n

\n
\n

Objetivo<\/h2>\n\n\n\n

Seguindo a sua miss\u00e3o de simplificar os seus produtos e criar uma experi\u00eancia diferenciada para o cliente, a ok! seguros desafiou-nos a melhorar a sua aplica\u00e7\u00e3o fotogr\u00e1fica de inspe\u00e7\u00e3o autom\u00f3vel existente e a adicionar uma nova experi\u00eancia de realidade aumentada. O objetivo era criar uma aplica\u00e7\u00e3o com experi\u00eancia e interface de utilizador integradas, poupando tempo aos utilizadores e dando-lhes mais autonomia na gest\u00e3o de inspe\u00e7\u00f5es autom\u00f3veis e relat\u00f3rios de acidentes.<\/p>\n<\/div>\n<\/div><\/div>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

\n
\n

Pesquisa e desenvolvimento de conceito<\/h2>\n\n\n\n

Para projetar a interface da nova experi\u00eancia de realidade aumentada, concentramo-nos na pesquisa de interfaces de utilizador tradicionais e outras aplica\u00e7\u00f5es que utilizam este tipo de tecnologia. Para definir o conceito da interface, estudamos como apresentar informa\u00e7\u00f5es num ambiente 3D e como orientar e informar o utilizador sobre a localiza\u00e7\u00e3o, progresso e escala dos elementos. Uma sensa\u00e7\u00e3o tecnol\u00f3gica e de gamifica\u00e7\u00e3o tornaria a experi\u00eancia de realidade aumentada mais reconhec\u00edvel e adicionaria uma sensa\u00e7\u00e3o de realiza\u00e7\u00e3o da perspetiva do utilizador. Desenvolvemos e analisamos diferentes silhuetas de ve\u00edculos utilizando o Origami Studio para a funcionalidade da inspe\u00e7\u00e3o fotogr\u00e1fica. O principal desafio foi encontrar um design que fosse compat\u00edvel com diferentes tipos e tamanhos de ve\u00edculos. Depois de investigar, prototipar e testar, conseguimos chegar \u00e0 solu\u00e7\u00e3o ideal.<\/p>\n<\/div>\n\n\n\n

<\/p>\n<\/div><\/div>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

\n
\n

Guia de estilo da interface<\/h2>\n\n\n\n

Ap\u00f3s compreender e definir o conceito da experi\u00eancia, criamos o guia de estilo da interface. Este guia incluiu todos os elementos de navega\u00e7\u00e3o da aplica\u00e7\u00e3o, tais como bot\u00f5es, pop-ups, iconografia e ilustra\u00e7\u00f5es animadas.<\/p>\n<\/div>\n<\/div><\/div>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n
\n
\n

Itera\u00e7\u00e3o de fluxos e orienta\u00e7\u00e3o ao utilizador<\/h2>\n\n\n\n

Utilizando o guia de estilo de interface, come\u00e7amos a criar esbo\u00e7os e a iterar os fluxos de inspe\u00e7\u00e3o de v\u00eddeo e fotografias.
Como uma experi\u00eancia digital singular, tivemos que simplificar a complexidade do processo de inspe\u00e7\u00e3o, tornando-o intuitivo, acess\u00edvel e f\u00e1cil de usar. Para orientar o utilizador atrav\u00e9s da experi\u00eancia, utilizamos microanima\u00e7\u00f5es e indica\u00e7\u00f5es visuais. Desta forma, pudemos contextualizar os utilizadores e explicar com precis\u00e3o cada etapa do processo.
Os testes de v\u00eddeo, realizados em estreita colabora\u00e7\u00e3o com a equipa de desenvolvimento para a experi\u00eancia de realidade aumentada, ajudaram-nos a compreender as fraquezas dos utilizadores e as oportunidades de melhoria.<\/p>\n<\/div>\n<\/div><\/div>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n
\n
\n

Desenhar uma interface de chat amig\u00e1vel<\/h2>\n\n\n\n

Desenvolvemos uma nova funcionalidade onde os utilizadores podem reportar um acidente de carro diretamente na aplica\u00e7\u00e3o. Transform\u00e1mos o formul\u00e1rio de reclama\u00e7\u00e3o gen\u00e9rico numa interface de chat human\u00f3ide que simplifica a experi\u00eancia e orienta o utilizador pelas informa\u00e7\u00f5es necess\u00e1rias, tornando-a mais amig\u00e1vel.<\/p>\n<\/div>\n<\/div><\/div>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n
\n
\n

Adaptar e desenhar uma apar\u00eancia neutra<\/h2>\n\n\n\n

Em linha com o prop\u00f3sito da Via Directa de criar um produto que pudesse ser utilizado por v\u00e1rias seguradoras, desenvolvemos uma biblioteca personalizada para o visual da aplica\u00e7\u00e3o. Assim, uma interface mais vers\u00e1til permite que cada empresa integre a sua marca na aplica\u00e7\u00e3o.<\/p>\n<\/div>\n<\/div><\/div>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n
\n


\u200e
\u200e
\u200e<\/p>\n<\/div><\/div>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/div><\/div>\n\n\n\n

<\/p>\n\n\n\n

<\/div><\/div>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

Objetivo Seguindo a sua miss\u00e3o de simplificar os seus produtos e criar uma experi\u00eancia diferenciada para o cliente, a ok! seguros desafiou-nos a melhorar a sua aplica\u00e7\u00e3o fotogr\u00e1fica de inspe\u00e7\u00e3o autom\u00f3vel existente e a adicionar uma nova experi\u00eancia de realidade aumentada. O objetivo era criar uma aplica\u00e7\u00e3o com experi\u00eancia e interface de utilizador integradas, poupando […]<\/p>\n","protected":false},"featured_media":0,"template":"","class_list":["post-4727","portfolio","type-portfolio","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.wygroup.net\/pt-pt\/wp-json\/wp\/v2\/portfolio\/4727","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wygroup.net\/pt-pt\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/www.wygroup.net\/pt-pt\/wp-json\/wp\/v2\/types\/portfolio"}],"wp:attachment":[{"href":"https:\/\/www.wygroup.net\/pt-pt\/wp-json\/wp\/v2\/media?parent=4727"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}