Web Design
Skylor Tutor
O Skylor Tutor é uma plataforma de aprendizagem on-line de última geração que conecta alunos, tutores e administradores por meio de uma experiência digital personalizada. Oferece aprendizagem em tempo real, seleção inteligente de tutores e ferramentas baseadas em IA, como Tutor Twin, a plataforma aprimora o aprendizado ao mesmo tempo em que oferece aos educadores as ferramentas necessárias para gerenciar as sessões e acompanhar o progresso dos alunos. Projetado com foco na acessibilidade e na experiência do usuário, o Skylor Tutor cria um ambiente intuitivo e envolvente que atende às necessidades específicas de cada usuário.
Detalhes do projeto
Localização: Atlanta / Remoto
Cronograma: 2025 / 1 mês
Função: Designer de Interação
Tipo de projeto: Aplicativo de educação
Setor: B2C
Protótipo: Protótipo do Skylor Tutor
Processo criativo
O objetivo era redesenhar e unificar a interface e a experiência do usuário para todas as funções — Alunos, Tutores e Administradores —, criando uma plataforma elegante, moderna, acessível e escalável que se alinhasse à identidade de marca educacional da Skylor Tutor.
Perguntas do tipo “Como poderíamos...”
1. Experiência e engajamento do tutor
Como o HMW faz com que os tutores se sintam mais valorizados e motivados na plataforma?
Como a HMW pode otimizar a integração de tutores para reduzir o tempo de configuração?
Como o HMW ajuda os professores a personalizar seu estilo de ensino para cada aluno?
A HMW garante que os tutores possam acompanhar facilmente o progresso dos alunos ao longo do tempo?
2. Interação entre aluno e tutor
Como o HMW torna as aulas mais interativas e envolventes para os alunos?
Como a HMW reduz o número de faltas ou cancelamentos de última hora?
Como o HMW ajuda os orientadores a identificar rapidamente as lacunas de aprendizagem de um aluno?
O HMW facilita uma comunicação fluida entre os tutores e os alunos?
3. Integração e usabilidade
Como a HMW torna o aplicativo intuitivo para tutores e alunos de primeira viagem?
Como a HMW reduz a curva de aprendizado para novos recursos?
Como a HMW garante a acessibilidade para usuários com deficiência?
Como o HMW torna a configuração do perfil rápida e, ao mesmo tempo, informativa?
Compreendendo os usuários
Personas
Pesquisa secundária
Aprendizagem personalizada e design adaptativo
Pesquisas mostram que a personalização é uma característica fundamental que os usuários buscam em aplicativos de aprendizagem. Elementos como conteúdo adaptativo, seleção de tutores com base em inteligência artificial e agendamento flexível aumentam significativamente o engajamento e a eficiência da aprendizagem, tornando-se pontos-chave essenciais para a funcionalidade da tela que estamos projetando.
A experiência de integração é importante
A fase de integração é um fator fundamental para a retenção de usuários. Uma primeira experiência tranquila, informativa e acolhedora aumenta significativamente a probabilidade de os usuários continuarem interagindo com a plataforma.
Confiança, credibilidade e perfis dos tutores
A confiança é essencial em aplicativos educacionais. É mais provável que os usuários se envolvam com tutores que tenham credenciais verificadas, biografias detalhadas e avaliações transparentes.
Usabilidade de Vídeos e Mensagens
Ferramentas de comunicação integradas, especialmente videochamadas e mensagens dentro do aplicativo, são fundamentais para a satisfação do usuário. Quando esses recursos não funcionam bem, é mais provável que os usuários abandonem a plataforma.
Gamificação e engajamento
Recursos baseados em gamificação, como sequências de dias consecutivos, acompanhamento de metas e emblemas, podem aumentar a motivação, mesmo entre estudantes universitários, tornando o progresso mais envolvente e gratificante.
Otimização para dispositivos móveis e acessibilidade
A usabilidade com foco em dispositivos móveis e o design inclusivo desempenham um papel crucial na adoção de aplicativos, especialmente em ambientes educacionais.
Fluxos de usuários
Após realizar uma pesquisa secundária, analisar as necessidades dos usuários e examinar as informações fornecidas pela empresa, começamos a desenvolver fluxos de usuários para mapear as principais interações e jornadas.
Wireframes
Com os fluxos de usuários definidos, passamos para a fase de criação de wireframes para definir o layout do aplicativo, a hierarquia de informações e a experiência do usuário. Abaixo estão alguns exemplos dos wireframes.
Guia de Estilo
Como parte do projeto, fomos encarregados de redesenhar o logotipo. Com base nisso, desenvolvemos um guia de estilo abrangente que incluiu os elementos essenciais para a criação de telas de alta fidelidade, como a paleta de cores, a tipografia, os ícones e os componentes da interface do usuário. Alinhado à identidade de marca e aos princípios de design do Skylor Tutor, segue uma breve prévia do guia de estilo finalizado.
Telas de alta fidelidade/protótipo
Com os wireframes finalizados e o guia de estilo definido, passamos para a fase de design de alta fidelidade. Abaixo estão alguns exemplos das telas finais.
Testes de usabilidade
Objetivo: Avaliar a usabilidade e a intuitividade dos principais fluxos de usuários no aplicativo Skylor Tutor. O objetivo era testar as interações essenciais envolvendo dois tipos de usuários: um estudante universitário e um jovem adulto em processo de aprendizagem, identificando pontos a serem aprimorados antes do desenvolvimento final.
Participantes
- Participante 1: Emma, 19 anos – Estudante universitária do curso de Psicologia
- Participante 2: Jordan, 26 anos – Jovem adulto que voltou recentemente aos estudos para fazer uma formação continuada em marketing digital.
Tarefas atribuídas
- Faça login usando o Face ID ou a senha do dispositivo
- Criar uma nova conta
- Pesquisar uma aula particular
- Pesquisar uma masterclass
- Efetue o pagamento de uma sessão ou aula selecionadas
Principais conclusões e observações
Tarefa 1: Fazer login (Face ID ou senha)
- Aluno: Interação fluida e rápida; sem problemas.
- Jovem adulto: A opção de senha funcionou bem; foi bom ter alternativas ao Face ID
Tarefa 2: Criação de conta
- Aluno: Achei o processo de cadastro claro e rápido.
- Jovem adulto: Experiência tranquila; gostei da possibilidade de escolher o tipo de usuário (aluno/professor).
Tarefa 3: Procurar uma aula particular
- Aluno: Compreendeu o objetivo da pesquisa, mas observou que os filtros temáticos ainda não estavam funcionando. As visualizações dos cartões dos tutores foram úteis para a tomada de decisão.
- Jovem adulto: Levei alguns segundos para entender o layout, mas achei os resultados úteis.
Tarefa 4: Pesquisar uma masterclass
- Aluno: A navegação funcionou bem após a troca de abas.
- Jovem adulto: Encontrei facilmente a aula de roteiro e gostei das prévias em vídeo.
Tarefa 5: Efetuar um pagamento
- Ambos: Concluí a transação sem erros; gostei do suporte ao Apple Pay.
- Jovem adulto: Solicitou uma tela de confirmação mais detalhada.
Conclusão
Ambos os participantes concluíram com sucesso todas as tarefas principais, validando a funcionalidade essencial do aplicativo. Pequenas melhorias de usabilidade, como orientações aprimoradas para a integração inicial, experiência de pesquisa e feedback visual, podem otimizar ainda mais a experiência e contribuir para a retenção de usuários. O aplicativo foi considerado moderno, intuitivo e adequado para uso educacional.
Telas finais
Após os testes de usabilidade, aprimoramos várias telas importantes com base no feedback dos participantes, a fim de melhorar a clareza, a usabilidade e o fluxo geral do usuário. Abaixo estão alguns exemplos das telas finais.
Reflexão
Colaborar no aplicativo Skylor Tutor como parte de uma equipe de design foi uma experiência valiosa que fortaleceu tanto minhas habilidades de design quanto de colaboração. Trabalhar com um cliente real nos desafiou a equilibrar as necessidades dos usuários, as metas de negócios e a identidade da marca ao longo de todo o projeto. Por meio de pesquisas, análises de design, testes de usabilidade e iterações, passei a valorizar ainda mais o trabalho em equipe, a comunicação clara e o impacto do design centrado no usuário na criação de experiências digitais significativas.
Quer ver mais? Aqui estão alguns projetos adicionais que mostram meu processo de design, minha abordagem para a resolução de problemas e minha experiência na criação de produtos digitais centrados no usuário em diversos setores.






