ESTUDO DE CASO — IDENTIDADE VISUAL + PRODUCT DESIGN
Mural digital acadêmico para organizar, apresentar e viabilizar financeiramente projetos universitários de ODS.
PAPEL
Product Design + conceito da marca
CONTEXTO
Projeto acadêmico
DURAÇÃO
1º semestre de 2023
EQUIPE
5 pessoas · InfiniTeam
01 — VISÃO GERAL
Um mural que existe para viabilizar financiamento, não só para expor projetos
O MindHive nasceu da falta de plataformas para propagar projetos sustentáveis dentro da universidade. Cada projeto cadastrado ganha uma página própria com descrição, apresentação e uma frente de arrecadação — o mural é a porta de entrada, mas o objetivo central do produto é conectar esses projetos a doações e financiamento.
17
filtros no mural (instituição, curso e tag)
6
projetos reais cadastrados de exemplo
3
instituições parceiras no protótipo
02 — CONTEXTO E PÚBLICO
Projetos sustentáveis nascem na universidade e morrem na gaveta, sem canal pra virar realidade
“Observamos a ausência de plataformas para propagar projetos sustentáveis e achamos interessante a necessidade da criação da mesma para a resolução das ODS.” — briefing original do projeto. Pensado para alunos, professores, coordenadores de curso e instituições de ensino.
Público ideal 1
Jovem · Universitário · Inovador · Criativo · Equipe · Profissionais
Público ideal 2
Empresa/Instituição · Empreendedor · Investidor · Contemporâneo · Moderno
03 — IDENTIDADE VISUAL
Uma gema facetada carregando a colmeia por dentro
O símbolo é um ícone facetado — como uma gema de baixo poligonal — que sugere ideias lapidadas em conjunto. O motivo de hexágonos (a colmeia, o “hive” do nome) aparece como textura de fundo e nos ícones de tag do mural, sem virar um desenho literal. No wordmark, “mind” fica em peso regular e “HIVE” em bold, reforçando a palavra-chave.
04 — PROCESSO
O primeiro conceito era um cérebro-colmeia literal — descartado depois de uma enquete com o grupo
Antes de chegar à gema facetada, a primeira direção desenhava um cérebro (metade orgânica) fundido a um favo de mel (metade hexagonal) — uma leitura direta de “mind” + “hive”, mas visualmente pesada e difícil de reduzir. A equipe rodou uma enquete interna comparando conceitos antes de convergir no símbolo atual, mais abstrato e flexível em aplicações pequenas.
Conceito descartado
Conceito final, aprovado
05 — CORES E TIPOGRAFIA
Rosa como assinatura, azul como coadjuvante técnico
A paleta é construída em duas famílias de três tons cada. O rosa carrega a marca (capas, títulos, CTAs); o azul aparece de forma mais discreta, ligado aos botões secundários e de informação da interface e a etiquetas de moodboard.
Primária escura
#A9014D
Primária
#FE0176
Primária clara
#FE56A2
Secundária clara
#56AEFE
Secundária
#0286FD
Secundária escura
#0159A9
Mangueira / Mangueira Alt
Wordmark e títulos de marca — fonte própria, não disponível no Figma; usada só em specimen/imagem.
Hexa
Efeito tipográfico ligado ao motivo de hexágonos, usado em peças de campanha.
Poppins
Interface do protótipo e corpo de texto deste caso — a mesma fonte, ponta a ponta.
06 — VOZ DA MARCA
Jovem, direta e otimista — sem soar infantil
PERSONALIDADE
Jovem · Inovadora · Colaborativa
LINGUAGEM
Objetiva · Moderna · Informativa
TOM
Dinâmica · Otimista · Informal
PROPÓSITO
Inspirar · Compartilhar · Desenvolver
07 — INTERFACE
O mural: filtros por instituição, curso e tag, com os projetos reais em destaque
A navegação principal (Projetos ODS · Mural Colaborativo · Sobre o MindHive) leva a um mural com 17 filtros — 3 instituições, 7 cursos e 7 tags — e um grid de projetos cadastrados. Seis projetos reais aparecem com nome, tipo e ícone próprios, entre eles o UrbanSense, outro caso deste portfólio.
08 — INTERFACE
Cada projeto ganha uma página própria — bem além de um cartão de mural
Ao abrir um projeto, o mural vira um painel completo: status (“Em progresso”), descrição, e abas de Visão Geral, Financeiro, Tarefas, Equipe, Links, Arquivos e Atualizações. A barra lateral guarda a ficha acadêmica do projeto — autor, orientador, instituição, área de equipe e unidade curricular — e a apresentação final do grupo (38 slides) fica embutida como arquivo.
09 — FINANCIAMENTO
A aba que carrega o verdadeiro objetivo do MindHive
Viabilizar financiamento é o objetivo principal do produto, não uma função secundária do mural. Cada projeto tem uma aba Financeiro própria: valor doado, valor investido e meta necessária, um QR code para doar na hora, um gráfico de entrada e saída e o histórico de transações — tudo isso além do próprio widget de arrecadação, já visível na capa do projeto.
Os valores e nomes de doadores mostrados (ex.: “John Doe”) são dados de exemplo do próprio template usado no protótipo, não resultados reais do projeto.
10 — LIMITES DO PROTÓTIPO
Um MVP honesto sobre o que ainda não foi construído
Mural Colaborativo
Um segundo mural, mais amplo: projetos acadêmicos multi-disciplinares (não só ODS), pensado para fortalecer o portfólio dos alunos e a credibilidade da instituição. Aparece na navegação, mas nunca foi implementado.
Cadastro de projeto
No protótipo, o widget de suporte simula o próprio time explicando a um usuário: “No momento, a tela de cadastro de projeto está em desenvolvimento, mas você pode entrar em contato comigo pra eu inserir manualmente.” Um MVP que admite seu próprio limite, em vez de fingir uma automação que não existe.
11 — PAPEL E ENCERRAMENTO
Obrigado!
Projeto acadêmico do 1º semestre de 2023, em grupo. Atuei como product designer principal da plataforma e no conceito da identidade visual.
FERRAMENTAS
Illustrator · Metronic 8
ORIENTADOR
Ricardo Balija
EQUIPE
5 pessoas · InfiniTeam
BEHANCE
behance.net/gallery/174988753