

CGI.br
CGI.br
2018
2018
Internet, Democracia e Eleições
Função
Função
Função
Product Design
Product Design
Product Design
Sobre o projeto: O projeto "Internet, Democracia e Eleições", do CGI.br, aborda os desafios do papel da Internet na política, com foco no contexto pré-eleitoral. A disseminação de fake news, vigilância massiva e ataques a grupos específicos geram preocupações sobre como essas práticas afetam o debate público e a democracia. O projeto visa estimular reflexões sobre o uso da Internet como meio de propaganda e as implicações dessas práticas para o processo democrático.
Inicialmente idealizado como um livro, o projeto foi pensado para ser uma ferramenta acessível e informativa, destinada a ampliar o debate sobre esses temas em eventos promovidos pelo CGI.br e pelo TSE.
Durante a diagramação do material impresso, identificou-se a necessidade de transformá-lo em um site para disseminar o conteúdo de maneira mais ampla e eficaz.
Design da Interface do Usuário: O principal desafio desse projeto foi transformar um conteúdo denso e frequentemente visto como entediante em algo visualmente atraente, acessível, fácil de consultar e de compreender por diferentes tipos de usuários. Para atender a esse desafio, a estrutura visual foi cuidadosamente pensada. Utilizou-se um conjunto de cores para guiar os leitores pelos capítulos e seções, proporcionando uma experiência mais fluida e intuitiva. Além disso, ilustrações estratégicas foram inseridas ao longo do conteúdo para criar pausas visuais entre os blocos de texto, tornando a leitura mais agradável e facilitando a assimilação das informações.
Com um layout simples, mas funcional, o design não só permite uma navegação eficiente, mas também contribui para uma leitura confortável. A tipografia e a disposição dos elementos são ajustadas para garantir que a informação seja acessada com facilidade e rapidez, sem sobrecarregar o usuário.
O foco do projeto está em proporcionar uma interação contínua com o conteúdo, assegurando que os visitantes tenham uma jornada de aprendizado e reflexão sobre as implicações da internet para a democracia e o processo eleitoral.
Sobre o projeto: O projeto "Internet, Democracia e Eleições", do CGI.br, aborda os desafios do papel da Internet na política, com foco no contexto pré-eleitoral. A disseminação de fake news, vigilância massiva e ataques a grupos específicos geram preocupações sobre como essas práticas afetam o debate público e a democracia. O projeto visa estimular reflexões sobre o uso da Internet como meio de propaganda e as implicações dessas práticas para o processo democrático.
Inicialmente idealizado como um livro, o projeto foi pensado para ser uma ferramenta acessível e informativa, destinada a ampliar o debate sobre esses temas em eventos promovidos pelo CGI.br e pelo TSE.
Durante a diagramação do material impresso, identificou-se a necessidade de transformá-lo em um site para disseminar o conteúdo de maneira mais ampla e eficaz.
Design da Interface do Usuário: O principal desafio desse projeto foi transformar um conteúdo denso e frequentemente visto como entediante em algo visualmente atraente, acessível, fácil de consultar e de compreender por diferentes tipos de usuários. Para atender a esse desafio, a estrutura visual foi cuidadosamente pensada. Utilizou-se um conjunto de cores para guiar os leitores pelos capítulos e seções, proporcionando uma experiência mais fluida e intuitiva. Além disso, ilustrações estratégicas foram inseridas ao longo do conteúdo para criar pausas visuais entre os blocos de texto, tornando a leitura mais agradável e facilitando a assimilação das informações.
Com um layout simples, mas funcional, o design não só permite uma navegação eficiente, mas também contribui para uma leitura confortável. A tipografia e a disposição dos elementos são ajustadas para garantir que a informação seja acessada com facilidade e rapidez, sem sobrecarregar o usuário.
O foco do projeto está em proporcionar uma interação contínua com o conteúdo, assegurando que os visitantes tenham uma jornada de aprendizado e reflexão sobre as implicações da internet para a democracia e o processo eleitoral.
Wireframing: Replicando o design proposto para o livro, o site foi desenvolvido com foco na usabilidade e na clareza na apresentação da informação. A arquitetura da informação foi organizada para facilitar a navegação, considerando as necessidades dos diferentes usuários. A legibilidade foi priorizada para garantir uma apresentação consistente do conteúdo, sem comprometer a coerência visual. A estrutura do site foi projetada para oferecer uma leitura fluida e agradável, proporcionando uma experiência de navegação eficiente e intuitiva.
Design responsivo: O site "Internet, Democracia e Eleições" foi cuidadosamente planejado para oferecer uma experiência de navegação fluida e intuitiva, com um design totalmente responsivo que se adapta a diferentes dispositivos, como desktops, tablets e smartphones. Isso assegura que os usuários possam acessar o conteúdo de forma contínua, independentemente do dispositivo que utilizem.
A organização da informação foi pensada para destacar os conteúdos principais, estruturando o site de forma clara e objetiva. A navegação foi otimizada para que os visitantes encontrem rapidamente as mensagens-chave do projeto, facilitando a compreensão do conteúdo.
Meu papel: Como a única designer no projeto, fui responsável por todo o design, desde a capa do livro, passando pelas ilustrações, o projeto gráfico e a diagramação do material impresso, até a criação de fluxos e wireframes e a elaboração dos designs finais da interface.
Wireframing: Replicando o design proposto para o livro, o site foi desenvolvido com foco na usabilidade e na clareza na apresentação da informação. A arquitetura da informação foi organizada para facilitar a navegação, considerando as necessidades dos diferentes usuários. A legibilidade foi priorizada para garantir uma apresentação consistente do conteúdo, sem comprometer a coerência visual. A estrutura do site foi projetada para oferecer uma leitura fluida e agradável, proporcionando uma experiência de navegação eficiente e intuitiva.
Design responsivo: O site "Internet, Democracia e Eleições" foi cuidadosamente planejado para oferecer uma experiência de navegação fluida e intuitiva, com um design totalmente responsivo que se adapta a diferentes dispositivos, como desktops, tablets e smartphones. Isso assegura que os usuários possam acessar o conteúdo de forma contínua, independentemente do dispositivo que utilizem.
A organização da informação foi pensada para destacar os conteúdos principais, estruturando o site de forma clara e objetiva. A navegação foi otimizada para que os visitantes encontrem rapidamente as mensagens-chave do projeto, facilitando a compreensão do conteúdo.
Meu papel: Como a única designer no projeto, fui responsável por todo o design, desde a capa do livro, passando pelas ilustrações, o projeto gráfico e a diagramação do material impresso, até a criação de fluxos e wireframes e a elaboração dos designs finais da interface.











Wireframing: Replicando o design proposto para o livro, o site foi desenvolvido com foco na usabilidade e na clareza na apresentação da informação. A arquitetura da informação foi organizada para facilitar a navegação, considerando as necessidades dos diferentes usuários. A legibilidade foi priorizada para garantir uma apresentação consistente do conteúdo, sem comprometer a coerência visual. A estrutura do site foi projetada para oferecer uma leitura fluida e agradável, proporcionando uma experiência de navegação eficiente e intuitiva.
Design responsivo: O site "Internet, Democracia e Eleições" foi cuidadosamente planejado para oferecer uma experiência de navegação fluida e intuitiva, com um design totalmente responsivo que se adapta a diferentes dispositivos, como desktops, tablets e smartphones. Isso assegura que os usuários possam acessar o conteúdo de forma contínua, independentemente do dispositivo que utilizem.
A organização da informação foi pensada para destacar os conteúdos principais, estruturando o site de forma clara e objetiva. A navegação foi otimizada para que os visitantes encontrem rapidamente as mensagens-chave do projeto, facilitando a compreensão do conteúdo.
Meu papel: Como a única designer no projeto, fui responsável por todo o design, desde a capa do livro, passando pelas ilustrações, o projeto gráfico e a diagramação do material impresso, até a criação de fluxos e wireframes e a elaboração dos designs finais da interface.














