Da descoberta à entrega: como o time de design conduz projetos no Grupo OLX

Já imaginou estar começando a sua carreira e poder aprender na prática todo o processo de criação de um produto digital, desde a descoberta até a entrega? Parece um sonho, não é? Foi exatamente essa oportunidade que eu tive como jovem aprendiz no time de Design na Vertical de Imóveis, e vou compartilhar um pouco dessa experiência com você, dá uma olhada!

Mentoria essencial

Para iniciar o projeto, contei com o apoio crucial do mestre e designer especialista Thiago Nivolone. A cada etapa do processo, ele conduz uma aula teórica seguida de orientações práticas, auxiliando-me a aplicar o conhecimento adquirido.

Desafio

Tudo começa com dores e necessidades dos usuários, que nesse caso, vêm daqueles que buscam imóveis acessíveis financeiramente, livres dos altos juros do financiamento. Também consideramos pessoas sem histórico de crédito ou incapazes de comprovar renda.

Ao compreender as necessidades dos usuários, definimos o tema central para o desenvolvimento do projeto: a abordagem da Cooperativa Habitacional, uma alternativa inovadora ao método tradicional de aquisição de moradia, onde o foco não está nos lucros. Nesse modelo, os membros contribuem financeiramente para o empreendimento, desfrutando de custos mais acessíveis, compartilhados entre os participantes. Identificamos nessa abordagem uma oportunidade valiosa para atender às dores e necessidades dos nossos usuários, integrando-se harmoniosamente ao nosso contexto imobiliário.

Pesquisa

Além disso, é essencial dominar o assunto. Iniciamos, então, uma desk research, buscando o máximo de informações já disponíveis sobre o tema. O objetivo é compreender alguns pontos-chave: o que é uma cooperativa habitacional, como funciona, quem é o seu público-alvo e quais são os seus pontos positivos e negativos.

Arquitetura da informação

Depois de compreender o tema, avançamos para a parte prática. Utilizo o fluxograma para entender mais a fundo sobre os caminhos percorridos pela cooperativa habitacional. Analiso quais decisões são tomadas em cada etapa, desde a parte de identificação de terrenos com potencial para o empreendimento até a etapa de adesão e consequentemente compreender o percurso do associado. Dessa forma, o fluxo me auxilia na construção da arquitetura e do funcionamento do produto.

Jornada do usuário

Em seguida, estruturo a jornada do usuário, explorando tanto a perspectiva da cooperativa habitacional quanto a do associado, a fim de compreender os problemas e desafios enfrentados em cada etapa. Busco oportunidades para aliviar essas dificuldades, analisando as necessidades, ações e até mesmo o percurso do usuário ao realizar suas tarefas. Essa análise é crucial para orientar o design da interface, com o objetivo não apenas de criar um visual atraente, mas principalmente de solucionar problemas reais.

Benchmark

Agora com um entendimento mais aprofundado e um objetivo claro, inicio a busca por referências relacionadas. Exploro outros sites de cooperativas habitacionais e referências de diferentes segmentos que considero valiosas para enriquecer nossa solução visual.

Para organizar as informações, crio uma tabela listando todas as funções presentes na página inicial de sites de cooperativas e realizo uma análise para identificar o que é essencial ter em uma página inicial nesse nicho específico.

Wireframe

Na fase de wireframe, iniciamos a introdução de elementos visuais usando formas simples e tons de cinza. Seguimos uma hierarquia de informações, fundamentada nas referências revisadas anteriormente. Em seguida, evoluo para uma abordagem mais sólida, empregando o auto layout e adicionando detalhes que se aproximam do protótipo de alta fidelidade.

Style Guide

Agora, com a estrutura estabelecida, começo a definir as cores, optando pelas cores da marca Zap Imóveis e suas variações. Além disso, escolho cores neutras destinadas para textos e background.

A tipografia escolhida é a Roboto, com tamanhos e pesos desenvolvidos através de uma Escala Modular, proporcionando uma definição harmoniosa com base em um tamanho padrão de 16px.

Adoto tamanhos de grids específicos para assegurar que a interface seja responsiva em todos os dispositivos, evitando perda de informações em diferentes tamanhos de tela.

E por fim, desenvolvo componentes para uso contínuo, visando maior agilidade.

Protótipo de alta fidelidade

Com todos esses elementos definidos, aprimoro o protótipo, incorporando cores, tipografia, grids e componentes.

Após concluir o primeiro protótipo, começo a projetar para diferentes dimensões de telas.

Introduzo mais duas telas: ‘Como funciona’ e ‘Notícias’.

Estabeleço as conexões entre essas telas, garantindo uma navegação fluida e coerente.

Heurísticas

E, claro, não podemos esquecer da análise heurística, essencial para identificar possíveis problemas de usabilidade. Inclusive, fizemos ajustes no nosso template tornando a linguagem mais simples e de fácil compreensão para conduzir as análises de forma eficiente.

Teste de usabilidade

Agora, avançamos para o teste de usabilidade, para o qual desenvolvo um roteiro baseado no que desejo avaliar. O objetivo é compreender se as informações são percebidas de maneira clara e objetiva pelo usuário.

Realizo entrevistas com 5 usuários, seguindo o roteiro estabelecido, coletando feedback imediato. Em seguida, analiso as gravações e realizo transcrições para uma avaliação mais aprofundada.

Debrief

Na fase de debrief, examino o que realmente representa um problema para o grupo de usuários (fatos), busco compreender de forma mais detalhada como esse problema acontece (insights) e, por fim, procuro apresentar possíveis soluções (oportunidades).

Ajustes

Após a análise realizada no debrief, compreendo os desafios enfrentados pelos usuários ao utilizar o produto e, com base nisso, estabeleço:

O que faz sentido e queremos mudar?

1. Apresentar ‘o que é a cooperativa habitacional’ logo no início
2. Apresentar mais características sobre o imóvel
3. Mostrar a localização do empreendimento
4. Inserir formulário de contato apenas após o ‘Saiba mais’
5. Colocar as informações sobre o andamento da obra na ‘Área do associado’

O que faz sentido, mas precisamos validar?

• Inserir depoimentos com fotos, nome completo ou depoimentos abertos como no mercado livre

O que será uma evolução futura?

• Colocar informações sobre parte burocrática da aquisição do imóvel

O que não faz sentido?

• Ajustes no Header/Navbar

Por fim, realizo as mudanças necessárias na interface:

Próximos passos

Concluímos com mudanças implementadas na interface e uma visão clara dos próximos passos:

• Critique com designers
• Ajustes finais
• Handoff

Agradeço imensamente por acompanharem essa fascinante jornada do início ao fim. O trajeto continua, e cada desafio representa uma valiosa oportunidade de aprendizado. Até a próxima!

Agradecimentos

Essa jornada seria impossível sem a colaboração e dedicação de todos os envolvidos. Expresso minha sincera gratidão à incrível equipe de Design, carinhosamente chamada de Dream Team OLX, por todo o apoio ao longo do meu processo de aprendizado. Cada membro do time desempenhou um papel crucial para o sucesso desse projeto, proporcionando não apenas orientação, mas também um ambiente propício para o meu desenvolvimento, contribuindo na minha evolução profissional e fortalecendo minha confiança no trabalho que desempenho. Muito obrigado a todos por fazerem parte dessa trajetória!