Open SourceDesign SystemUX ResearchPlataforma B2C

Mentor Cycle

Conectando mentores e mentorados em uma plataforma colaborativa de desenvolvimento de carreira

Ano

2022–2023

Papel

Lead Designer · Design System Owner

Contexto

Projeto voluntário open source nascido de uma comunidade de tecnologia brasileira. Sem orçamento, sem hierarquia corporativa — apenas propósito compartilhado e decisões de design orientadas por evidências.

Como Designer Principal de um projeto open source voluntário, liderei a criação da identidade visual, design system e experiência de usuário de ponta a ponta — estruturando a plataforma que conecta profissionais experientes a quem está em início de carreira.

Abertura: O Contexto e Liderança

O Conflito e Objetivo

Desenvolver uma plataforma com o objetivo central de conectar iniciantes da área de TI a mentores experientes. O desafio era estabelecer os objetivos do produto e a melhor forma de criar esse 'match'. Ao reunir um grupo de profissionais do mercado, definimos 4 pilares inegociáveis para o MVP: conexão simples e objetiva, auxílio focado em transição de carreira, foco em linguagens de programação e capacitação para o mercado.

Liderança e Estrutura do Time

Neste projeto, acabei assumindo a liderança da equipe de design, coordenando de ponta a ponta a etapa de discovery e a criação da UI. Para otimizar as entregas, dividi a área de design em squads menores e focados (squad de pesquisa/discovery, squad de UI/criação), trabalhando em paralelo com a equipe de desenvolvimento, que operava com sua própria estrutura isolada.

Objetivo: Acelerar o aprendizado conectando juniores a mentores experientes

Estratégia: Definição de 4 pilares de produto baseados em dinâmicas com o mercado

Gestão: Liderança do time de design e divisão em squads focados (Discovery e UI)

Mapeamento da Persona do Mentor
Construção de personas para direcionar a linguagem e a abordagem da plataforma.
Discovery e Mapeamento de Fluxos

Entendimento do Público: Montamos personas estruturadas com o objetivo de entender o público-alvo a fundo, o que nos permitiu desenvolver a plataforma com o tom de voz e linguagem adequados.

Arquitetura e Fluxogramas: Desenvolver o fluxo de telas previamente foi vital para manter o processo de criação organizado. Ao ilustrar todas as etapas e sequências de navegação no papel, conseguimos diagnosticar e corrigir falhas lógicas do projeto de forma rápida, muito antes de gastar esforço com engenharia ou design visual.

Ação: Criação de personas embasadas para guiar a comunicação do produto

Ação: Mapeamento detalhado de fluxogramas antes do design em alta fidelidade

Resultado: Diagnóstico precoce de falhas lógicas, poupando tempo de desenvolvimento

Estrutura do projeto e Matriz CSD
Mapeamento estrutural permitindo visualizar incertezas e a arquitetura geral.
Fluxo de navegação do Mentorando
Ilustrar as etapas deixou o trabalho organizado e facilitou o diagnóstico de falhas lógicas.
Desenvolvimento e Design System

O Propósito do Design System: A utilização de um Design System para um projeto voluntário desse porte não era algo estritamente primordial. Porém, como a equipe queria se desenvolver, aprender novas técnicas e ganhar experiência em várias frentes do design, achamos estratégico montar um grupo dedicado dentro do projeto apenas para criar e documentar o Design System da Mentor Cycle.

Style Guide e Consistência: Manter a coesão visual e funcional era nosso objetivo principal. O Style Guide que construímos minimizou drasticamente as inconsistências na experiência do usuário — tanto na parte visual, quanto em usabilidade e acessibilidade.

Wireframes e Minimalismo

Com o propósito de criar telas minimalistas e de fácil entendimento, o processo de navegação foi simplificado ao máximo, reduzindo a carga cognitiva.

Protótipo MVP

Mantendo a visão minimalista, aplicamos os componentes do Style Guide em todo o escopo, resultando em um padrão sólido e de alta fidelidade para todas as telas entregues.

Visão geral das telas no Light Mode
Mapeamento de todas as telas em alta fidelidade aplicando os componentes do Style Guide.
O Impacto e Resultados

O projeto foi um desafio extremamente rico que colaborou com a minha evolução profissional, especialmente no aspecto de liderança e estruturação de times.

O Lançamento: O MVP foi lançado com sucesso (disponível em www.mentorcycle.com.br) operando com uma interface facilitada e agradável, construída integralmente por voluntários organizados em squads.

Evolução Contínua: O lançamento não foi o fim. Os estudos de UX continuam rodando em produção para que possamos estar sempre iterando e melhorando as telas com base no feedback real de mentores e mentorados.

Lançado

MVP entregue com sucesso em produção (mentorcycle.com.br)

Squads

Gestão eficaz dividindo equipes de Discovery e UI

1

Design System funcional criado com objetivo de aprendizado
Reflexão Sincera (Retrospectiva)

O Valor da Gestão e do Aprendizado: O maior aprendizado deste projeto open source foi equilibrar o desenvolvimento técnico com a gestão de pessoas. Entender que um projeto voluntário requer paciência e que dividir as pessoas em squads — permitindo que elas focassem no que queriam ganhar experiência (como o grupo dedicado do Design System) — manteve o engajamento altíssimo.

O que faria diferente: Focaria em alinhar os times mais cedo. Aprendi que orquestrar equipes de design (separando pesquisa de UI) traz resultados expressivos e evita retrabalho.

Autocrítica: Acelerar a produção sem alinhamento gera refatoração

Lição: A divisão em squads focadas (Discovery / UI) funcionou

Evolução: Trazer mais ritos ágeis em projetos voluntários futuros