Roadmap
Roadmap
Roadmap
Introdução
Introdução
Introdução
No começo do semestre, minha coordenadora me designou algumas tarefas, incluindo a criação de um Roadmap para a área. Esse documento seria essencial para orientar o novo estagiário que chegaria à empresa, e eu seria seu mentor. Tendo trabalhado sozinho na área de UX Designer em minhas duas experiências anteriores, e sem ter uma referência direta, sempre precisei aprender por conta própria. Agora, reconheci a importância de criar um material que facilitasse o aprendizado e evitasse que outros enfrentassem as mesmas dificuldades que eu enfrentei.
No começo do semestre, minha coordenadora me designou algumas tarefas, incluindo a criação de um Roadmap para a área. Esse documento seria essencial para orientar o novo estagiário que chegaria à empresa, e eu seria seu mentor. Tendo trabalhado sozinho na área de UX Designer em minhas duas experiências anteriores, e sem ter uma referência direta, sempre precisei aprender por conta própria. Agora, reconheci a importância de criar um material que facilitasse o aprendizado e evitasse que outros enfrentassem as mesmas dificuldades que eu enfrentei.
No começo do semestre, minha coordenadora me designou algumas tarefas, incluindo a criação de um Roadmap para a área. Esse documento seria essencial para orientar o novo estagiário que chegaria à empresa, e eu seria seu mentor. Tendo trabalhado sozinho na área de UX Designer em minhas duas experiências anteriores, e sem ter uma referência direta, sempre precisei aprender por conta própria. Agora, reconheci a importância de criar um material que facilitasse o aprendizado e evitasse que outros enfrentassem as mesmas dificuldades que eu enfrentei.
Desafio
Desafio
Desafio
Como poderia transmitir todo o conhecimento que adquiri ao longo de dois anos de experiência da melhor maneira possível? Eu precisava despertar o interesse da pessoa em aprender mais sobre a área, mas de uma forma acessível e que não a intimidasse. Esse era um claro desafio de UX: proporcionar a melhor experiência possível para o usuário
Como poderia transmitir todo o conhecimento que adquiri ao longo de dois anos de experiência da melhor maneira possível? Eu precisava despertar o interesse da pessoa em aprender mais sobre a área, mas de uma forma acessível e que não a intimidasse. Esse era um claro desafio de UX: proporcionar a melhor experiência possível para o usuário
Como poderia transmitir todo o conhecimento que adquiri ao longo de dois anos de experiência da melhor maneira possível? Eu precisava despertar o interesse da pessoa em aprender mais sobre a área, mas de uma forma acessível e que não a intimidasse. Esse era um claro desafio de UX: proporcionar a melhor experiência possível para o usuário
Solução
Solução
Solução
Depois de considerar várias soluções, tive uma ideia que me empolgou: criar um roadmap de UI/UX como uma aplicação no Figma, com todo o fluxo de usuário funcional no modo protótipo. Com essa abordagem definida, comecei a reunir todas as informações que considerava importantes para o aprendizado e organizei-as em seções no Figma, na forma de wireframes.
Depois de considerar várias soluções, tive uma ideia que me empolgou: criar um roadmap de UI/UX como uma aplicação no Figma, com todo o fluxo de usuário funcional no modo protótipo. Com essa abordagem definida, comecei a reunir todas as informações que considerava importantes para o aprendizado e organizei-as em seções no Figma, na forma de wireframes.
Depois de considerar várias soluções, tive uma ideia que me empolgou: criar um roadmap de UI/UX como uma aplicação no Figma, com todo o fluxo de usuário funcional no modo protótipo. Com essa abordagem definida, comecei a reunir todas as informações que considerava importantes para o aprendizado e organizei-as em seções no Figma, na forma de wireframes.
Equipe
Equipe
Equipe
Leonardo Ribeiro - Product Designer
Leonardo Ribeiro - Product Designer
Leonardo Ribeiro - Product Designer
Desenvolvimento
Desenvolvimento
Desenvolvimento
Estrutura
Estrutura
Estrutura
Dividi o Roadmap em duas áreas principais: UI e UX, cada uma com suas seções específicas. Para garantir um desenvolvimento contínuo e organizado, abordei cada módulo individualmente, priorizando a clareza e a simplicidade das informações apresentadas. Além disso, dediquei uma atenção especial ao aspecto visual da aplicação, visando chamar atenção dos usuários sem comprometer a usabilidade, que sempre foi um pilar essencial na estruturação do projeto.
Dividi o Roadmap em duas áreas principais: UI e UX, cada uma com suas seções específicas. Para garantir um desenvolvimento contínuo e organizado, abordei cada módulo individualmente, priorizando a clareza e a simplicidade das informações apresentadas. Além disso, dediquei uma atenção especial ao aspecto visual da aplicação, visando chamar atenção dos usuários sem comprometer a usabilidade, que sempre foi um pilar essencial na estruturação do projeto.
Dividi o Roadmap em duas áreas principais: UI e UX, cada uma com suas seções específicas. Para garantir um desenvolvimento contínuo e organizado, abordei cada módulo individualmente, priorizando a clareza e a simplicidade das informações apresentadas. Além disso, dediquei uma atenção especial ao aspecto visual da aplicação, visando chamar atenção dos usuários sem comprometer a usabilidade, que sempre foi um pilar essencial na estruturação do projeto.
Wireframes
Wireframes
Wireframes
Execução
Execução
Execução
Reuni todo o material de UX, organizei-o em várias seções e construí um módulo abrangente. Para a parte de UI, gravei videoaulas, ensinando desde os conceitos básicos até a criação de componentes e o funcionamento de um design system. Além disso, criei uma tela completa do zero explicando cada mínimo detalhe, e finalizei com um exercício prático para aplicar todo o aprendizado, pois acredito que a prática é fundamental para a fixação do conteúdo. Tanto para UI quanto para UX, fiz questão de ilustrar tudo com imagens para facilitar a compreensão e tornar o aprendizado mais dinâmico.
Reuni todo o material de UX, organizei-o em várias seções e construí um módulo abrangente. Para a parte de UI, gravei videoaulas, ensinando desde os conceitos básicos até a criação de componentes e o funcionamento de um design system. Além disso, criei uma tela completa do zero explicando cada mínimo detalhe, e finalizei com um exercício prático para aplicar todo o aprendizado, pois acredito que a prática é fundamental para a fixação do conteúdo. Tanto para UI quanto para UX, fiz questão de ilustrar tudo com imagens para facilitar a compreensão e tornar o aprendizado mais dinâmico.
Reuni todo o material de UX, organizei-o em várias seções e construí um módulo abrangente. Para a parte de UI, gravei videoaulas, ensinando desde os conceitos básicos até a criação de componentes e o funcionamento de um design system. Além disso, criei uma tela completa do zero explicando cada mínimo detalhe, e finalizei com um exercício prático para aplicar todo o aprendizado, pois acredito que a prática é fundamental para a fixação do conteúdo. Tanto para UI quanto para UX, fiz questão de ilustrar tudo com imagens para facilitar a compreensão e tornar o aprendizado mais dinâmico.
Material
Material
Material
Resultado
Resultado
Resultado
O roadmap foi um sucesso desde o início. Após apresentá-lo para minha coordenadora, fui convidado a realizar o primeiro webinar da empresa, com o tema "Aprenda a construir uma tela do zero usando o Figma." O evento atraiu mais de 50 participantes e despertou o interesse de muitos colegas de outras áreas, que solicitaram acesso ao conteúdo para estudo. O impacto foi além do esperado, permitindo que mais pessoas conhecessem meu trabalho. Aqueles que estão interessados em ingressar na área, agora terão acesso a um conjunto de informações que cobrem desde o básico até o avançado, proporcionando um início de carreira mais seguro e bem fundamentado.
O roadmap foi um sucesso desde o início. Após apresentá-lo para minha coordenadora, fui convidado a realizar o primeiro webinar da empresa, com o tema "Aprenda a construir uma tela do zero usando o Figma." O evento atraiu mais de 50 participantes e despertou o interesse de muitos colegas de outras áreas, que solicitaram acesso ao conteúdo para estudo. O impacto foi além do esperado, permitindo que mais pessoas conhecessem meu trabalho. Aqueles que estão interessados em ingressar na área, agora terão acesso a um conjunto de informações que cobrem desde o básico até o avançado, proporcionando um início de carreira mais seguro e bem fundamentado.
O roadmap foi um sucesso desde o início. Após apresentá-lo para minha coordenadora, fui convidado a realizar o primeiro webinar da empresa, com o tema "Aprenda a construir uma tela do zero usando o Figma." O evento atraiu mais de 50 participantes e despertou o interesse de muitos colegas de outras áreas, que solicitaram acesso ao conteúdo para estudo. O impacto foi além do esperado, permitindo que mais pessoas conhecessem meu trabalho. Aqueles que estão interessados em ingressar na área, agora terão acesso a um conjunto de informações que cobrem desde o básico até o avançado, proporcionando um início de carreira mais seguro e bem fundamentado.
Telas finais
Telas finais
Telas finais