A Optima Intercâmbio é uma agência de intercâmbio sul mineira, com mais de 10 anos de excelência, levando milhares de estudantes para diversos destinos do mundo.

Trabalhei em período integral na Optima Intercâmbio, tendo como um dos objetivos, re-desenhar o website da empresa, a fim de unificar o visual estabelecer uma sólida base para crescimento.

Trabalhei na Optima Intercâmbio como Product Designer em período integral, entre Abril de 2019 e Novembro de 2020. Observamos a necessidade de atualizar sua identidade visual, sem perder as características da marca, que já estava com mais de 10 anos de experiência no mercado e em pleno processo de expansão.

Pude então sugerir como primeiro passo, o redesign do website da empresa, criando um style guide conciso e reavaliando sua arquitetura de informação para facilitar a navegação e permitir uma expansão sustentável, garantindo boa otimização para motores de busca.

Um dos maiores desafios foi garantir que o processo de transição do site antigo para o novo não impactasse a busca orgânica do site, fonte considerável da captura de leads para a equipe de vendas da empresa.

O objetivo da pesquisa, antes de iniciar qualquer projeto, é de entender com mais detalhes os problemas a serem resolvidos e levantar hipóteses a serem validadas durante sua execução. Decidi então realizar entrevistas com os stakeholders para imergir no negócio, conhecer melhor sobre os principais concorrentes, o perfil dos clientes, o processo e funíl de vendas e, mais adiante, mapear o fluxo de usuários.

Também realizei uma pesquisa quali-quantitativa, usando o Google Forms, selecionando clientes que passaram pela validação da equipe de vendas como clientes desejáveis para a empresa, a fim de entender seu perfil para elaborar e validar as personas.

É muito importante entender quais são as pessoas envolvidas e interessadas no produto a ser desenvolvido. Neste projeto, mapeei 4 perfis:

Para entender com maior profundidade para quem o produto estava sendo direcionado, elaborei uma pesquisa com 57 perguntas, divididas em 4 categorias que nos ajudariam a entender com mais detalhes o perfil dos clientes. As categorias são:

Solicitei para que cada vendedor listasse clientes que eles julgassem se encaixar no perfil de cliente ideal para a empresa. Disparei por meio de uma lista de e-mails e capturei as respostas usando o Google Forms.

Com as respostas em mãos, pude desenvolver com mais confiabilidade as personas da empresa.

Parte crucial para ter um maior entendimento de como o site era usado, foi entender sobre como o fluxo de usuários funcionava. Havia diversas maneiras das quais o usuário poderia chegar no site: pesquisa orgânica, midia paga, redes sociais, indicações, parceiros... Em resumo, o objetivo final era facilitar para que o caminho até o time de vendas fosse intuitivo e coletasse o maior número de informações possível.

Também foi necessário conhecer os principais concorrentes no mercado de intercâmbio e quais abordagens utilizadas por eles nos ajudariam a atingir nossos objetivos iniciais

Também me aventurei em repositórios online como Dribble, Behance e Awwards, em busca de referências visuais que se alinhassem com a identidade visual da empresa. Me extendi também pesquisando por sites voltados a esportes radicais, aventuras e viagens, pois são temas relacionados indiretamente com o nicho da empresa.

Decidi estudar sobre os arquétipos de Jung para me basear na criação das personas. Tendo o apoio da pesquisa previamente realisada e uma analise de perfil de usuários coletadas nas plataformas Facebook Ads e Google Ads, elaborei dados demográficos, biografia, perfil pessoal, perfil tecnológico, objetivos, medos e como podemos ajudar. Após entendimento do público alvo da empresa, resumi-os em 3 personas:

Para facilitar na arquitetura da informação do novo site, mapeei todo o conteúdo e usando a técnica card sorting, categorizei e organizei as informações que seriam mostrar na página inicial e demais páginas.

Para o blog, houve um minucioso trabalho de categorização e revisão de todos os conteúdos, usando a ferramenta SemRush como base para otimização do material já publicado.

Os mais de 500 artigos já publicados foram separados em novas categorias identificadas e “tagueadas” para facilitar a identificação. Foram também criadas “tags coringas”, que seriam a identificação de países. Elas seriam importantes para conseguir ordernar os conteúdos de acordo com o país de interesse.

Cada conteúdo foi revisado e otimizado seguindo as recomendação da Semrush. Houve a necessidade de avaliar os redirecionamentos e canonização das URLs para garantir que o conteúdo indexado nos motores de busca caíssem na página correta. Por fim, também foram escritas todas as meta tags relevantes, alt texts das imagens e aplicado a semântica adequada em HTML.

Antes de iniciar os trabalhos de prototipagem, restava analisar com maior critério os acertos e oportunidades de melhoria no antigo site. Ao navegar por todas as páginas existentes, notei que havia uma falta de consitência, pois não havia um guia de estilos pré-estabelecido.

Após uma analise completa, pude então iniciar o processo de prototipagem

Talvez a parte mais divertida de todo o projeto, neste momento, seria a hora de tornar todo o processo de pesquisa e ideação algo “tangivel” ao olhos. Aqui, usei a ferramenta Adobe XD, para criar protótipos de alta e baixa fidalidade. No total, foram 52 pranchetas desenhadas em suas versões mobile e desktop.

Gosto de começar a idear abordagens visuais com papel e caneta. Esta técnica é a forma mais rápida que encontrei para extrair ideias mentais e validá-las. Exige um pouco de prática e com o tempo acaba se tornando mais natural.

Com o objetivo de contruir uma base visual sólida e manter consistência dentro do produto, criei um guia de estilos contendo fundações como cores, tipografia, iconografia, espaçamento, grid, etc; e componentes como cards, botões, banners, etc.

Havia uma contradição entre receber todas as informações necessárias para facilitar o trabalho do consultor de vendas e diminuir o tempo de preenchimento do formulário de orçamento de intercâmbio. Indo ao encontro do que psicólogo Barry Schwartz define como Paradoxo da Escolha- quanto mais opções disponíveis, maior o tempo até a tomada de decisão - decidi usar a URL acessada para pré-preencher os formulários.

Assim, por exemplo, se um visitante decide solicitar um orçamento estando na página “Intercâmbio na Irlanda”, pode-se prever que o interesse desta pessoa é realizar seus estudos neste país. Com isso, o campo “país” estaria previamente preenchido. O mesmo vale para página de cidades, promoções e modalidade de intercâmbio.

Impossível de ser negligenciável nos dias de hoje, foi dada uma atenção especial para como as telas iriam se portar em dispositivos móveis. Houve uma preocupação de que as áreas de toque, como botões, atendessem os critérios de acessibilidade da WCAG.

Se tratando de acessibilidade, tive o critério de garantir que as fontes tivessem um tamanho mínimo para leitura, - principalmente no blog - e que as cores tivessem contraste mínimo de AA.

Como parte do nosso tráfego era proveniente de pesquisas orgânicas, tive que garantir que o design das páginas focadas em serem indexadas nos mecanismos de busca também estivessem alinhadas com as boas práticas de SEO.

Um desafio encontrado foi validar se textos “escondidos” em abas afetariam a pontuação da página. Este problema trás uma clara reflexão onde até que ponto a usabilidade deve ser priorizada sobre a indexação nos mecanismos de busca.

Ótimo! Protótipo finalizado! Mas ainda havia muito trabalho pela frente. Como Product Designer, gosto de incentivar que meu trabalho seja desenvolvido de acordo com o planejado. Por isso, é bom manter uma relação saudável com o time de desenvolvimento.

Para este projeto, foi contratado uma software house para tocar o desenvolvimento. Acatamos a sugestão deles de migrar nossa estrutura de Wordpress para um CRM proprietário desenlvolvido por eles. No mais, foi necessário diversas reuniões com o time de desenvolvimento e o PM, para alinhar as expectativas e entregas.

Uma das prioridades estabelecidas com a equipe de desenvolvimento, era assegurar o carregamento rápido das páginas, seguintos critérios de otimização estabelecidos pela Core Web Vitals. Para isso, apenas um código otimizado não era suficiente. Era necessário otimizar imagens, usar svgs sempre que possível e re-avaliar a quantidade de conteúdo carregado nas páginas.

Utilizamos o próprio Adobe XD para realizar o hands-off do projeto. Também elaboramos uma planilha para nos mantermos atualizados sobre o andamento do projeto.

Com o progresso do desenvolvimento, estabelecemos uma equipe para realizar o QA, garantindo que o projeto atingisse a qualidade esperada. Após tudo assegurado, foi realizado o lançamento do novo site em Julho de 2020. Após este processo, restou realizar monitoramentos, continuar otimizações para motores de busca e testes de usabilidade.

Este foi o meu primeiro grande projeto como Product Designer. Foi uma ótima oportunidade de aprofundar mais sobre cada aspecto do desenvolvimento de um produto digital. Após póstuma reflexão, também observei oportunidade de aprendizado e mapeamento de processos, ajudando na agilidade