Caso · diretório acadêmico · EACH-USP
Um site com três portas
De alunos para alunos.
O site do Diretório Acadêmico de Marketing da USP. Para quem olha de fora, são três portas, uma para cada público. Por dentro, é onde a diretoria edita o site e organiza o próprio trabalho.
Abrir a porta do estudante →
A porta do visitante
Quem chega sem saber o que é um diretório acadêmico. Esta porta precisa responder rápido: o que é o DAMA, e por que um curso de Marketing na USP tem um.
Três públicos que querem coisas opostas
O calouro quer saber o que tem pra ele. O visitante quer entender o que é o DAMA. A empresa quer saber por que patrocinar. Um site só, falando com os três ao mesmo tempo, não fala com nenhum.
Então são três portas, com a mesma identidade e conteúdos diferentes. O trocador fica sempre no canto de cima.
A primeira versão tinha cara de IA
Cartões arredondados com uma barrinha colorida do lado: o padrão que aparece em todo site gerado.
Troquei por estrutura tipográfica. Cada seção abre com um número grande em vermelho sobre um fio, e os itens são blocos numerados, sem caixa. É o que dá à página a cara de publicação.
Porta 02 · pra quem é DAMA
A porta do estudante
O DAMA é seu.
O aluno de Marketing da USP: o que o DAMA faz por ele, os eventos, os produtos, o calendário acadêmico e as perguntas que todo calouro tem.
Abrir a porta da empresa →O que tem nesta porta
Onze seções, todas nas mãos da diretoria, numa ordem que ela mesma escolhe.
Onze seções, todas da diretoria
Cada seção desta porta pode ser escondida, mostrada ou mudada de lugar pela diretoria.
Os espaços de foto aparecem como lugares marcados, com o nome do evento, até alguém subir a imagem.
O calendário que vem do oficial
As datas do calendário acadêmico são as do Calendário Escolar da USP de 2026, e os eventos do DAMA aparecem no mesmo mês, marcados como tal. Um dia com data ganha um ponto vermelho; clicar mostra o que acontece nele.
Porta 03 · para empresas
A porta da empresa
Conecte sua marca à próxima geração do Marketing.
Para quem pode patrocinar. Em vez de um PDF anexado a um email, uma apresentação de verdade, no próprio site.
Ver por dentro →Uma apresentação no lugar de um PDF
A porta da empresa é um deck de oito telas.
Um deck no lugar de um PDF
Dá para navegar com as setas, com o scroll ou pelos pontinhos do lado. A pessoa lê no ritmo de uma reunião, e o DAMA não precisa mandar anexo nenhum.
O trocador não parecia clicável
O retorno de quem testou foi direto: as pílulas de Visitante, Estudante e Empresa "não indicam nada". Elas ganharam um estado de passar o mouse que deixa claro que dá para trocar de porta.
Porta 04 · para a diretoria
Por dentro: o painel
Quem edita é a diretoria.
Atrás do botão Entrar fica a parte que o público não vê: onde a diretoria edita o site e organiza o próprio trabalho.
Voltar à porta do visitante →O que a diretoria vê
Nenhum texto do site depende de mim, e nenhum trabalho da diretoria depende de planilha solta.
A página é o próprio editor
A diretoria entra no painel, e a página de verdade vira o editor: clica no texto e escreve, esconde ou mostra uma seção, muda a ordem delas, sobe as fotos, troca a paleta.
O que se vê editando é exatamente o que vai ao ar, porque é a mesma página.
Um espaço para cada departamento
Cada departamento tem as suas demandas, os seus arquivos e o seu calendário. E a ata das assembleias é escrita a várias mãos ao mesmo tempo, como num documento compartilhado.
Um site de diretório morre com a chapa
Toda gestão sai em um ano, e quem chega quase nunca sabe programar. Por isso o site tem um guia escrito para quem nunca programou, e um segundo documento só sobre continuidade: como manter tudo no ar, recuperar de problemas comuns e passar o site para a próxima chapa.