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

Icon

Design de interface para sistema de gestão ligado à Lei de Informática, com escopo estendido a identidade visual e site.

ProjetoIcon
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 Icon — sistema de gerenciamento (SGDI) ligado à Lei de Informática, controlando dinheiro de projetos internos, validações e captação de receita.
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
Design de interface do sistema, iniciado no Photoshop e migrado para Figma, além de identidade visual, site institucional e cobertura fotográfica de eventos de divulgação do sistema.
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

Cerca de 1 ano e meio dedicado ao projeto, que foi concluído — sem confirmação se segue em uso pelo cliente hoje.

Próximo case

Orla Bardott