Portfólio autoral
Meu nome é Rafael Meireles, vulgo SanSerifa. Trabalho com motion, edição e direção visual para projetos que precisam sair da tela com ritmo, cor e intenção.
Crio campanhas, clipes, identidades em movimento e experiências digitais com foco em narrativa, presença gráfica e acabamento, unindo linguagem autoral e clareza de comunicação.
CANAL 01 — Personagem interativo
Um personagem autoral criado para testar expressão, rigging e interação no navegador. Olha, reage, muda de estado e transforma a interface em cena.
Abrir case WizmoCANAL 02 — Campanha audiovisual
Campanha criada em ritmo de urgência, mobilização e disputa de narrativa, com edição, motion, cor e energia coletiva.
Abrir case Somos UFBACANAL 03 — Identidade e site
Marca, homepage, páginas internas e arquitetura de informação para uma conferência científica internacional em Salvador.
Abrir case StatphysCANAL 04 — Contato e currículo
Projetos de motion, edição, direção visual e colaborações que peçam linguagem, ritmo e acabamento.
Ver contatos e CVPersonagem. Interação. Emoção.
Wizmo nasceu como um experimento autoral entre personagem, animação e interface. A ideia começou no After Effects e cresceu até virar um pequeno sistema de comportamento no navegador.
No After Effects, o foco foi criar um rig fácil de manipular, com controles claros para expressão, timing e troca de estados. Usei Buttons and Levers para reduzir fricção entre desenho, animação e performance.
No site, o personagem foi reconstruído como presença interativa: o rosto acompanha o ponteiro, as expressões entram como vídeos independentes e a cabeça flutua com um idle sutil.
Estado base do personagem: calmo, atento e pronto para reagir.
Resposta positiva ativada por aproximação e interação suave.
Reação curta, mais intensa, combinada com vibração e mudança de cor.
Estado emocional acionado quando o personagem se afasta ou perde contato.
Grade de programação
Uma seleção de campanhas, sites, personagens e sistemas visuais criados para diferentes formatos, prazos e contextos.
Edição, motion design e sistema visual para uma campanha de mobilização coletiva.
Ver projeto
Marca, homepage, navegação e arquitetura de informação para uma conferência científica internacional.
Ver projeto
Direção visual retrô, TV interativa, canais e cartaz psicodélico para esta versão paralela do portfólio.
Ver projetoDesign deste site
Esta versão do portfólio nasceu como uma peça gráfica própria, não só como embalagem para os projetos. A TV, os canais, os recortes orgânicos e a paleta saturada transformam a navegação em programação visual.
Cada trabalho aparece como transmissão: tem tela, vinheta, estado, cor e mudança de clima. A interface assume seu lado cenográfico — como se o portfólio fosse ao mesmo tempo site, cartaz e aparelho antigo de TV.
A direção visual mistura formas fluidas, contraste forte, textura leve e humor gráfico para criar uma leitura anos 60 sem perder clareza.
A TV organiza a cena, apresenta os projetos e sustenta a ideia de transmissão.
Hover, estados e botões transformam a navegação em troca de programação.
Formas orgânicas, cor saturada e composição editorial carregam a energia retrô.
Campanha audiovisual
Somos UFBA foi uma campanha audiovisual criada em um contexto de mobilização, urgência e disputa de narrativa. O projeto precisava circular rápido, mas ainda carregar presença, afeto e clareza política.
Minha atuação passou por edição, motion design, organização visual e finalização de materiais para redes. A comunicação precisava ter ritmo, cor, música, tipografia e energia coletiva.
Um dos pontos centrais foi o clipe "Nossa Voz é UFBA", desenvolvido em cerca de um dia e meio. O processo exigiu organizar material, encontrar ritmo de montagem e finalizar com consistência mesmo sob pressão.
O resultado foi uma linguagem visual direta, emocional e preparada para circular em campanha.
Identidade e experiência web
Statphys 30 começou como um problema bonito: como dar forma digital a uma conferência enorme sem deixar que a física, a cidade e a burocracia do evento brigassem pela atenção da pessoa usuária.
A identidade visual nasceu como um sistema de órbitas, encontros e camadas. O logo precisava carregar precisão científica, mas também energia de encontro internacional, cor e presença.
No site, essa lógica virou arquitetura: programa, submissão de resumos, inscrições, comitês, políticas, viagens, patrocinadores e páginas editoriais organizados como um percurso claro.
O projeto une marca, homepage, mobile e componentes reutilizáveis em uma presença digital colorida, funcional e expansível.
Abrir site
Marca, homepage, mobile e componentes reutilizáveis.
Contato
Tem um projeto que precisa de ritmo, imagem e presença?
Estou disponível para motion design, edição, direção visual, identidade em movimento e colaborações que precisem transformar ideia em linguagem visual.