Voltar
S.A.P.S.
Redesign do S.A.P.S., sistema governamental do DAT-RN
Redesign do S.A.P.S., sistema governamental do DAT-RN
O SAPS é o sistema do DAT-RN, responsável por gerenciar processos de segurança contra incêndio e pânico. Ele atende tanto usuários internos do órgão quanto cidadãos, empresas e responsáveis por edificações ou eventos. A plataforma centraliza fiscalização, vistorias, análises e acompanhamento de processos.
O SAPS é o sistema do DAT-RN, responsável por gerenciar processos de segurança contra incêndio e pânico. Ele atende tanto usuários internos do órgão quanto cidadãos, empresas e responsáveis por edificações ou eventos. A plataforma centraliza fiscalização, vistorias, análises e acompanhamento de processos.
Discovery
UX Design
UI Design
Empresa
DAT - Rio grande do Norte
Função
Product designer
Período
2 meses
Categoria
Redesign
Responsabilidades
• Condução end-to-end do projeto
• Discovery com stakeholders e setores chave
• Mapeamento de fluxos operacionais
• Definição de arquitetura da informação
• Design de experiência e interface (UX/UI)
• Validação interna
• Handoff e documentação
Sobre o projeto
Overview do projeto
Overview do projeto
O S.A.P.S. (Sistema de Acompanhamento de Projetos de Segurança) é a plataforma do DAT-RN (Departamento de Atividades Técnicas do Corpo de Bombeiros Militar do Rio Grande do Norte) responsável por gerenciar processos de vistoria, fiscalização, monitoramento e emissão de certificados para edificações e eventos, sendo utilizada tanto por servidores internos quanto pela população.
O projeto partiu de um sistema anterior com baixa usabilidade, fluxos fragmentados e limitações técnicas, o que impactava diretamente a eficiência operacional e a experiência dos usuários. A solução envolveu uma reformulação completa da experiência, baseada nos processos reais do dia a dia dos setores, além da modernização visual da interface, tornando o sistema mais claro, profissional, intuitivo e alinhado às necessidades institucionais e do cidadão.
A nova experiência do sistema foi construída a partir de escuta ativa com os profissionais que utilizam a plataforma diariamente, envolvendo diretamente militares do Corpo de Bombeiros no processo. Essa colaboração garantiu a compreensão profunda dos fluxos operacionais, promovendo um briefing sólido e decisões de design alinhadas à realidade do trabalho, com foco em clareza, precisão e eficiência.
Objetivo
Por que redesenhar a plataforma?
Por que redesenhar a plataforma?
Os dois perfis de usuários mapeados enfrentavam dificuldades tão significativas que, em muitos casos, partes do sistema anterior se tornavam inutilizáveis, levando ao uso de processos manuais e documentos impressos.
Além disso, os clientes (A população), especialmente donos de edificações e responsáveis por eventos, frequentemente precisavam realizar etapas presencialmente. Com o novo sistema, esses fluxos foram digitalizados e simplificados, tornando os processos mais acessíveis, eficientes e confiáveis.
Depois
Depois
Antes
Antes
“O Redesenho do sistema foi essencial para transformar burocracia em agilidade, clareza e impacto real na segurança da população.”
“O Redesenho do sistema foi essencial para transformar burocracia em agilidade, clareza e impacto real na segurança da população.”
“O Redesenho do sistema foi essencial para transformar burocracia em agilidade, clareza e impacto real na segurança da população.”
O processo
Processo de execução
Processo de execução
Quando o processo é bem executado, o resultado não é apenas bonito mas também é funcional, escalável e gera impacto real no negócio.
Quando o processo é bem executado, o resultado não é apenas bonito mas também é funcional, escalável e gera impacto real no negócio.
1
Discovery
Imersão com militares e equipes técnicas para entender rotinas, dores operacionais e gargalos do sistema
Imersão com militares e equipes técnicas para entender rotinas, dores operacionais e gargalos do sistema
2
Definição
Síntese dos insights em problemas claros, objetivos estratégicos e uma experiência alinhada à realidade do uso diário
Síntese dos insights em problemas claros, objetivos estratégicos e uma experiência alinhada à realidade do uso diário
3
Ideação
Construção da arquitetura da informação e dos fluxos, organizando jornadas de forma clara, intuitiva e eficiente.
Construção da arquitetura da informação e dos fluxos, organizando jornadas de forma clara, intuitiva e eficiente.
4
Prototipação
Criação de telas e fluxos completos para validar soluções e orientar decisões de design.
Criação de telas e fluxos completos para validar soluções e orientar decisões de design.
5
Teste
Validação interna com equipes do DAT e Corpo de Bombeiros, refinando a experiência com base em feedbacks reais de uso.
Validação interna com equipes do DAT e Corpo de Bombeiros, refinando a experiência com base em feedbacks reais de uso.
1 º Etapa
Mapeamento das features problemas e hipóteses
Mapeamento das features problemas e hipóteses
Para a iniciação do projeto, foi realizado um mapeamento completo do sistema, seguido de uma análise heurística que permitiu a definição de hipóteses sobre possíveis problemas e oportunidades de melhoria.
Para a iniciação do projeto, foi realizado um mapeamento completo do sistema, seguido de uma análise heurística que permitiu a definição de hipóteses sobre possíveis problemas e oportunidades de melhoria.
As hipóteses
Com base nas heurísticas de Nielsen e nos feedbacks recebidos pelo time de suporte da comunidade, as principais hipóteses de problemas concentram-se na forma como o conteúdo é organizado e em como o usuário realiza a busca por esse conteúdo. Como solução inicial, foi conduzido um brainstorming em equipe para discutir uma nova hierarquia visual e de conteúdos, além da criação de um sistema de trilhas que guie o usuário ao longo da jornada de estudos.
Com base nas heurísticas de Nielsen e nos feedbacks recebidos pelo time de suporte da comunidade, as principais hipóteses de problemas concentram-se na forma como o conteúdo é organizado e em como o usuário realiza a busca por esse conteúdo. Como solução inicial, foi conduzido um brainstorming em equipe para discutir uma nova hierarquia visual e de conteúdos, além da criação de um sistema de trilhas que guie o usuário ao longo da jornada de estudos.
Principais desafios mapeados
Principais desafios mapeados
Foram identificados desafios críticos que comprometiam o uso do sistema no dia a dia. Problemas técnicos e de usabilidade faziam com que a plataforma fosse parcialmente abandonada, enquanto informações mal estruturadas dificultavam análises e tomadas de decisão. Em alguns casos, equipes precisaram criar dashboards externos no Power BI para suprir lacunas de dados, evidenciando a necessidade de uma solução mais robusta, integrada e alinhada à realidade operacional.
Foram identificados desafios críticos que comprometiam o uso do sistema no dia a dia. Problemas técnicos e de usabilidade faziam com que a plataforma fosse parcialmente abandonada, enquanto informações mal estruturadas dificultavam análises e tomadas de decisão. Em alguns casos, equipes precisaram criar dashboards externos no Power BI para suprir lacunas de dados, evidenciando a necessidade de uma solução mais robusta, integrada e alinhada à realidade operacional.
Usabilidade comprometida
Ausência de dados estruturados e baixa aderência aos fluxos reais de trabalho, resultando em uma experiência construída sem embasamento, validação ou alinhamento com a operação.
Ausência de dados estruturados e baixa aderência aos fluxos reais de trabalho, resultando em uma experiência construída sem embasamento, validação ou alinhamento com a operação.
Interface confusa
Interface construída sem hierarquia visual e critérios de acessibilidade, gerando dificuldades de navegação devido à ausência de padrões consistentes de uso.
Interface construída sem hierarquia visual e critérios de acessibilidade, gerando dificuldades de navegação devido à ausência de padrões consistentes de uso.
Taxa de retenção em queda constante
Devido a falhas técnicas e problemas de usabilidade, os usuários passaram a abandonar o sistema e recorrer a processos manuais, impactando diretamente a eficiência e a rotina de trabalho.
Devido a falhas técnicas e problemas de usabilidade, os usuários passaram a abandonar o sistema e recorrer a processos manuais, impactando diretamente a eficiência e a rotina de trabalho.
2º Etapa
Definição
Definição
Nesta etapa, os dados coletados no discovery foram analisados e sintetizados para estruturar a estratégia do projeto. A partir disso, foram definidos dois perfis centrais (ICP - Ideal customer profile):
Nesta etapa, os dados coletados no discovery foram analisados e sintetizados para estruturar a estratégia do projeto. A partir disso, foram definidos dois perfis centrais (ICP - Ideal customer profile):
ICP 1 - Servidor do corpo de bombeiros
Profissional que atua na área administrativa do Corpo de Bombeiros Militar do Rio Grande do Norte, distribuído entre setores como administração, chefia, atendimento, vistoria e análise técnica. É responsável por validar processos, conduzir fiscalizações, emitir pareceres, homologar certificados e garantir o cumprimento das normas de segurança.
Profissional que atua na área administrativa do Corpo de Bombeiros Militar do Rio Grande do Norte, distribuído entre setores como administração, chefia, atendimento, vistoria e análise técnica. É responsável por validar processos, conduzir fiscalizações, emitir pareceres, homologar certificados e garantir o cumprimento das normas de segurança.
ICP 2 - Dono de uma edificação ou evento
Pessoa física ou jurídica responsável por edificações, estabelecimentos comerciais ou eventos que necessitam emitir, renovar ou acompanhar certificados obrigatórios como CLEP, CLCB, AVCB, AVCB Subloja e declarações junto ao DAT.
Pessoa física ou jurídica responsável por edificações, estabelecimentos comerciais ou eventos que necessitam emitir, renovar ou acompanhar certificados obrigatórios como CLEP, CLCB, AVCB, AVCB Subloja e declarações junto ao DAT.
Dono de uma edificação ou evento
Dono de uma edificação ou evento
Pessoa física ou jurídica responsável por edificações, estabelecimentos comerciais ou eventos que necessitam emitir, renovar ou acompanhar certificados obrigatórios como CLEP, CLCB, AVCB, AVCB Subloja e declarações junto ao DAT.
Pessoa física ou jurídica responsável por edificações, estabelecimentos comerciais ou eventos que necessitam emitir, renovar ou acompanhar certificados obrigatórios como CLEP, CLCB, AVCB, AVCB Subloja e declarações junto ao DAT.
Objetivo:
Objetivo:
Regularizar seu imóvel ou evento de forma rápida, clara e segura, evitando deslocamentos presenciais desnecessários e reduzindo riscos de reprovação ou atraso no processo.
Regularizar seu imóvel ou evento de forma rápida, clara e segura, evitando deslocamentos presenciais desnecessários e reduzindo riscos de reprovação ou atraso no processo.
Principais necessidades:
Principais necessidades:
Orientações simples, linguagem acessível, acompanhamento transparente do status, facilidade no envio de documentos e clareza sobre exigências técnicas e prazos.
Orientações simples, linguagem acessível, acompanhamento transparente do status, facilidade no envio de documentos e clareza sobre exigências técnicas e prazos.
Principais dores:
Principais dores:
Processos burocráticos, linguagem técnica excessiva, incerteza sobre etapas, dificuldade de navegação e dependência de atendimento presencial.
Processos burocráticos, linguagem técnica excessiva, incerteza sobre etapas, dificuldade de navegação e dependência de atendimento presencial.
Comportamento digital:
Comportamento digital:
Uso pontual do sistema, geralmente orientado por uma necessidade específica, com baixa familiaridade técnica e alta expectativa por clareza e autonomia.
Uso pontual do sistema, geralmente orientado por uma necessidade específica, com baixa familiaridade técnica e alta expectativa por clareza e autonomia.
Corpo de bombeiros militar
Corpo de bombeiros militar
Profissional que atua na área administrativa do Corpo de Bombeiros Militar do Rio Grande do Norte, distribuído entre setores como administração, chefia, atendimento, vistoria e análise técnica. É responsável por validar processos, conduzir fiscalizações, emitir pareceres, homologar certificados e garantir o cumprimento das normas de segurança.
Profissional que atua na área administrativa do Corpo de Bombeiros Militar do Rio Grande do Norte, distribuído entre setores como administração, chefia, atendimento, vistoria e análise técnica. É responsável por validar processos, conduzir fiscalizações, emitir pareceres, homologar certificados e garantir o cumprimento das normas de segurança.
Objetivo:
Objetivo:
Garantir agilidade nos fluxos internos, reduzir retrabalho, manter controle sobre prazos e processos, e assegurar conformidade técnica e legal nas análises e vistorias.
Garantir agilidade nos fluxos internos, reduzir retrabalho, manter controle sobre prazos e processos, e assegurar conformidade técnica e legal nas análises e vistorias.
Principais necessidades:
Principais necessidades:
Acesso rápido a informações completas e confiáveis, visão clara do status dos processos, rastreabilidade de decisões, integração entre setores e suporte à tomada de decisão operacional.
Acesso rápido a informações completas e confiáveis, visão clara do status dos processos, rastreabilidade de decisões, integração entre setores e suporte à tomada de decisão operacional.
Principais dores:
Principais dores:
Sistemas instáveis, dados fragmentados, ausência de indicadores, retrabalho manual, dificuldade de acompanhamento entre áreas e baixa confiabilidade das informações.
Sistemas instáveis, dados fragmentados, ausência de indicadores, retrabalho manual, dificuldade de acompanhamento entre áreas e baixa confiabilidade das informações.
Comportamento digital:
Comportamento digital:
Uso intenso da plataforma ao longo do dia, necessidade de operar múltiplos processos simultaneamente e dependência de dados estruturados para execução eficiente do trabalho.
Uso intenso da plataforma ao longo do dia, necessidade de operar múltiplos processos simultaneamente e dependência de dados estruturados para execução eficiente do trabalho.
FAZER AGORA
FAZER AGORA
FAZER QUANDO DER
FAZER QUANDO DER
NÃO FAZER
NÃO FAZER
PROGRAMAR PARA FAZER
PROGRAMAR PARA FAZER
Alto impacto, pouco esforço
Alto impacto, pouco esforço
Baixo impacto, pouco esforço
Baixo impacto, pouco esforço
Alto impacto, alto esforço
Alto impacto, alto esforço
Baixo impacto, muito esforço
Baixo impacto, muito esforço
Impacto (-)
Impacto (-)
Impacto (+)
Impacto (+)
Esforço (-)
Esforço (-)
Esforço (+)
Esforço (+)
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Matriz de impacto/esforço
A matriz é uma ferramenta utilizada para priorizar as funcionalidades com base no equilíbrio entre impacto no usuário e esforço de implementação, orientando decisões estratégicas e garantindo foco nas melhorias de maior valor para a operação e para a experiência.
A matriz é uma ferramenta utilizada para priorizar as funcionalidades com base no equilíbrio entre impacto no usuário e esforço de implementação, orientando decisões estratégicas e garantindo foco nas melhorias de maior valor para a operação e para a experiência.
Escopo de redesenvolvimento
O escopo de redesenvolvimento do S.A.P.S tem como proposta reorganizar fluxos críticos, padronizar operações entre setores e garantir maior clareza, rastreabilidade e eficiência nos processos, criando uma base sólida para uma experiência mais confiável, integrada e alinhada à rotina real do Corpo de Bombeiros e da população.
O escopo de redesenvolvimento do S.A.P.S tem como proposta reorganizar fluxos críticos, padronizar operações entre setores e garantir maior clareza, rastreabilidade e eficiência nos processos, criando uma base sólida para uma experiência mais confiável, integrada e alinhada à rotina real do Corpo de Bombeiros e da população.
Estratégia utilizada
Estratégia utilizada
Para o redesenho da plataforma, foi decidido seguir um processo enxuto de ideação, prototipação e testes, com foco direto na resolução das principais dores dos usuários, sem eliminar funcionalidades, mesmo as menos utilizadas, devido às regras de negócio e às diretrizes operacionais do DAT.
Para o redesenho da plataforma, foi decidido seguir um processo enxuto de ideação, prototipação e testes, com foco direto na resolução das principais dores dos usuários, sem eliminar funcionalidades, mesmo as menos utilizadas, devido às regras de negócio e às diretrizes operacionais do DAT.
Etapa de Ideação focada em arquitetura da informação
Para assegurar que o redesign gerasse impacto real na operação, e não apenas melhorias estéticas, foi decidido direcionar a etapa de ideação para a arquitetura da informação e estruturação dos fluxos críticos do sistema. Essa abordagem estratégica permitiu alinhar experiência, regras de negócio e eficiência operacional, potencializando os resultados.
Para assegurar que o redesign gerasse impacto real na operação, e não apenas melhorias estéticas, foi decidido direcionar a etapa de ideação para a arquitetura da informação e estruturação dos fluxos críticos do sistema. Essa abordagem estratégica permitiu alinhar experiência, regras de negócio e eficiência operacional, potencializando os resultados.
Redução de múltiplos cliques
A versão anterior da plataforma concentrava funcionalidades que exigiam múltiplos cliques para serem acessadas, impactando diretamente a agilidade operacional. Para melhorar a experiência e tornar o uso mais eficiente no dia a dia, foi necessário reestruturar a arquitetura da informação, reorganizando funcionalidades e tornando-as mais acessíveis e intuitivas.
A versão anterior da plataforma concentrava funcionalidades que exigiam múltiplos cliques para serem acessadas, impactando diretamente a agilidade operacional. Para melhorar a experiência e tornar o uso mais eficiente no dia a dia, foi necessário reestruturar a arquitetura da informação, reorganizando funcionalidades e tornando-as mais acessíveis e intuitivas.
Foco no aumento da retenção dos usuários internos
A maior parte do uso da plataforma é feita pelo DAT, já que o cidadão a acessa apenas para emissão e acompanhamento de certificados. Por isso, foi essencial priorizar uma experiência voltada à retenção desse público que utiliza o sistema diariamente, transformando fluxos complexos em interações simples, rápidas e eficientes.
A maior parte do uso da plataforma é feita pelo DAT, já que o cidadão a acessa apenas para emissão e acompanhamento de certificados. Por isso, foi essencial priorizar uma experiência voltada à retenção desse público que utiliza o sistema diariamente, transformando fluxos complexos em interações simples, rápidas e eficientes.
3º Etapa
Ideação
Ideação
Nesta etapa, o foco esteve na construção da arquitetura da informação e na definição dos fluxos completos da plataforma. Foram estruturados esquemas detalhados de navegação e processos, permitindo que clientes, desenvolvedores e stakeholders compreendessem, validassem e evoluíssem a solução antes mesmo da criação dos protótipos.
Nesta etapa, o foco esteve na construção da arquitetura da informação e na definição dos fluxos completos da plataforma. Foram estruturados esquemas detalhados de navegação e processos, permitindo que clientes, desenvolvedores e stakeholders compreendessem, validassem e evoluíssem a solução antes mesmo da criação dos protótipos.
4º Etapa
Prototipação
Prototipação
Nesta etapa, as estruturas e fluxos definidos foram traduzidos em telas, permitindo visualizar a experiência de forma concreta e validar decisões de UX antes do desenvolvimento. Os protótipos serviram como base para alinhamento com stakeholders, ajustes estratégicos e refinamento da solução.
Nesta etapa, as estruturas e fluxos definidos foram traduzidos em telas, permitindo visualizar a experiência de forma concreta e validar decisões de UX antes do desenvolvimento. Os protótipos serviram como base para alinhamento com stakeholders, ajustes estratégicos e refinamento da solução.
Login
Login
Acesse sua conta com as suas credenciais de acesso.
Matricula
Matricula
09765329
09765329
Senha
Senha
Digite sua senha
Digite sua senha
Relembre-me
Esqueceu a senha?
Esqueceu a senha?
Entrar
Entrar
S.A.P.S.
S.A.P.S.
Sistema de Acompanhamento de Projetos de Segurança
Sistema de Acompanhamento de Projetos de Segurança
o SAPS garante maior transparência e eficiência no gerenciamento da segurança, permitindo que equipes acompanhem o progresso em tempo real e tomem decisões estratégicas com base em dados atualizados.
o SAPS garante maior transparência e eficiência no gerenciamento da segurança, permitindo que equipes acompanhem o progresso em tempo real e tomem decisões estratégicas com base em dados atualizados.
JS
Interface
Protótipo com estruturas organizadas em autolayout e tokenizadas, garantindo consistência visual e facilitando o handoff para o desenvolvimento
Protótipo com estruturas organizadas em autolayout e tokenizadas, garantindo consistência visual e facilitando o handoff para o desenvolvimento
Acessibilidade
A interface foi construída seguindo as diretrizes da WCAG, com atenção especial à acessibilidade visual, contraste de cores e legibilidade.
A interface foi construída seguindo as diretrizes da WCAG, com atenção especial à acessibilidade visual, contraste de cores e legibilidade.
Padronização
O projeto utilizou um style guide consistente e componentes no Figma, garantindo padronização visual, escalabilidade do sistema e agilidade no processo de design.
O projeto utilizou um style guide consistente e componentes no Figma, garantindo padronização visual, escalabilidade do sistema e agilidade no processo de design.
5º Etapa
Testes
Testes
Devido ao prazo de entrega, os testes com usuários foram concentrados em públicos internos, especificamente servidores do DAT.
As validações ocorreram de forma assistida, com escuta ativa das experiências relatadas, transformando feedbacks em insumos estratégicos que retroalimentaram a etapa de prototipação, garantindo que os ajustes fossem aplicados de forma consistente à interface e à experiência.
Devido ao prazo de entrega, os testes com usuários foram concentrados em públicos internos, especificamente servidores do DAT.
As validações ocorreram de forma assistida, com escuta ativa das experiências relatadas, transformando feedbacks em insumos estratégicos que retroalimentaram a etapa de prototipação, garantindo que os ajustes fossem aplicados de forma consistente à interface e à experiência.
O projeto
O resultado final do projeto
O resultado final do projeto
Com base nos insights levantados e no processo de ideação do redesign, chegou-se a uma plataforma mais otimizada, construída a partir de decisões estratégicas e orientadas por dados reais de uso.
Com base nos insights levantados e no processo de ideação do redesign, chegou-se a uma plataforma mais otimizada, construída a partir de decisões estratégicas e orientadas por dados reais de uso.
resultados
Resultados obtidos
Resultados obtidos
Quando o processo é bem executado, o resultado não é apenas bonito mas também é funcional, escalável e gera impacto real no negócio.
Quando o processo é bem executado, o resultado não é apenas bonito mas também é funcional, escalável e gera impacto real no negócio.
Eficiência Operacional
Fluxos redesenhados reduziram fricções, retrabalho e tempo de execução das tarefas, alinhando o sistema à rotina real dos servidores do DAT.
Fluxos redesenhados reduziram fricções, retrabalho e tempo de execução das tarefas, alinhando o sistema à rotina real dos servidores do DAT.
Autonomia do Cidadão
A experiência mais clara e acessível diminuiu a dependência de atendimentos presenciais, facilitando solicitações, acompanhamentos e renovações de certificados.
A experiência mais clara e acessível diminuiu a dependência de atendimentos presenciais, facilitando solicitações, acompanhamentos e renovações de certificados.
Consistência e Escalabilidade
A padronização visual e estrutural fortaleceu a confiabilidade do sistema e criou uma base sólida para evolução futura da plataforma.
A padronização visual e estrutural fortaleceu a confiabilidade do sistema e criou uma base sólida para evolução futura da plataforma.
A UX research & redesign da comunidade sem codar, transforma dados em experiências que engajam
A UX research & redesign da comunidade sem codar, transforma dados em experiências que engajam
Ver próximo projeto
