projetos

Sobre mim

Contato

Portfolio Product Design (UX)

Oiê! Eu sou a

Isabella Bello.

Transformo experiências humanas em soluções digitais desde 2018.

Ver projetos

Contato

UX/UI · Navegável · setor público

Dashboard GESeg

Visualização de dados para Políticas Públicas do estado do Rio Grande do Sul.

CLiente

PROCERGS

Ano

2021

Área

UX/UI

01

Contexto

O projeto consistiu no desenvolvimento das interfaces do GESeg, uma dashboard de visualização de dados do programa RS Seguro, voltada ao monitoramento de ocorrências, vítimas e incidentes de segurança pública no Rio Grande do Sul.

A solução utiliza dados para identificar padrões relacionados à criminalidade, permitindo analisar informações como frequência, tendências, locais e horários das ocorrências. O projeto contemplava 23 municípios, principalmente da região metropolitana.

Desenvolvido em parceria com Larissa Stepanow, sob orientação de Heli Meurer, UX Master, o trabalho envolveu contato direto com a equipe de análise de dados, desenvolvimento e apresentação dos protótipos para stakeholders.

Ferramenta utilizada: Adobe XD.

02

Desafio

O principal desafio era transformar um grande volume de dados de segurança pública em informações que pudessem ser compreendidas e analisadas de forma rápida. A partir dos dados fornecidos pela equipe de análise, precisávamos definir como representar indicadores, tendências, comparações e padrões sem comprometer a clareza das informações.

Além disso, era necessário estruturar uma experiência que permitisse diferentes níveis de análise: desde uma visão geral do Estado até informações específicas de cada município, mantendo consistência entre as diferentes visualizações.

03

Processo

A partir das necessidades de análise, exploramos diferentes formas de traduzir os dados em elementos visuais, trabalhando conjuntamente gráficos, tabelas, indicadores, diagramas, iconografia e filtros.

A interface foi estruturada em duas páginas principais: uma dashboard do Estado, com uma visão geral dos indicadores, e uma dashboard do Município, com informações específicas da localidade selecionada.

Também trabalhamos diferentes recortes temporais para permitir comparações e análises mais precisas, incluindo períodos de 12, 6 e 3 meses, ano vigente e comparações entre meses e anos anteriores.

A paleta de cores e a iconografia foram construídas a partir de elementos familiares aos usuários, levando em conta aspectos de acessibilidade como contraste de cores alinhado a uso de formas para facilitar a identificação dos itens.

Durante o processo, os protótipos foram apresentados em reuniões com stakeholders para validação e alinhamento da solução.

04

Resultado

O projeto reforçou para mim que acessibilidade não é apenas uma característica da interface, mas uma questão que precisa orientar todo o processo de Design. Investigar o contexto antes de propor a solução foi essencial para compreender o problema para além da tela e transformar uma necessidade educacional em uma experiência digital.

Imagem A: Mockup da dashboard GESeg.

05

Aprendizado

O projeto reforçou para mim que acessibilidade não é apenas uma característica da interface, mas uma questão que precisa orientar todo o processo de Design. Investigar o contexto antes de propor a solução foi essencial para compreender o problema para além da tela e transformar uma necessidade educacional em uma experiência digital.

← Voltar

Próximo →

© 2026 · Isabella Smaniotto Bello

UX/UI · Navegável · setor público

Dashboard GESeg

Visualização de dados para Políticas Públicas do estado do Rio Grande do Sul.

CLiente

PROCERGS

Ano

2021

Área

UX/UI

01

Contexto

O projeto consistiu no desenvolvimento das interfaces do GESeg, uma dashboard de visualização de dados do programa RS Seguro, voltada ao monitoramento de ocorrências, vítimas e incidentes de segurança pública no Rio Grande do Sul.

A solução utiliza dados para identificar padrões relacionados à criminalidade, permitindo analisar informações como frequência, tendências, locais e horários das ocorrências. O projeto contemplava 23 municípios, principalmente da região metropolitana.

Desenvolvido em parceria com Larissa Stepanow, sob orientação de Heli Meurer, UX Master, o trabalho envolveu contato direto com a equipe de análise de dados, desenvolvimento e apresentação dos protótipos para stakeholders.

Ferramenta utilizada: Adobe XD.

02

Desafio

O principal desafio era transformar um grande volume de dados de segurança pública em informações que pudessem ser compreendidas e analisadas de forma rápida. A partir dos dados fornecidos pela equipe de análise, precisávamos definir como representar indicadores, tendências, comparações e padrões sem comprometer a clareza das informações.

Além disso, era necessário estruturar uma experiência que permitisse diferentes níveis de análise: desde uma visão geral do Estado até informações específicas de cada município, mantendo consistência entre as diferentes visualizações.

03

Processo

A partir das necessidades de análise, exploramos diferentes formas de traduzir os dados em elementos visuais, trabalhando conjuntamente gráficos, tabelas, indicadores, diagramas, iconografia e filtros.

A interface foi estruturada em duas páginas principais: uma dashboard do Estado, com uma visão geral dos indicadores, e uma dashboard do Município, com informações específicas da localidade selecionada.

Também trabalhamos diferentes recortes temporais para permitir comparações e análises mais precisas, incluindo períodos de 12, 6 e 3 meses, ano vigente e comparações entre meses e anos anteriores.

A paleta de cores e a iconografia foram construídas a partir de elementos familiares aos usuários, levando em conta aspectos de acessibilidade como contraste de cores alinhado a uso de formas para facilitar a identificação dos itens.

Durante o processo, os protótipos foram apresentados em reuniões com stakeholders para validação e alinhamento da solução.

04

Resultado

O projeto reforçou para mim que acessibilidade não é apenas uma característica da interface, mas uma questão que precisa orientar todo o processo de Design. Investigar o contexto antes de propor a solução foi essencial para compreender o problema para além da tela e transformar uma necessidade educacional em uma experiência digital.

Imagem A: Mockup da dashboard GESeg.

05

Aprendizado

O projeto reforçou para mim que acessibilidade não é apenas uma característica da interface, mas uma questão que precisa orientar todo o processo de Design. Investigar o contexto antes de propor a solução foi essencial para compreender o problema para além da tela e transformar uma necessidade educacional em uma experiência digital.

← Voltar para Projetos

Próximo projeto →

© 2026 · Isabella Smaniotto Bello

UX/UI · Navegável · setor público

Dashboard GESeg

Visualização de dados para Políticas Públicas do estado do Rio Grande do Sul.

CLiente

PROCERGS

Ano

2021

Área

UX/UI

01

Contexto

O projeto consistiu no desenvolvimento das interfaces do GESeg, uma dashboard de visualização de dados do programa RS Seguro, voltada ao monitoramento de ocorrências, vítimas e incidentes de segurança pública no Rio Grande do Sul.

A solução utiliza dados para identificar padrões relacionados à criminalidade, permitindo analisar informações como frequência, tendências, locais e horários das ocorrências. O projeto contemplava 23 municípios, principalmente da região metropolitana.

Desenvolvido em parceria com Larissa Stepanow, sob orientação de Heli Meurer, UX Master, o trabalho envolveu contato direto com a equipe de análise de dados, desenvolvimento e apresentação dos protótipos para stakeholders.

Ferramenta utilizada: Adobe XD.

02

Desafio

O principal desafio era transformar um grande volume de dados de segurança pública em informações que pudessem ser compreendidas e analisadas de forma rápida. A partir dos dados fornecidos pela equipe de análise, precisávamos definir como representar indicadores, tendências, comparações e padrões sem comprometer a clareza das informações.

Além disso, era necessário estruturar uma experiência que permitisse diferentes níveis de análise: desde uma visão geral do Estado até informações específicas de cada município, mantendo consistência entre as diferentes visualizações.

03

Processo

A partir das necessidades de análise, exploramos diferentes formas de traduzir os dados em elementos visuais, trabalhando conjuntamente gráficos, tabelas, indicadores, diagramas, iconografia e filtros.

A interface foi estruturada em duas páginas principais: uma dashboard do Estado, com uma visão geral dos indicadores, e uma dashboard do Município, com informações específicas da localidade selecionada.

Também trabalhamos diferentes recortes temporais para permitir comparações e análises mais precisas, incluindo períodos de 12, 6 e 3 meses, ano vigente e comparações entre meses e anos anteriores.

A paleta de cores e a iconografia foram construídas a partir de elementos familiares aos usuários, levando em conta aspectos de acessibilidade como contraste de cores alinhado a uso de formas para facilitar a identificação dos itens.

Durante o processo, os protótipos foram apresentados em reuniões com stakeholders para validação e alinhamento da solução.

04

Resultado

O projeto reforçou para mim que acessibilidade não é apenas uma característica da interface, mas uma questão que precisa orientar todo o processo de Design. Investigar o contexto antes de propor a solução foi essencial para compreender o problema para além da tela e transformar uma necessidade educacional em uma experiência digital.

Imagem A: Mockup da dashboard GESeg.

05

Aprendizado

O projeto reforçou para mim que acessibilidade não é apenas uma característica da interface, mas uma questão que precisa orientar todo o processo de Design. Investigar o contexto antes de propor a solução foi essencial para compreender o problema para além da tela e transformar uma necessidade educacional em uma experiência digital.

← Voltar para Projetos

Próximo projeto →

© 2026 · Isabella Smaniotto Bello

UX/UI · Navegável · setor público

Dashboard GESeg

Visualização de dados para Políticas Públicas do estado do Rio Grande do Sul.

CLiente

PROCERGS

Ano

2021

Área

UX/UI

01

Contexto

O projeto consistiu no desenvolvimento das interfaces do GESeg, uma dashboard de visualização de dados do programa RS Seguro, voltada ao monitoramento de ocorrências, vítimas e incidentes de segurança pública no Rio Grande do Sul.

A solução utiliza dados para identificar padrões relacionados à criminalidade, permitindo analisar informações como frequência, tendências, locais e horários das ocorrências. O projeto contemplava 23 municípios, principalmente da região metropolitana.

Desenvolvido em parceria com Larissa Stepanow, sob orientação de Heli Meurer, UX Master, o trabalho envolveu contato direto com a equipe de análise de dados, desenvolvimento e apresentação dos protótipos para stakeholders.

Ferramenta utilizada: Adobe XD.

02

Desafio

O principal desafio era transformar um grande volume de dados de segurança pública em informações que pudessem ser compreendidas e analisadas de forma rápida. A partir dos dados fornecidos pela equipe de análise, precisávamos definir como representar indicadores, tendências, comparações e padrões sem comprometer a clareza das informações.

Além disso, era necessário estruturar uma experiência que permitisse diferentes níveis de análise: desde uma visão geral do Estado até informações específicas de cada município, mantendo consistência entre as diferentes visualizações.

03

Processo

A partir das necessidades de análise, exploramos diferentes formas de traduzir os dados em elementos visuais, trabalhando conjuntamente gráficos, tabelas, indicadores, diagramas, iconografia e filtros.

A interface foi estruturada em duas páginas principais: uma dashboard do Estado, com uma visão geral dos indicadores, e uma dashboard do Município, com informações específicas da localidade selecionada.

Também trabalhamos diferentes recortes temporais para permitir comparações e análises mais precisas, incluindo períodos de 12, 6 e 3 meses, ano vigente e comparações entre meses e anos anteriores.

A paleta de cores e a iconografia foram construídas a partir de elementos familiares aos usuários, levando em conta aspectos de acessibilidade como contraste de cores alinhado a uso de formas para facilitar a identificação dos itens.

Durante o processo, os protótipos foram apresentados em reuniões com stakeholders para validação e alinhamento da solução.

04

Resultado

O projeto reforçou para mim que acessibilidade não é apenas uma característica da interface, mas uma questão que precisa orientar todo o processo de Design. Investigar o contexto antes de propor a solução foi essencial para compreender o problema para além da tela e transformar uma necessidade educacional em uma experiência digital.

Imagem A: Mockup da dashboard GESeg.

05

Aprendizado

O projeto reforçou para mim que acessibilidade não é apenas uma característica da interface, mas uma questão que precisa orientar todo o processo de Design. Investigar o contexto antes de propor a solução foi essencial para compreender o problema para além da tela e transformar uma necessidade educacional em uma experiência digital.

← Voltar para Projetos

Próximo projeto →

© 2026 · Isabella Smaniotto Bello