TED TEC
Da identidade à experiência digital.
Branding · UX/UI · Desenvolvimento · Motion · WordPress
A TED TEC precisava de mais do que uma nova interface. O trabalho começou na construção de sua identidade visual e avançou para a reorganização da presença digital, integrando marca, experiência e tecnologia.
Contexto
Mais do que redesenhar uma página.
O projeto partiu de uma instalação WordPress existente. Antes de qualquer intervenção, foi preciso entender páginas, plugins, dados, cache e dependências para preservar o que já funcionava e localizar o problema real.
A identidade desenvolvida para a TED TEC passou a orientar também conteúdo, hierarquia, interface e comportamento — sem transformar a implementação em uma reconstrução desnecessária.
Identidade visual
Uma marca construída para transmitir precisão.
O sistema nasce de uma síntese entre tecnologia, proteção e presença. O grafite cria estrutura; o teal conduz os pontos de energia e interação que depois atravessam a interface.
Cor
O grafite estabelece precisão e estrutura. O teal concentra energia nos pontos que orientam, conectam e colocam a experiência em movimento.
Tipografia
A combinação tipográfica sustenta clareza técnica sem tornar a comunicação fria, preservando presença e proximidade em diferentes escalas.
Da marca à interface
A identidade não terminou no logotipo.
Contraste, linhas técnicas e pontos de luz foram traduzidos em hierarquia, motion e feedback visual. O site passa a agir como uma continuação da marca — não como uma camada separada.
Processo
Do contexto à produção.
Diagnóstico
Antes de redesenhar, investiguei páginas, plugins, cache e dependências para preservar o que funcionava e localizar os problemas reais.
Investigação + integração
Nem todo problema visual é visual.
As avaliações pareciam conectadas ao Google, mas os cards visíveis estavam gravados diretamente na página. A auditoria mostrou que o Rich Showcase já sincronizava novas avaliações em segundo plano.
Em vez de trocar o design por um widget genérico, foi criada uma camada própria para ler, normalizar e apresentar esses dados na interface existente.
Avaliações dinâmicas, identidade preservada e menos manutenção manual.
Motion & interface
Movimento a serviço da leitura.
O notebook, o HUD e as transições foram construídos com JavaScript e Canvas 2D nativos, com fallback e movimento reduzido.
O resultado
Um sistema visual e técnico coerente.
Uma presença digital em que identidade, conteúdo, interação e tecnologia passaram a funcionar como partes do mesmo sistema — com uma base estruturada para manutenção e evolução.
Três componentes WordPress próprios · avaliações dinâmicas · motion nativo · QA em desktop, tablet e mobile · documentação e rollback.
Continua
Outras construções.
Uma galeria editorial de projetos que em breve ganham seus próprios recortes.
Próximo projeto
ASLU
Identidade · Experiência
Case em preparação.
Como posso te ajudar