Impacto no lançamento
A estrutura redesenhada impactou diretamente +1.500 alunos no lançamento, em um contexto com limitação de acesso a dispositivos móveis compatíveis.
Design Digital + UX/UI
IMDtech
Redesign responsivo de material didático para cursos técnicos do Instituto Metrópole Digital, uma formação EaD semipresencial com trilhas em tecnologia da informação, impacto direto em +1.500 alunos no lançamento e estrutura mantida em uso até 2025.
- Papel
- Especialista em Design Digital
- Empresa / Instituição
- Instituto Metrópole Digital - UFRN
- Período
- jan. 2018 - fev. 2022
- Setor
- Educação / Tecnologia
- Localização
- Natal, RN
Ferramentas e competências
UI kitsTemplatesUX/UIDesign responsivoAcessibilidade
Contexto
O problema e o ambiente de produto.
Por que este case
O IMDtech foi escolhido como destaque não pelo apelo visual isolado, mas pelo desafio de produto e pela metodologia aplicada em um contexto educacional amplo. Quando começamos a refazer esse projeto, ainda não se falava tanto em UX ou UI, e havia pouca oferta de templates, vídeos e cursos sobre o assunto.
Ambiente de produto
O IMD oferecia cursos técnicos em formato EaD semipresencial, com encontros presenciais semanais, carga horária entre 1 mil e 1,2 mil horas e ênfases como Informática para Internet, Redes de Computadores, Programação de Jogos Digitais, Eletrônica e Automação Industrial.
Desafio e direção
O redesenho precisava lidar com evasão, abandono do conteúdo, dificuldade de compreensão de assuntos técnicos e acesso por dispositivos variados, muitas vezes não tão modernos. Responsividade, acessibilidade e clareza deixavam de ser acabamento e passavam a ser parte central da experiência de aprendizagem. O link apresenta a versão aberta do material; a estrutura base desenvolvida no período permaneceu em uso até 2025, evoluída pela equipe responsável pelo curso.
Contribuição
Papel e entregas neste projeto.
- Participação em uma equipe diversa para repensar material didático digital.
- Aplicação inicial de princípios de UX e UI em um contexto com poucas referências consolidadas.
- Apoio ao redesenho de conteúdos educacionais para reduzir barreiras de compreensão, consumo e retenção.
- Criação e manutenção de UI kits e templates para padronizar interfaces dentro da instituição.
- Definição de uma estrutura responsiva para ampliar o acesso ao conteúdo em diferentes telas e condições de uso.
- Organização visual de uma experiência de aprendizagem ligada a cursos técnicos com alta carga horária e diferentes trilhas de formação.
- Motion design, UX/UI e design visual aplicados à experiência educacional digital.
Telas e processo
Evidências visuais do produto.
Recortes selecionados do produto e do processo. Parte do material permanece protegida ou em evolução.
Material didático
Portal público do material — cursos e entrada na jornada.
Catálogo de cursos
Estrutura de trilhas técnicas com acesso ampliado.
Mobile + acessibilidade
Versão estreita com controles de contraste e tamanho de texto.
Sistema visual
Recorte do material redesenhado com foco em clareza.
Decisões
Decisões de produto e design.
- 01Tratar responsividade, acessibilidade e clareza como núcleo da experiência — não como acabamento visual.
- 02Padronizar com UI kits e templates para escala institucional, em vez de telas pontuais sem sistema.
- 03Priorizar compreensão de conteúdo técnico e redução de abandono sobre efeitos visuais.
- 04Desenhar para dispositivos desiguais (incluindo smartphones menos modernos), alinhado à realidade de acesso dos alunos.
Aprendizado e impacto
Um projeto inicial para aproximar design digital, acesso e aprendizagem.
Acesso em múltiplos dispositivos
A proposta defendeu responsividade e uso em smartphones para reduzir barreiras de acesso ao conteúdo técnico, sem depender exclusivamente de dispositivos mais modernos.
Adoção e continuidade
Após a migração para a web responsiva, os alunos passaram a acessar o material de casa pelo celular. O indicador de acesso chegou a quase 80%, monitorado pelo link do material na plataforma Moodle. A estrutura redesenhada permaneceu em uso até 2025.
Base metodológica
A experiência ajudou a formar repertório prático em UX, UI, acessibilidade e educação digital em um momento em que esses termos ainda eram pouco difundidos no contexto do projeto.
Continuar explorando