Tiago Magno
SobrePortfólioConsultoriaContato
Iniciar Projeto
HomePortfólioQuest
Sistemas WebA preencher.

Quest

Primeiras interfaces de um sistema de e-learning (LMS), já com fluxo de trabalho em Figma.

ProjetoQuest
PapelDesign e Desenvolvimento de Interface (UX/UI)
AnoA preencher.
CategoriaSistemas Web
01

Visão Geral e Contexto de Negócio

Contexto
Trabalho como funcionário CLT na Quest — projeto mais online, já com Figma como ferramenta desde o início.
Problema de Negócio
Sistema interno que precisava de uma camada de interface e experiência de uso bem estruturada.
Objetivos & KPIs
Estruturar a interface do sistema com boa usabilidade
Acompanhar a evolução do projeto de ferramentas mais antigas (Photoshop) para um fluxo de design mais moderno (Figma)
Seu Papel & Escopo
Desenvolvimento das primeiras interfaces do sistema E-learn (LMS).
Restrições & Prazos
Vínculo CLT, dentro da estrutura e prioridades internas da empresa
Ferramental disponível evoluiu ao longo do projeto (de Photoshop para Figma)
02

Diagnóstico, Pesquisa e Alinhamento Estratégico

Metodologia
Levantamento de requisitos internos junto ao time e às áreas envolvidas no sistema.
Por que essa abordagem?
Como funcionário interno, o acesso direto às áreas de negócio permitia entender de perto as necessidades reais do sistema.

"A evolução do ferramental de design ao longo do projeto trouxe ganhos diretos de qualidade e velocidade na criação das interfaces."

Principal Insight
A evolução do ferramental de design ao longo do projeto trouxe ganhos diretos de qualidade e velocidade na criação das interfaces.
Gestão de Stakeholders
Colaboração direta com o time interno da empresa e demais áreas envolvidas no sistema.
03

Arquitetura, Decisões de Design e UI

Hipótese Central

Estruturar interfaces claras para sistemas internos de gestão, equilibrando usabilidade com a complexidade das regras de negócio.

Alternativas Descartadas
Manter o fluxo de trabalho apenas no Photoshop

A migração para o Figma trouxe mais agilidade e recursos para o processo de design de interface.

Edge Cases & Fluxos
Fluxos internos de validação e regras de negócio específicas de cada sistema.
Design System
Photoshop nos projetos mais antigos, migrando para Figma.
Validação & Usabilidade
Validação interna com o time e as áreas envolvidas no sistema.
04

Viabilidade Técnica e Handoff

Colaboração com Engenharia
Colaboração direta com a equipe de desenvolvimento interna da empresa, como parte do mesmo time.
Especificação & Documentação
Telas e fluxos entregues à equipe de desenvolvimento interna.
Estratégia de Lançamento
Lançamento conduzido internamente pela empresa, como parte do processo do próprio sistema.
05

Impacto, Resultados e Aprendizados

Resultados Quantitativos
Impacto Qualitativo
Experiência formativa como primeiro trabalho após a formatura, com aprendizado direto em ambiente profissional de sistemas.
Post-mortem — o que faria diferente

Projeto foi posteriormente descontinuado (segundo o que você acredita, sem confirmação total).

Próximo case

Leliane Picanço