Design da experiência do usuário (UX)
Nos últimos anos, dediquei-me a preencher a lacuna entre a aparência e a funcionalidade de um produto digital. Isso evoluiu da criação de protótipos universitários para o design de módulos globais de e-learning usados por centenas de milhares de pessoas. Para aprofundar meu conhecimento sobre design de UX, também concluí cursos online sobre o assunto, paralelamente à minha experiência profissional.
Minha formação formal nessa área começou na universidade, com um grande projeto de reformulação de um site. Lá, aprendi a auditar interfaces defeituosas e criar protótipos de soluções, o que acabou resultando em um projeto bem recebido que me rendeu nota máxima em Design de Interface. Na Dynamic, um bom design de UX era essencial. Criar experiências acessíveis e sem atritos para um vasto público global consolidou a forma de mapear jornadas intuitivas para os usuários e minimizar a carga cognitiva.
A reestruturação de um site baseada em pesquisa
A criação de sites profissionais para clientes é outra parte essencial da minha prática de UX e programação. Espero que você esteja tendo uma boa experiência de usuário ao navegar pelo meu portfólio! Um exemplo de site em que trabalhei foi para a pré-escola Passo a Passo 2. Comecei este projeto mergulhando diretamente nas necessidades dos usuários e dos diretores:
O objetivo
Simplificar um site para aumentar as visitas de pais e melhorar o desempenho de SEO do site.
A pesquisa
Realizei entrevistas aprofundadas com os diretores, fazendo perguntas específicas para criar um mapa abrangente das considerações, pontos fracos e principais usuários do site. Usando o Figma, criei personas de usuários precisas e maquetes de design.
O processo
Reestruturei a arquitetura da informação, criei a nova interface e testei rigorosamente o site para garantir que ele guiasse os usuários pelas informações essenciais e impulsionasse o número de visitas agendadas por pais sem atritos.
O resultado
“O John Lucas nos surpreendeu. Realmente superou todas as nossas expectativas. Nosso site agora tem uma aparência muito mais profissional e estamos vendo um aumento impressionante em visitas de pais. Agora, quando alguém busca por creches na nossa área, aparecemos entre os primeiros resultados!”
Visite o site aqui: PassoaPasso2.com.br
Programação
Acredito na compreensão do código necessário para dar vida aos meus projetos. Além de uma base sólida em HTML e CSS, comecei a trabalhar com JavaScript.
Usando a IA como ferramenta de aprendizagem e orientado por desenvolvedores seniores no trabalho, aprendi a usar JS para resolver problemas complexos. Um marco importante foi escrever um script personalizado que utilizava uma API para extrair dados geográficos em tempo real dos códigos postais dos usuários, alimentando-os diretamente em um banco de dados Articulate Storyline. Ultimamente, também tenho aprendido GSAP para escrever animações de rolagem personalizadas e de alto desempenho, como o exemplo que você pode ver à esquerda (ou abaixo, se estiver no celular).
Minha vontade de aprender novas ferramentas recentemente se estendeu à Realidade Aumentada. Para um projeto educacional de RA criado com Unity e Vuforia, aprendi C# especificamente para os fins da construção. Escrevi scripts e gatilhos personalizados que permitiram ao programa ler alvos de imagens físicas no mundo real, que então animavam perfeitamente recursos de sprites 2D sobre eles usando linhas do tempo. Isso não apenas manteve o aplicativo leve, mas também provou minha capacidade de adotar rapidamente novas linguagens para executar soluções de design complexas e respaldadas por pesquisas. Veja mais informações sobre este projeto aqui.