Overview
Diante do cenário pandêmico provocado pela COVID-19, muitas empresas aceleraram sua transformação digital, diversificando modelos e formatos de negócios até então inexistentes no meio digital. Nesse contexto de crescente digitalização, surgiram as experiências imersivas e tours virtuais como uma forma de manter espaços físicos próximos ao público.
Foi com essa premissa que, em 2020, nasceu o Vale Visitas Virtuais. O objetivo era comunicar, educar e aproximar o público através de uma experiência imersiva, criando uma relação positiva com o público-alvo da Vale.
Neste projeto, tive a oportunidade de aplicar e aprofundar conhecimentos em design de experiência, gamificação, motion design e ilustração, a fim de gerar uma jornada verdadeiramente enriquecedora.
_________________________________________________________________________________________________
💪 Equipe: Isabel Freitas, Humberto Malavasi
🛠️ Ferramentas: Adobe XD, Adobe After Effects, Adobe Illustrator, Script Lottie
📅 Duração do projeto: 6 meses
🎯Atividades: Wireframe, Benchmarking, Ilustração, Animação, Design de Interação e Gamificação.
🛠️ Ferramentas: Adobe XD, Adobe After Effects, Adobe Illustrator, Script Lottie
📅 Duração do projeto: 6 meses
🎯Atividades: Wireframe, Benchmarking, Ilustração, Animação, Design de Interação e Gamificação.
Kick-off & Definição do Desafio
Nosso primeiro contato com o projeto ocorreu na fase comercial, mas nossa imersão no mundo do Vale Visitas Virtuais começou de fato na reunião de Kick-off. Esse encontro foi primordial para compreendermos os touchpoints, metas, público-alvo, desafios, oportunidades, definição de escopo e metodologia.
Para este projeto, adotamos a metodologia Ágil, devido à sua abordagem flexível e de entrega contínua, com reuniões de acompanhamento semanais e diárias.
O principal desafio era criar um ambiente que simulasse um tour pelas operações da Vale em todo o Brasil, incluindo suas atividades socioambientais. Em relação ao público, deveríamos alcançar 90% das comunidades locais onde a Vale tem presença notória, além de 5% dos colaboradores da Vale e suas famílias.
Primeiros Wireframes e Gamificação
Com base nos requisitos, desafios e escopo do cliente, iniciamos a pesquisa semântica para buscar referências globais. Após montar um moodboard e com o conteúdo base levantado, criamos wireframes de baixa fidelidade, que foram posteriormente validados pelo cliente.
Os Wireframes de baixa fidelidade nos permitiram validar fluxos e funcionalidades essenciais para o projeto. Nesta fase, também realizamos a análise de gamificação, utilizando o framework Octalysis e o modelo 6D para identificar e ativar mecânicas que fossem interessantes e que evocassem comportamentos importantes na aplicação.
Protótipo, animações e microinterações
Com a etapa anterior validada pelas áreas internas da Vale através de reuniões de alinhamento, avançamos para o protótipo de alta fidelidade.
O protótipo foi desenvolvido no Adobe XD, enquanto as animações e microinterações foram criadas no After Effects, utilizando o script Lottie para exportação em formato SVG. O uso dessa tecnologia, em conjunto com o contato próximo com o desenvolvedor responsável, foi essencial para garantir a qualidade da entrega e a fluidez das animações.
Ilustrações e Experiência Gamificada
Uma das mecânicas mais importantes para a gamificação da plataforma foi a criação do avatar. De acordo com a navegação e o consumo de novos conteúdos, o usuário ganhava pontos que poderiam ser trocados por itens para estilizar seu avatar na lojinha virtual.
Para isso, foram realizadas mais de 100 variações de ilustrações, desde objetos a roupas, cenários e animais, tudo para garantir uma experiência divertida e acessível dentro da plataforma.
Todas as ilustrações eram baseadas no universo Vale: os cenários representavam operações reais e as roupas, uniformes. Os animais eram espécies encontradas em reservas protegidas pela Vale. Essa proximidade garantiu que as operações da empresa fossem conhecidas de forma sutil e efetiva, gravando na mente dos usuários a atuação da Vale em todo o território brasileiro.
Handoff
Após a aprovação do conteúdo, protótipo, ilustrações e animações, iniciamos o processo de handoff. Nesse projeto, a proximidade com o PO, PM e Desenvolvedor foi fundamental, sendo necessário entender e acompanhar de perto todo o processo de desenvolvimento, além da documentação.
O resultado é um portal que propõe conhecer a Vale virtualmente. O usuário consegue navegar pelas diversas frentes e projetos socioambientais da empresa, acessando tours 360°, áudios, vídeos e imagens.
Além da navegação, o portal oferece uma experiência gamificada com a coleta de tickets, que podem ser trocados por itens da lojinha virtual para personalizar o personagem. Este projeto representa um aprendizado significativo, tanto em termos de tecnologia quanto de impacto social.