Projeto Toyota – Portfólio Matheus Pereira

Projeto e responsabilidades

Como Desenvolvedor Front-end e UX/UI Designer, atuo no desenvolvimento contínuo do portal e Design System da Toyota América Latina e Caribe (TLAC). Minhas responsabilidades incluem criar e editar componentes reutilizáveis no código (Next.js, TypeScript, SASS) e no Figma, promovendo maior consistência visual e performance. Contribuí para a melhoria da performance do site, reduzindo o tempo de carregamento em 30%, e desenvolvi imagens 360° para os modelos de veículos, enriquecendo a experiência do usuário.

Além disso, mantenho um contato próximo com o cliente, oferecendo suporte técnico, sugestões de melhorias e soluções para bugs. Realizo estudos (spikes) para otimizar fluxos e componentes, documentando processos complexos para facilitar o trabalho de outros desenvolvedores. Também dou suporte técnico ao time, reviso códigos e realizo testes (Jest e Storybook) para garantir a qualidade e funcionalidade. Por fim, colaboro na criação de conteúdos publicados no site, incluindo imagens e textos, alinhando estética e usabilidade.

Tecnologias

HTML5, CSS, NextJS, TypeScript, SASS, Jest, Figma, Storybook

Desafios e Soluções

Um dos principais desafios enfrentados foi lidar com um Design System desatualizado no Figma, que precisou ser atualizado para refletir as diretrizes visuais mais recentes. Além disso, o projeto envolvia atender às necessidades de três países diferentes — Argentina, Brasil e Venezuela — o que exigiu adaptações específicas para cada mercado, considerando aspectos culturais e técnicos.

Outra complexidade foi criar componentes do zero, transformá-los em elementos visuais no Figma e posteriormente codificá-los e implementá-los no portal. Também atuei na otimização da velocidade do site, especialmente por meio da compressão e otimização de imagens, resultando em tempos de carregamento mais rápidos. Adicionalmente, melhorei os componentes existentes para suportar imagens maiores nos banners, garantindo uma apresentação visual mais impactante e flexível.

Conhecimentos Adquiridos

Trabalhar no projeto da Toyota TLAC tem sido uma experiência enriquecedora, permitindo-me aprimorar habilidades técnicas e interpessoais. A necessidade de lidar com a complexidade de atender a diferentes países (Argentina, Brasil e Venezuela) ampliou minha capacidade de adaptar soluções a contextos culturais e técnicos distintos, além de reforçar a importância de uma comunicação clara e eficiente com clientes e equipes multidisciplinares.

No aspecto técnico, aprofundei meus conhecimentos em otimização de performance, especialmente no uso de imagens, e no desenvolvimento de componentes reutilizáveis, tanto no código quanto no Figma. Também tive a oportunidade de criar fluxos mais eficientes, documentar processos complexos e colaborar ativamente no aprimoramento de um Design System. Essa experiência consolidou minha expertise em tecnologias como Next.js, TypeScript e SASS, além de fortalecer minha habilidade em oferecer soluções completas e centradas no usuário.