Identidade Visual

Introdução à Marca

O DengBuster é um dispositivo inteligente desenvolvido para auxiliar no combate à dengue por meio da identificação e captura do mosquito Aedes aegypti. Equipado com sensores e um algoritmo de reconhecimento, o dispositivo atrai o mosquito, registra sua presença com base em características específicas da espécie, coleta informações como data, hora e local da captura e o armazena vivo para posterior análise ou descarte seguro. O DengBuster integra tecnologia, ciência e responsabilidade social. Seu propósito vai além do controle vetorial: é um compromisso com a saúde pública, a prevenção de epidemias e o desenvolvimento de soluções sustentáveis para os desafios ambientais.

Proposta de Valor

O DengBuster oferece uma solução inovadora e automatizada para o controle do mosquito Aedes aegypti, vetor de doenças como dengue, zika e chikungunya. Combinando atração inteligente, identificação por algoritmo e armazenamento seguro, o dispositivo permite a coleta precisa de dados em tempo real sobre a presença do vetor. Acompanhado de um aplicativo que mapeia focos e gera relatórios, o DengBuster apoia autoridades e comunidades no monitoramento e combate preventivo a surtos. É um compromisso com a saúde pública, a inovação tecnológica e a construção de ambientes urbanos mais seguros.

Princípios de Design

As heurísticas de usabilidade de Nielsen são fundamentais para garantir uma experiência de usuário eficiente e intuitiva, tanto no dispositivo físico (DengBuster) quanto na aplicação associada. Com foco em proporcionar uma solução eficaz para o controle do mosquito Aedes aegypti, o projeto DengBuster se alinha a quatro das dez heurísticas de usabilidade de Nielsen, conforme descrito na Tabela 1.

Tabela 1: Heurísticas a serem usadas.

Nome da Heurística	Descrição	Aplicação na Interface
Visibilidade do Sistema	O design deve manter os usuários informados sobre o que está acontecendo, por meio de feedback apropriado.	Indicadores de status da captura, da bateria e dados visíveis em tempo real.
Reconhecimento em vez de Recordação	Minimiza a carga de memória ao tornar ações e opções visíveis.	Ícones intuitivos e informações visuais sobre capturas e status.
Flexibilidade e Eficiência de Uso	Atalhos para usuários experientes e personalização de ações.	Ajustes rápidos de parâmetros de captura e exibição de dados.
Consistência e Padrões	Elementos devem ser consistentes entre telas e ações.	Ícones, textos e cores padronizadas em toda a interface.

Fonte: Autoria própria. Todos os direitos reservados.

Implementação das Heurísticas no DengBuster

• Visibilidade do Sistema: A interface do Assistente de Captura oferece feedback em tempo real, como o status da bateria, o progresso da captura do mosquito e qualquer falha no processo. No Relatório de Captura, o usuário é informado sobre o andamento do upload dos dados e a análise dos registros, garantindo que sempre saiba o status do sistema.

• Reconhecimento em vez de Recordação: A aplicação utiliza ícones claros e informações visíveis, como a direção do mosquito ou a quantidade de mosquitos capturados, reduzindo a carga cognitiva e evitando que o usuário precise lembrar informações previamente inseridas. A interface do Relatório de Captura também facilita a visualização dos dados, com opções claras de interação e exportação.

• Flexibilidade e Eficiência de Uso: A possibilidade de personalizar ações e ajustar configurações com facilidade é essencial para usuários experientes. Por exemplo, no Assistente de Captura, é possível ajustar os parâmetros do dispositivo sem interromper a captura, e no Relatório de Captura, usuários avançados podem personalizar como os dados são visualizados e exportados.

• Consistência e Padrões: O design do DengBuster mantém uma consistência visual e funcional em toda a interface, utilizando ícones, cores e termos padronizados. Isso facilita a navegação e o uso do sistema, evitando confusão e aumentando a previsibilidade da interação, tanto no Assistente de Captura quanto no Relatório de Captura.

Slogan

O slogan do projeto DengBuster transmite a mensagem essencial sobre o propósito do projeto: ser uma solução eficaz no combate ao mosquito Aedes aegypti, vetor de doenças como dengue, zika e chikungunya. Se não controlado, o mosquito pode causar grandes surtos e afetar a saúde pública de forma devastadora. O grupo reconhece que a luta contra esse vetor é desafiadora, mas acredita que, com inovação e comprometimento, é possível fazer a diferença e proteger vidas.

Logotipo e Identidade Visual

O logotipo do projeto DengBuster foi desenvolvido com o objetivo de representar visualmente a essência do projeto: a captura seletiva do mosquito Aedes aegypti por meio de um dispositivo inteligente de monitoramento. A imagem central da logo traz o mosquito em destaque, posicionado dentro de uma mira, simbolizando a precisão da armadilha na identificação e na captura da espécie correta.

As cores também foram cuidadosamente escolhidas:

• O verde-azulado na parte superior remete ao ambiente natural e ao céu, relacionando-se ao comportamento de voo do mosquito.
• O laranja-terroso na parte inferior sugere o ambiente urbano e terrestre, locais comuns de proliferação do Aedes aegypti.
• O preto de fundo, quando usado, ajuda a destacar os elementos centrais com contraste e força visual, principalmente em materiais digitais ou com foco em impacto visual.

A forma circular da logo remete ao conceito de sistema fechado, representando a câmara de captura do DengBuster, enquanto as marcas em cruz da mira comunicam diretamente o foco seletivo do projeto, que distingue os mosquitos-alvo de outras espécies por meio de algoritmos embarcados.

A concepção da logo contou com o auxílio de ferramentas de inteligência artificial para geração de ideias visuais, sendo refinada posteriormente pela equipe do projeto para garantir coerência com os valores de tecnologia, precisão e inovação que norteiam o desenvolvimento da armadilha.

Essa identidade visual será aplicada tanto em materiais de apresentação quanto na interface web do sistema, reforçando a marca DengBuster como uma solução científica, acessível e moderna no combate ao Aedes aegypti.

Figura 1 – Logo DengBuster

Fonte: Autoria própria.

Uso das Cores

É fundamental entender como as cores são usadas no logotipo do projeto DengBuster, pois elas podem criar harmonia ou contraste com o fundo, o que impacta diretamente na percepção visual do público. Caso o logotipo seja apresentado em um fundo inadequado ou sem atenção ao contraste, pode ocorrer uma perda de legibilidade ou até confusão no reconhecimento da identidade visual.

A escolha das cores deve ser cuidadosa, pois elas são responsáveis por criar uma memória afetiva no usuário. Se o logotipo não for bem compreendido ou não tiver um significado claro associado às cores, isso pode prejudicar a comunicação visual do projeto. Assim, é essencial que o ambiente onde o logotipo é exibido seja adequado para que ele seja facilmente reconhecido, além de garantir que todos os elementos internos, como os emissores de informações, também sejam visualmente compatíveis.

Figura 2 – Cores utilizadas

Fonte: Autoria própria.

Tipografia

A tipografia é uma parte essencial da identidade visual de qualquer aplicação. Ela não só define a legibilidade dos textos, mas também comunica o tom da interface — seja ele técnico, acessível ou institucional. Neste projeto, optou-se pelo uso da família tipográfica Roboto, que apresenta traços limpos e proporções bem definidas, alinhando modernidade e objetividade.

• A fonte Roboto Bold foi utilizada nos títulos principais para garantir destaque e hierarquia visual.
• A Roboto Regular aparece nos menus e conteúdos secundários, proporcionando uma leitura fluida e direta.

Essas escolhas reforçam a proposta de um sistema atual, focado na clareza de dados e na experiência do usuário.

Ícones e Elementos Gráficos

Os ícones desempenham um papel fundamental na construção de uma interface intuitiva e eficiente. Para que cumpram esse papel com clareza, é essencial que sejam visualmente compreensíveis e facilmente identificáveis por usuários e desenvolvedores.

A diretriz principal para o uso de ícones neste projeto é que eles devem sempre adotar uma cor primária que contraste adequadamente com o plano de fundo em que estão inseridos — seja esse fundo composto por cores neutras, secundárias ou até mesmo gradientes.

Além disso, em contextos interativos, como botões, os ícones devem apresentar uma leve simulação de sombra ou relevo, contribuindo para uma sensação de profundidade e indicando sua funcionalidade.

Vale destacar também que a paleta dos ícones será adaptável ao tema da interface:

• Na versão clara, eles terão cores escuras ou vibrantes;
• Na versão escura, tons mais claros serão utilizados;

Sempre mantendo o contraste necessário para garantir acessibilidade visual.

Figura 3 – Ícone utilizados

Fonte: Autoria própria.

Layout e Grid

Além de orientar a estruturação do conteúdo, o layout e o grid são fundamentais para manter o alinhamento e a harmonia visual dos elementos. Pensando nisso, a Figura 4 demonstra os grids que serão usados para a construção das páginas

Figura 4 – Grid

Fonte: Autoria própria.

Protótipo de Alta Fidelidade

Figura 5 – Protótipo de Interface

Fonte: Autoria própria.

Histórico de Versão

Versão	Descrição	Data	Responsável
1.0	Criação do artefato	30/04/2025	Ian Lucca Soares Mesquita e Breno Lucena Cordeiro
1.1	Adição de conteúdo	02/05/2025	Breno Lucena e Ian Lucca Mesquita