Projeto e responsabilidades

Atuo como Desenvolvedor Front-end e UX/UI Designer no desenvolvimento e implementação do Design System para o novo portal da KINTO Argentina. Este trabalho envolveu a reutilização de componentes de uma biblioteca existente da Toyota, além da criação de novos elementos, como um card interativo que exibe veículos disponíveis para aluguel, permitindo visualizar tabela de preços e detalhes através de um elegante flip do card.

Minhas responsabilidades incluem criar e melhorar componentes tanto no código (Next.js, TypeScript, SASS) quanto no Figma, além de propor melhorias para fluxos e resolver bugs em colaboração com o cliente. Realizo estudos (spikes) para otimizações, documentações técnicas para processos complexos e dou suporte a outros desenvolvedores, revisando códigos e sugerindo melhorias no código e na experiência do usuário. Também contribuo para a publicação de conteúdo, trabalhando em imagens e textos, sempre garantindo que o produto final esteja alinhado com as expectativas do cliente e dos usuários.

Tecnologias

HTML5, CSS, NextJS, TypeScript, SASS e Figma

Desafios e Soluções

Um dos maiores desafios do projeto foi adaptar o Design System existente da Toyota para ser utilizado também no portal da KINTO Argentina, garantindo que ambas as marcas mantivessem suas identidades visuais e funcionais sem a necessidade de grandes alterações na biblioteca de componentes. Para isso, desenvolvi uma solução que envolveu a criação de variações de cores e estilos dentro do Design System, permitindo atender às necessidades específicas de cada marca de forma eficiente e coesa.

Além disso, a reutilização dos componentes exigiu ajustes cuidadosos para garantir compatibilidade e consistência, enquanto novos elementos foram criados para atender a requisitos únicos da KINTO, como o card interativo para visualização de veículos disponíveis para aluguel. Essa abordagem combinou inovação com otimização, reduzindo o retrabalho e promovendo uma experiência de usuário fluida e unificada entre os dois portais.

Conhecimentos Adquiridos

O projeto KINTO Argentina me proporcionou a oportunidade de aprimorar minha capacidade de adaptação de Design Systems a diferentes identidades de marca. Trabalhar com a reutilização e customização de componentes existentes da Toyota, ao mesmo tempo que criava variações de cores e novos elementos para atender às necessidades da KINTO, foi um exercício valioso de equilíbrio entre inovação e eficiência.

Além disso, aprofundei meu conhecimento em gestão de bibliotecas de componentes compartilhados, garantindo consistência visual e funcional entre diferentes portais. Esse processo me ajudou a desenvolver habilidades estratégicas, como prototipação rápida no Figma, otimização de processos de design e desenvolvimento, e maior capacidade de comunicação com clientes e equipes multidisciplinares. Por fim, consolidou minha expertise em tecnologias como Next.js, TypeScript e SASS, além de reforçar meu compromisso com a criação de experiências centradas no usuário.

Link do projeto

https://www.kinto-mobility.com.ar/www.toyota.com.br

Imagens do portal

Design System

Rolar para cima