motiontag: Uma Voz Clara para o Futuro da Mobilidade

Objetivo

Revitalizar a identidade empresarial, posicionando a marca como um parceiro maduro e confiável para a indústria de mobilidade europeia.

Nosso papel

Lideramos a direção criativa e o design de identidade da marca.

Resultado

Um Guia de Comunicação de Marca completo com posicionamento de marca detalhado, voz e tom, juntamente com o Guia Visual para a equipe de Marketing, incluindo materiais promocionais online e offline.

Ano

2025

"Muito obrigado Eduardo e Gabriela pela grande colaboração e os resultados incríveis." Stephan Leppler - CEO & Co-Fundador da motiontag

motiontag é uma empresa de tecnologia alemã ajudando a moldar o futuro da mobilidade urbana por meio da coleta de dados passiva e insights comportamentais. Com clientes em toda a Europa e um portfólio de soluções digitais complexas, a marca precisava evoluir de uma startup jovem de tecnologia para um parceiro confiável e preparado para a indústria, voltado para governos, pesquisadores e planejadores de mobilidade.

Foi aí que entramos em ação.

Uma Nova Direção Estratégica

Nosso objetivo principal foi traduzir a evolução estratégica da motiontag em uma identidade visual e verbal madura, consistente e escalável. A nova identidade precisava transmitir clareza, inovação e confiança sem perder a energia e o propósito que fizeram a empresa se destacar desde o início.

Diretrizes de comunicação com fichas de persona e quadros de proposta de valor.

Do idioma visual à voz e tom, criamos uma Diretriz de Comunicação de Marca completa que ancora a marca em um posicionamento mais nítido: preciso, robusto e humano.

Um Logotipo Baseado em Movimento e Escala

No coração da nova identidade está um logotipo que sutilmente captura camadas de movimento, profundidade e transformação. Inspirado por painéis empilhados em perspectiva, o símbolo reflete a capacidade da motiontag de rastrear dados complexos e revelar insights significativos – sempre em movimento, sempre olhando para o futuro.

Construção geométrica do símbolo da Motiontag, com grade de perspectiva e alinhamento angular.Construção detalhada do logotipo da Motiontag com grid tipográfico e slogan “Discover how people move”.Variações do logotipo da Motiontag para diferentes produtos como App, Dashboard, SDK e White Label.

Paleta de Cores Principal

A nova marca apresenta motiontag Blue – um verde-azulado profundo e confiante que ancora o sistema visual. É complementado por um Amarelo Acentuado vívido e uma gama versátil de neutros de apoio que ajudam a marca a transitar entre tons técnicos, ousados e amigáveis.

Paleta de cores da marca Motiontag, com azul primário, amarelo secundário, tons de cinza e variações em degradê.

Tipografia: Roboto Flex & Roboto Mono

A tipografia da motiontag é construída em torno do Roboto Flex – uma fonte altamente versátil projetada para clareza em várias plataformas. Ela é combinada com Roboto Mono para trazer precisão e contraste para conteúdos técnicos, painéis de controle e documentos de desenvolvedores.

Essa combinação ajuda a marca a alternar facilmente entre narrativa de marketing e interfaces de produtos de alta densidade.

Exemplo tipográfico da Roboto Flex com título em negrito e variações de fonte sobre fundo escuro.Exemplo tipográfico mostrando estilos e pesos da fonte Roboto Mono sobre fundo escuro.Layout de whitepaper da MotionTag com seção para desenvolvedores e blocos de texto técnico.

Conjunto de Ícones Phosphor

Para ícones, integramos o kit Phosphor Icons – um conjunto consistente e de código aberto que se alinha perfeitamente à abordagem limpa e digital-first da motiontag. Isso nos deu flexibilidade em todos os estados de IU e usos de marketing sem comprometer a coesão visual.

Grade de ícones Phosphor utilizados nas interfaces da Motiontag, sobre fundo teal escuro com descrição lateral.

Do Impresso ao Produto

Criamos um amplo conjunto de aplicações de marca, desde folhetos promocionais e relatórios impressos até pacotes para redes sociais e cartões de visita – todos alinhados com o tom atualizado e o posicionamento de mercado da marca.

Materiais offline foram tratados com o mesmo cuidado que ativos digitais, usando espaço, grade e ritmo para transmitir clareza e confiabilidade.

Motiontag promotional poster with the slogan “Be an engine for change” next to a woman walking a bike in an urban streetGrade de visuais da Motiontag com cartazes, fundos em degradê, uso de fotografias e mensagens da marca.Front and back of Motiontag business cards with clean, minimal layout and logo in Motiontag BlueMotiontag printed report mockup titled “Mobility For More Liveable Urban Spaces,” showing branded editorial layoutSmartphone mockup with Motiontag logo on a gradient screen, used as a mobile app splash screen conceptLogotipo da MotionTag impresso em camiseta branca e caneca de cerâmica, com detalhes em verde-azulado.Dois cartazes com a frase “Be an engine for change” e fotos urbanas em preto e branco.Página de perfil da empresa MotionTag no LinkedIn com identidade visual verde-azulada.Carrossel de redes sociais da MotionTag com fotos urbanas e anúncio de marcos da empresa.

Design de Site: Funcionalidade com Estilo

Um momento chave do rebrand foi o redesenho do site. Nossa direção visava comunicar tanto a profundidade do produto quanto a credibilidade institucional. Com layouts cuidadosamente criados, gradientes e interações, o novo site coloca o valor da motiontag em destaque – CTAs claros, visuais nítidos e navegação perfeita.

O destaque da página inicial combina narrativa com credibilidade tecnológica, apresentando uma narrativa de dados em tempo real que espelha a oferta central de seus produtos.

Página inicial da MotionTag com slogan de mobilidade e foto de usuários no transporte público.

Diretrizes de Marca: Ligação com o Produto

Embora este fosse principalmente um projeto de branding, estabelecemos fundamentos visuais que sugerem como a interface do produto pode evoluir. Botões, tabelas, modais e uso de ícones em nossos protótipos já refletem um sistema limpo e modular que poderia informar o design futuro do painel de controle.

A direção aponta para um futuro onde a IU do produto da motiontag é tão sólida, acessível e escalável quanto a marca em si.

Tela de login da MotionTag nas versões claro e escuro.Componentes de interface da MotionTag com telas de login, perfil e menus do sistema. Interface do painel da MotionTag com lista de relatórios, filtros e ações da equipe.

Palavras Finais

Com este rebrand, a motiontag agora tem as ferramentas e a confiança visual para expandir sua voz – seja apresentando propostas a instituições públicas ou integrando desenvolvedores. O novo sistema é mais do que apenas uma nova camada de tinta. É um passo estratégico rumo à construção de confiança, autoridade e usabilidade em todos os pontos de contato.

® Estúdio KA'A 2025.

Do Brasil, atuando mundialmente.

Portuguese (Brazil)

® Estúdio KA'A 2025.

Do Brasil, atuando mundialmente.

Portuguese (Brazil)

® Estúdio KA'A 2025.

Do Brasil, atuando mundialmente.

Portuguese (Brazil)