UX na maior organização de apoio a empreendedorismo de alto impacto.

Empresa

  • Endeavor Brasil

Período

  • ago 2017 - mai 2018

Atividades

  • Service Design
  • UX Research
  • UX/UI Design

Sobre a Endeavor Brasil

A Endeavor, organização sem fins lucrativos que se mantém com doações, existe no Brasil desde 2000, quando o empresário Carlos Alberto Sicupira – um dos brasileiros donos da InBev – e a professora americana Linda Rottenberg trouxeram a proposta para o país.

A Endeavor possui três principais braços de atuação. O primeiro é localizar empreendedores de alto impacto, considerados referências na sociedade em seu setor de atuação. O segundo é educar pessoas, para transmitir a filosofia da inovação. O terceiro, se mostra como uma consultoria econômica, uma vez que esse fator é um dos responsáveis pelas oscilações do mercado e afeta diretamente a atividade dos empresários.

O Desafio

Cheguei na Endeavor em 2017 com o desafio de refazer completamente o site atual, aplicando as melhores práticas de UX no site, principal canal digital da empresa.

O site antigo foi construído com base em um tema gratuito do WordPress e possuía vários erros de usabilidade e performance.

Além disso, o site da Endeavor Brasil, possuia um histórico de mais de 8 mil artigos, cursos, vídeos e ferramentas publicados ao longo de 20 anos de existência, e o site atual não dava liberdade nenhuma para os editores destacarem conteúdos especiais, por exemplo.

Site antigo, 2007

O Processo

Estudo de material já existente

A Endeavor já havia contratado de uma empresa tercerizada, uma análise de UX meses antes de eu entrar na equipe, então para não descartar todo esse material, meu trabalho inicial foi estudar e me aprofundar no que essa análise havia encontrado.

Em resumo, o resultado dessas análises apontava para as duas principais dores dos usuários: Usabilidade e Visual Design.

Sitemap

Eu sabia que o site era um gigante, afinal, eram mais de 8 mil artigos, cursos, ferramentas e vídeos espalhadas por todo tipo de página.

O primeiro passo então para termos uma visão geral do produto foi definir quais seriam os fluxos essênciais com base no perfil dos usuários e mapeá-los. E o resultado foi o seguinte:

Com o sitemap pronto, conseguimos visualizar que a maioria dos fluxos principais se baseavam em dois layouts de páginas: Página Inicial e Página de Conteúdo.

Benchmark

Minha busca de referências foi direcionada para sites que produzem muito conteúdo e que precisam distribuir ele de maneira homogênea, seja na sua página inicial, seja nas páginas internas, com artigos relacionados, resultado de busca, etc.

Entrevista com os Stakeholders

Logo após o benchmark, comecei então a fase de conversa com os líderes de areas importantes dentro da Endeavor que eram diretamente afetados pela performance do sitem, principalmente para validar se o escopo estava bem definido e se o benchmark estava no caminho certo.

Estava! ✌️

Conversei com a Product Owner, com o Editor Chefe, com o Gerente de Projetos e com a Gerente Geral. Como o ambiente permitia, aproveitei também para expandir a conversa com outros funcionários que trabalhavam diretamente com o site, como editores e responsáveis pelo suporte aos empreendedores.

Durante essas conversas, tentava levantar ao máximo feedbacks visuais. A ideia era ir além dos estratégicos, usando também o bom e velho quadro branco.

O objetivo é tentar absorver o máximo de contexto da ideia do “mundo ideal” para o produto e transformar essas ideias e conceitos visuais em wireframes, agilizando o processo.

Ideação de telas

Com esses materiais em mãos, comecei a desenhar versões das principais telas: Páginas Iniciais e Páginas de Conteúdo, fazendo testes internos durante o processo de ideação.

E o processo foi se repetindo em todos os outros fluxos e páginas: Criando e testando e atualizando e testando de novo durante a criação das telas.

Os testes eram todos feitos no aplicativo MarvelApp com usuários e funcionários internos.

Conclusão

Com todas as telas dos fluxos prontas, entregues para o time de desenvolvimento, desenvolvidas e colocadas em produção.

Conseguimos evoluir nos dois principais objetivos iniciais, melhoramos muito a Usabilidade do site e também a parte do Visual Design.

O site está mais clean, responsivo e com uma performance mais rápida.

Além disso, um grande resultado que atingimos foi de melhorar a área de conteúdo. Criamos filtros por Desafios, Formatos, Estágio e Setor, categorias que englobam todos os tipos de conteúdo criados pela Endeavor.

Confira algumas telas principais do site

Acesse o site para navegar por outras sessões: Endeavor.org.br

Lições aprendidas

Uma das maiores dificuldades enfrentadas nesse projeto foi a comunicação com o time de desenvolvimento, que infelizmente, era de uma empresa terceirizada, a qual não tinhamos a quantidade de acesso necessário.