Cinema Icon 1
Cinema Icon 1
NIC.br
NIC.br
2023
2023

Internet Segura.br

Função

Função

Função

Product Design

Product Design

Product Design

Sobre o projeto: A primeira etapa do projeto consistiu em uma avaliação minuciosa da experiência do usuário. Os dados coletados revelaram que a taxa de abandono do site nos primeiros segundos de navegação era extremamente elevada.
Um dos problemas mencionados foi a dificuldade em encontrar informações no portal era um dos principais motivos para a baixa retenção dos usuários, frustrando-os e fazendo com que desistissem do site. A pesquisa revelou também que os desenhos utilizados para representar os diferentes públicos-alvo geraram insatisfação, especialmente entre os adultos, que os consideraram muito infantis. Isso contribuiu para uma percepção negativa do portal. A combinação de uma home sobrecarregada de informações, o uso inadequado de personagens e a ausência de personalização resultaram em uma experiência frustrante. Ficou claro que para melhorar a identificação dos usuários com o site, era essencial criar uma interface mais intuitiva e personalizada.

Sobre o projeto: A primeira etapa do projeto consistiu em uma avaliação minuciosa da experiência do usuário. Os dados coletados revelaram que a taxa de abandono do site nos primeiros segundos de navegação era extremamente elevada.
Um dos problemas mencionados foi a dificuldade em encontrar informações no portal era um dos principais motivos para a baixa retenção dos usuários, frustrando-os e fazendo com que desistissem do site. A pesquisa revelou também que os desenhos utilizados para representar os diferentes públicos-alvo geraram insatisfação, especialmente entre os adultos, que os consideraram muito infantis. Isso contribuiu para uma percepção negativa do portal. A combinação de uma home sobrecarregada de informações, o uso inadequado de personagens e a ausência de personalização resultaram em uma experiência frustrante. Ficou claro que para melhorar a identificação dos usuários com o site, era essencial criar uma interface mais intuitiva e personalizada.

Após uma análise detalhada da experiência do usuário, utilizando métodos como entrevistas e testes de usabilidade, foi definida uma estratégia de redesign para otimizar a jornada do usuário. Com base na aplicação de heurísticas de usabilidade e na reorganização da arquitetura da informação, a navegação foi simplificada e a carga cognitiva reduzida. O roadmap inicial priorizou a entrega da home e da página para pais e responsáveis, enquanto as demais melhorias foram planejadas para implementação gradual. Essa abordagem permitiu avaliar continuamente o impacto das mudanças e ajustar a estratégia conforme necessário.

Após uma análise detalhada da experiência do usuário, utilizando métodos como entrevistas e testes de usabilidade, foi definida uma estratégia de redesign para otimizar a jornada do usuário. Com base na aplicação de heurísticas de usabilidade e na reorganização da arquitetura da informação, a navegação foi simplificada e a carga cognitiva reduzida. O roadmap inicial priorizou a entrega da home e da página para pais e responsáveis, enquanto as demais melhorias foram planejadas para implementação gradual. Essa abordagem permitiu avaliar continuamente o impacto das mudanças e ajustar a estratégia conforme necessário.

Wireframing: A partir dos insights da pesquisa, foram elaborados wireframes detalhados, priorizando a usabilidade, acessibilidade e clareza na apresentação da informação. A arquitetura da informação foi reorganizada, para garantir uma experiência intuitiva e inclusiva, considerando as necessidades de diferentes usuários.

Protótipo de Alta Fidelidade: No Figma, foram criados protótipos que incorporam os princípios de design afetivo, utilizando a fotografia para estabelecer uma conexão emocional com o usuário. A aplicação de heurísticas de usabilidade e o aprimoramento da legibilidade da interface garantiram uma experiência mais fluida e agradável.

Design da Interface do Usuário: O portal Internet Segura.br foi revitalizado com uma nova identidade visual e uma paleta de cores alinhada ao perfil do Instagram, trazendo mais coesão. A tipografia e os ícones foram escolhidos para garantir clareza e consistência visual. O design da interface foi pensado para oferecer uma experiência intuitiva e eficiente, atendendo aos diferentes públicos. A integração de fotos e a personalização da experiência reforçam a identidade visual e estimulam o engajamento por meio do design emocional.

Design responsivo: O novo design do portal Internet Segura.br foi desenvolvido com foco em uma experiência de usuário intuitiva e agradável em todas as plataformas. A interface, totalmente responsiva, adapta-se perfeitamente a diferentes tamanhos de tela, garantindo uma navegação fluida tanto em desktops quanto em dispositivos móveis. A organização clara da informação, com destaque para os conteúdos mais relevantes, e a utilização de uma linguagem simples e direta contribuem para uma jornada do usuário mais eficiente. A navegação intuitiva, com menus e botões bem posicionados, facilita a busca por informações e a realização de tarefas.

Meu papel: Fui a única designer no projeto, sendo responsável pela pesquisa e pelo redesign do portal. Estive envolvida em todas as etapas do processo, desde as investigações iniciais com usuários para compreender o problema, passando pela definição de personas e a criação de fluxos e wireframes, até a elaboração dos designs finais.

Wireframing: A partir dos insights da pesquisa, foram elaborados wireframes detalhados, priorizando a usabilidade, acessibilidade e clareza na apresentação da informação. A arquitetura da informação foi reorganizada, para garantir uma experiência intuitiva e inclusiva, considerando as necessidades de diferentes usuários.

Protótipo de Alta Fidelidade: No Figma, foram criados protótipos que incorporam os princípios de design afetivo, utilizando a fotografia para estabelecer uma conexão emocional com o usuário. A aplicação de heurísticas de usabilidade e o aprimoramento da legibilidade da interface garantiram uma experiência mais fluida e agradável.

Design da Interface do Usuário: O portal Internet Segura.br foi revitalizado com uma nova identidade visual e uma paleta de cores alinhada ao perfil do Instagram, trazendo mais coesão. A tipografia e os ícones foram escolhidos para garantir clareza e consistência visual. O design da interface foi pensado para oferecer uma experiência intuitiva e eficiente, atendendo aos diferentes públicos. A integração de fotos e a personalização da experiência reforçam a identidade visual e estimulam o engajamento por meio do design emocional.

Design responsivo: O novo design do portal Internet Segura.br foi desenvolvido com foco em uma experiência de usuário intuitiva e agradável em todas as plataformas. A interface, totalmente responsiva, adapta-se perfeitamente a diferentes tamanhos de tela, garantindo uma navegação fluida tanto em desktops quanto em dispositivos móveis. A organização clara da informação, com destaque para os conteúdos mais relevantes, e a utilização de uma linguagem simples e direta contribuem para uma jornada do usuário mais eficiente. A navegação intuitiva, com menus e botões bem posicionados, facilita a busca por informações e a realização de tarefas.

Meu papel: Fui a única designer no projeto, sendo responsável pela pesquisa e pelo redesign do portal. Estive envolvida em todas as etapas do processo, desde as investigações iniciais com usuários para compreender o problema, passando pela definição de personas e a criação de fluxos e wireframes, até a elaboração dos designs finais.

Cinema Icon 1
Cinema Icon 1
Cinema Icon 1

Wireframing: A partir dos insights da pesquisa, foram elaborados wireframes detalhados, priorizando a usabilidade, acessibilidade e clareza na apresentação da informação. A arquitetura da informação foi reorganizada, para garantir uma experiência intuitiva e inclusiva, considerando as necessidades de diferentes usuários.

Protótipo de Alta Fidelidade: No Figma, foram criados protótipos que incorporam os princípios de design afetivo, utilizando a fotografia para estabelecer uma conexão emocional com o usuário. A aplicação de heurísticas de usabilidade e o aprimoramento da legibilidade da interface garantiram uma experiência mais fluida e agradável.

Design da Interface do Usuário: O portal Internet Segura.br foi revitalizado com uma nova identidade visual e uma paleta de cores alinhada ao perfil do Instagram, trazendo mais coesão. A tipografia e os ícones foram escolhidos para garantir clareza e consistência visual. O design da interface foi pensado para oferecer uma experiência intuitiva e eficiente, atendendo aos diferentes públicos. A integração de fotos e a personalização da experiência reforçam a identidade visual e estimulam o engajamento por meio do design emocional.

Design responsivo: O novo design do portal Internet Segura.br foi desenvolvido com foco em uma experiência de usuário intuitiva e agradável em todas as plataformas. A interface, totalmente responsiva, adapta-se perfeitamente a diferentes tamanhos de tela, garantindo uma navegação fluida tanto em desktops quanto em dispositivos móveis. A organização clara da informação, com destaque para os conteúdos mais relevantes, e a utilização de uma linguagem simples e direta contribuem para uma jornada do usuário mais eficiente. A navegação intuitiva, com menus e botões bem posicionados, facilita a busca por informações e a realização de tarefas.

Meu papel: Fui a única designer no projeto, sendo responsável pela pesquisa e pelo redesign do portal. Estive envolvida em todas as etapas do processo, desde as investigações iniciais com usuários para compreender o problema, passando pela definição de personas e a criação de fluxos e wireframes, até a elaboração dos designs finais.