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
Consulta de Veículo
Redesign responsivo do serviço de consulta de veículos do Detran RS
CLiente
PROCERGS
Ano
2021
Área
UX/UI
Mais detalhes
01
Contexto
O projeto consistiu no redesign responsivo do serviço de Consulta Individual de Veículo do Detran RS, desenvolvido para a nova Central de Serviços do órgão.
A proposta era repensar a experiência de consulta de informações do veículo, tornando o serviço mais claro, organizado e fácil de utilizar em diferentes dispositivos.
Desenvolvido em parceria com Gabriela Costa, sob orientação de Heli Meurer, o projeto envolveu pesquisa com usuários, definição da arquitetura da informação, criação de fluxos e desenvolvimento das interfaces.
Ferramenta utilizada: Adobe XD.
02
Desafio
O serviço precisava apresentar uma grande quantidade de informações sobre o veículo sem tornar a consulta complexa para o usuário. O desafio era entender quais informações eram mais relevantes em cada momento da jornada e como organizá-las de forma que pudessem ser encontradas rapidamente.
Além disso, a nova Central de Serviços precisava atender diferentes contextos de uso. Por isso, era necessário pensar uma solução responsiva, garantindo que a experiência permanecesse clara e funcional tanto em dispositivos móveis quanto em telas maiores.
03
Processo
Começamos investigando a experiência existente através de uma Desk Research, levantando as principais dificuldades relacionadas à consulta das informações do veículo. A partir dos resultados, organizamos os conteúdos e identificamos oportunidades de simplificar a navegação e melhorar a hierarquia das informações.
Em seguida, exploramos diferentes alternativas para a estrutura da página, trabalhando arquitetura da informação, hierarquia visual, componentes e comportamento responsivo.
A solução foi organizada de forma a priorizar as informações mais importantes e facilitar o acesso a diferentes categorias de dados do veículo. Também foram definidos diferentes estados e comportamentos da interface para garantir consistência durante a interação.
A adaptação para diferentes tamanhos de tela foi considerada desde a concepção da solução, permitindo que a consulta pudesse ser realizada de maneira semelhante em desktop e dispositivos móveis.
04
Resultado
O resultado foi uma nova experiência de consulta de veículo, com informações organizadas de forma mais hierárquica e uma interface adaptada a diferentes dispositivos.
A solução buscou reduzir a complexidade percebida durante a consulta, facilitando a localização das informações e tornando a navegação mais previsível.
O projeto também contribuiu para a construção da nova Central de Serviços do Detran RS, estabelecendo uma abordagem mais consistente para a apresentação de serviços digitais do órgão.
Imagem A e B: Mockup da Consulta de Veículo na Central de Serviços do Detran RS.
05
Aprendizado
O projeto reforçou como serviços públicos digitais precisam equilibrar quantidade de informação e facilidade de compreensão. Em uma consulta de veículo, o usuário não necessariamente conhece a estrutura interna dos dados ou os termos utilizados pelo órgão; por isso, organizar e priorizar o conteúdo é tão importante quanto definir a interface. Também aprendemos que pensar em responsividade desde o início do processo, e não apenas adaptar uma interface pronta, ajuda a construir experiências mais consistentes e adequadas aos diferentes contextos de uso.
© 2026 · Isabella Smaniotto Bello
UX/UI · Navegável · setor público
Consulta de Veículo
Redesign responsivo do serviço de consulta de veículos do Detran RS
CLiente
PROCERGS
Ano
2021
Área
UX/UI
Mais detalhes
01
Contexto
O projeto consistiu no redesign responsivo do serviço de Consulta Individual de Veículo do Detran RS, desenvolvido para a nova Central de Serviços do órgão.
A proposta era repensar a experiência de consulta de informações do veículo, tornando o serviço mais claro, organizado e fácil de utilizar em diferentes dispositivos.
Desenvolvido em parceria com Gabriela Costa, sob orientação de Heli Meurer, o projeto envolveu pesquisa com usuários, definição da arquitetura da informação, criação de fluxos e desenvolvimento das interfaces.
Ferramenta utilizada: Adobe XD.
02
Desafio
O serviço precisava apresentar uma grande quantidade de informações sobre o veículo sem tornar a consulta complexa para o usuário. O desafio era entender quais informações eram mais relevantes em cada momento da jornada e como organizá-las de forma que pudessem ser encontradas rapidamente.
Além disso, a nova Central de Serviços precisava atender diferentes contextos de uso. Por isso, era necessário pensar uma solução responsiva, garantindo que a experiência permanecesse clara e funcional tanto em dispositivos móveis quanto em telas maiores.
03
Processo
Começamos investigando a experiência existente através de uma Desk Research, levantando as principais dificuldades relacionadas à consulta das informações do veículo. A partir dos resultados, organizamos os conteúdos e identificamos oportunidades de simplificar a navegação e melhorar a hierarquia das informações.
Em seguida, exploramos diferentes alternativas para a estrutura da página, trabalhando arquitetura da informação, hierarquia visual, componentes e comportamento responsivo.
A solução foi organizada de forma a priorizar as informações mais importantes e facilitar o acesso a diferentes categorias de dados do veículo. Também foram definidos diferentes estados e comportamentos da interface para garantir consistência durante a interação.
A adaptação para diferentes tamanhos de tela foi considerada desde a concepção da solução, permitindo que a consulta pudesse ser realizada de maneira semelhante em desktop e dispositivos móveis.
04
Resultado
O resultado foi uma nova experiência de consulta de veículo, com informações organizadas de forma mais hierárquica e uma interface adaptada a diferentes dispositivos.
A solução buscou reduzir a complexidade percebida durante a consulta, facilitando a localização das informações e tornando a navegação mais previsível.
O projeto também contribuiu para a construção da nova Central de Serviços do Detran RS, estabelecendo uma abordagem mais consistente para a apresentação de serviços digitais do órgão.
Imagem A e B: Mockup da Consulta de Veículo na Central de Serviços do Detran RS.
05
Aprendizado
O projeto reforçou como serviços públicos digitais precisam equilibrar quantidade de informação e facilidade de compreensão. Em uma consulta de veículo, o usuário não necessariamente conhece a estrutura interna dos dados ou os termos utilizados pelo órgão; por isso, organizar e priorizar o conteúdo é tão importante quanto definir a interface. Também aprendemos que pensar em responsividade desde o início do processo, e não apenas adaptar uma interface pronta, ajuda a construir experiências mais consistentes e adequadas aos diferentes contextos de uso.
© 2026 · Isabella Smaniotto Bello
UX/UI · Navegável · setor público
Consulta de Veículo
Redesign responsivo do serviço de consulta de veículos do Detran RS
CLiente
PROCERGS
Ano
2021
Área
UX/UI
Mais detalhes
01
Contexto
O projeto consistiu no redesign responsivo do serviço de Consulta Individual de Veículo do Detran RS, desenvolvido para a nova Central de Serviços do órgão.
A proposta era repensar a experiência de consulta de informações do veículo, tornando o serviço mais claro, organizado e fácil de utilizar em diferentes dispositivos.
Desenvolvido em parceria com Gabriela Costa, sob orientação de Heli Meurer, o projeto envolveu pesquisa com usuários, definição da arquitetura da informação, criação de fluxos e desenvolvimento das interfaces.
Ferramenta utilizada: Adobe XD.
02
Desafio
O serviço precisava apresentar uma grande quantidade de informações sobre o veículo sem tornar a consulta complexa para o usuário. O desafio era entender quais informações eram mais relevantes em cada momento da jornada e como organizá-las de forma que pudessem ser encontradas rapidamente.
Além disso, a nova Central de Serviços precisava atender diferentes contextos de uso. Por isso, era necessário pensar uma solução responsiva, garantindo que a experiência permanecesse clara e funcional tanto em dispositivos móveis quanto em telas maiores.
03
Processo
Começamos investigando a experiência existente através de uma Desk Research, levantando as principais dificuldades relacionadas à consulta das informações do veículo. A partir dos resultados, organizamos os conteúdos e identificamos oportunidades de simplificar a navegação e melhorar a hierarquia das informações.
Em seguida, exploramos diferentes alternativas para a estrutura da página, trabalhando arquitetura da informação, hierarquia visual, componentes e comportamento responsivo.
A solução foi organizada de forma a priorizar as informações mais importantes e facilitar o acesso a diferentes categorias de dados do veículo. Também foram definidos diferentes estados e comportamentos da interface para garantir consistência durante a interação.
A adaptação para diferentes tamanhos de tela foi considerada desde a concepção da solução, permitindo que a consulta pudesse ser realizada de maneira semelhante em desktop e dispositivos móveis.
04
Resultado
O resultado foi uma nova experiência de consulta de veículo, com informações organizadas de forma mais hierárquica e uma interface adaptada a diferentes dispositivos.
A solução buscou reduzir a complexidade percebida durante a consulta, facilitando a localização das informações e tornando a navegação mais previsível.
O projeto também contribuiu para a construção da nova Central de Serviços do Detran RS, estabelecendo uma abordagem mais consistente para a apresentação de serviços digitais do órgão.
Imagem A e B: Mockup da Consulta de Veículo na Central de Serviços do Detran RS.
05
Aprendizado
O projeto reforçou como serviços públicos digitais precisam equilibrar quantidade de informação e facilidade de compreensão. Em uma consulta de veículo, o usuário não necessariamente conhece a estrutura interna dos dados ou os termos utilizados pelo órgão; por isso, organizar e priorizar o conteúdo é tão importante quanto definir a interface. Também aprendemos que pensar em responsividade desde o início do processo, e não apenas adaptar uma interface pronta, ajuda a construir experiências mais consistentes e adequadas aos diferentes contextos de uso.
© 2026 · Isabella Smaniotto Bello
UX/UI · Navegável · setor público
Consulta de Veículo
Redesign responsivo do serviço de consulta de veículos do Detran RS
CLiente
PROCERGS
Ano
2021
Área
UX/UI
Mais detalhes
01
Contexto
O projeto consistiu no redesign responsivo do serviço de Consulta Individual de Veículo do Detran RS, desenvolvido para a nova Central de Serviços do órgão.
A proposta era repensar a experiência de consulta de informações do veículo, tornando o serviço mais claro, organizado e fácil de utilizar em diferentes dispositivos.
Desenvolvido em parceria com Gabriela Costa, sob orientação de Heli Meurer, o projeto envolveu pesquisa com usuários, definição da arquitetura da informação, criação de fluxos e desenvolvimento das interfaces.
Ferramenta utilizada: Adobe XD.
02
Desafio
O serviço precisava apresentar uma grande quantidade de informações sobre o veículo sem tornar a consulta complexa para o usuário. O desafio era entender quais informações eram mais relevantes em cada momento da jornada e como organizá-las de forma que pudessem ser encontradas rapidamente.
Além disso, a nova Central de Serviços precisava atender diferentes contextos de uso. Por isso, era necessário pensar uma solução responsiva, garantindo que a experiência permanecesse clara e funcional tanto em dispositivos móveis quanto em telas maiores.
03
Processo
Começamos investigando a experiência existente através de uma Desk Research, levantando as principais dificuldades relacionadas à consulta das informações do veículo. A partir dos resultados, organizamos os conteúdos e identificamos oportunidades de simplificar a navegação e melhorar a hierarquia das informações.
Em seguida, exploramos diferentes alternativas para a estrutura da página, trabalhando arquitetura da informação, hierarquia visual, componentes e comportamento responsivo.
A solução foi organizada de forma a priorizar as informações mais importantes e facilitar o acesso a diferentes categorias de dados do veículo. Também foram definidos diferentes estados e comportamentos da interface para garantir consistência durante a interação.
A adaptação para diferentes tamanhos de tela foi considerada desde a concepção da solução, permitindo que a consulta pudesse ser realizada de maneira semelhante em desktop e dispositivos móveis.
04
Resultado
O resultado foi uma nova experiência de consulta de veículo, com informações organizadas de forma mais hierárquica e uma interface adaptada a diferentes dispositivos.
A solução buscou reduzir a complexidade percebida durante a consulta, facilitando a localização das informações e tornando a navegação mais previsível.
O projeto também contribuiu para a construção da nova Central de Serviços do Detran RS, estabelecendo uma abordagem mais consistente para a apresentação de serviços digitais do órgão.
Imagem A e B: Mockup da Consulta de Veículo na Central de Serviços do Detran RS.
05
Aprendizado
O projeto reforçou como serviços públicos digitais precisam equilibrar quantidade de informação e facilidade de compreensão. Em uma consulta de veículo, o usuário não necessariamente conhece a estrutura interna dos dados ou os termos utilizados pelo órgão; por isso, organizar e priorizar o conteúdo é tão importante quanto definir a interface. Também aprendemos que pensar em responsividade desde o início do processo, e não apenas adaptar uma interface pronta, ajuda a construir experiências mais consistentes e adequadas aos diferentes contextos de uso.
© 2026 · Isabella Smaniotto Bello