2Belive · EdTech

Plataforma de aprendizado colaborativo

Cliente 2Belive · 2Mundos
Período Construída antes da pandemia
Papel Líder de Product Design
Setor EdTech
App 2Belive e componentes da plataforma

Visão Geral

Uma sala de aula feita para dois papéis

A 2Belive era uma solução de comunicação colaborativa online para educação a distância e formação corporativa, nascida antes da pandemia. Exclusiva para dois papéis — Aluno e Professor — reunia Realidade Aumentada, lousa interativa, agendamento, cobrança, aulas ao vivo ou gravadas por streaming, texto/áudio/vídeo, documentos e APIs de telefonia. Como líder do time de product design, conduzi os testes e pesquisas e desenhei os fluxos e jornadas para cada tipo de persona.

Entregável Pesquisa e Testes
Entregável Personas e Jornadas
Entregável Fluxos e Telas
Entregável Design System

O Desafio

A 2Mundos tinha experiência em EdTech e visão clara do produto — mas muitos fluxos vinham do Desenvolvimento para o Design, invertendo os papéis e dificultando o trabalho.

No momento em que descrevemos cada persona com seu papel na plataforma, o projeto fluiu. O Design voltou a liderar os fluxos — entregando protótipos finais e backlogs para até cinco sprints. O produto se descobriu não como mais um Meet ou Zoom, mas como algo exclusivo para escolas.

"Think Big, Start Small, Learn Fast!"
Fato do autor 1,200+ Usuários na plataforma (EUA)
Fato do autor 200+ Escolas usando (EUA)
Mapa de administração da plataforma

Mapa de administração da plataforma — toda a espinha dorsal em uma visão

Fase 01

Descoberta

Pesquisando os públicos

Pesquisamos os públicos da educação a distância e fizemos benchmark competitivo para entender o que uma sala de aula colaborativa realmente precisava — e onde as ferramentas de conferência existentes falhavam para escolas.

Pesquisa com os públicos da educação a distância
Benchmark competitivo contra ferramentas de conferência genéricas
Mapeamento das necessidades de colaboração específicas de ensino e aprendizagem
Enquadramento do produto como plataforma de educação, não uma chamada de vídeo

Insight Principal

O produto se descobriu não como mais um Meet ou Zoom, mas como algo exclusivo para escolas — colaboração, lousa e streaming moldados em torno do ensino.

Diagrama de fluxo do usuário (1)
Diagrama de fluxo do usuário (2)

Diagramas de fluxo do usuário para as jornadas centrais

Fase 02

Estratégia

Um papel de cada vez

Definimos personas com papéis claros na plataforma — owner, admin, professor e aluno — e uma visão de produto à altura. Descrever cada persona pelo seu papel foi o que destravou os fluxos e devolveu a liderança ao design.

Owner

Comanda a instituição na plataforma — marca, catálogo e o lado comercial do ensino.

Admin

Gerencia usuários, grupos, permissões, sessões, biblioteca e armazenamento no dia a dia.

Professor

Conduz aulas ao vivo ou gravadas com lousa, materiais e sessões estruturadas.

Aluno

Entra no lobby, assiste à aula, conversa e segue uma agenda construída em torno do aprendizado.

Escopo do projeto 4 Papéis definidos
Escopo do projeto 7 Etapas de discovery
Documentação de design: perfil do usuário

Documentação de design — o perfil do usuário

Fase 03

Design

Administração, fluxos e um sistema

O design cobriu todo o mapa de administração, os fluxos, as telas e um style guide. Cinco áreas de administração foram mapeadas — usuários, escola, sessões, biblioteca e catálogo — e o sistema inteiro foi construído para escalar entre Design, Dev, Infra e QA.

Usuários e Escola

Grupos, permissões e perfis; além do tema da escola — cores, logos, imagem de fundo de login, categorias e boas-vindas.

Sessões

Duração, tempo pré-aula e extra, participantes, módulos, data/hora e transmissão — a anatomia de uma aula.

Biblioteca e Catálogo

Arquivos, tags e limites de armazenamento; catálogo com capa, opções baixável/sequencial, categoria, grupo permitido e ordem.

Sala de aula ao vivo

Lousa interativa, lobby com contagem regressiva, chat, pagamentos, créditos e armazenamento — o palco de aluno e professor.

Escopo do projeto 5 Áreas de administração mapeadas
Escopo do projeto 4 Disciplinas integradas
Tela inicial do app do aluno

App do aluno — início

Componentes de UI: app do aluno e dashboard
Componentes de UI: sala de aula, biblioteca e pagamentos
Guia de estilo: paleta primária e laranja
Guia de estilo: azul, cinza e fundos

Guia de estilo — escalas primária, laranja, azul e cinza

Logo 2Belive e tipografia

Logo e tipografia — versões positiva e negativa

Fase 04

Validação

Testado e pronto para construir

Rodamos 136 testes de usabilidade e entregamos protótipos finais com um backlog estruturado para até cinco sprints — um caminho claro e testável do design para o desenvolvimento.

136 testes de usabilidade nos fluxos centrais da plataforma
Protótipos finais entregues ao desenvolvimento
Backlog estruturado para até cinco sprints
Design, Dev, Infra e QA alinhados em torno de um produto
Fato do autor 136 Testes de usabilidade
Escopo do projeto 5 Sprints de backlog
Documentação de design: sessão ao vivo

Documentação de design — a sessão ao vivo

Escopo e Fatos

O que foi construído

A taxa de conclusão de tarefas por papel e o período do projeto ainda estão sendo confirmados. Os números abaixo são fatos verificáveis do trabalho — o escopo entregue e valores informados pelo autor — cada um com seu rótulo de origem.

Fato do autor 136 Testes de usabilidade
Escopo do projeto 4 Papéis: owner, admin, professor, aluno
Escopo do projeto 5 Áreas de administração mapeadas
Escopo do projeto 5 Sprints de backlog entregues
Escopo do projeto 7 Etapas de discovery e definição
Escopo do projeto 4 Disciplinas: Design, Dev, Infra, QA