Ir para o conteúdo

Caso de estudo

Tramo Design para conectar trajetos e cargas.

Mais de 15 mockups e 120 ícones

Entregas de design para apresentar o aplicativo.

Uma proposta funcional e visual que conecta necessidades a oportunidades de carga.

  • Setor: Transporte e Logística.
  • Período do projeto: 2020
Mockups Interativos
+15

Entrega

Ícones Criados
+120

Entrega

Explore o caso

Contexto e desafio

A Empresas de Servicios Externos Ltda. buscava criar uma solução digital para o TRAMO, um aplicativo focado em otimizar os espaços vazios dos caminhões nos trajetos de retorno. O desafio era:

  • Desenvolver uma demonstração de site funcional e informativa.
  • Expandir o branding da marca por meio de aplicações visuais.
  • Criar mockups e uma iconografia intuitiva que demonstrassem o potencial do aplicativo.

Objetivos

Entregar uma proposta estratégica e visual, totalmente funcional, para preparar o caminho para uma futura implementação.

Ferramentas

Antes

  • N/A

Atualmente

  • Adobe XD: Design UX/UI.
  • Adobe Photoshop & After Effects: Branding, iconografia e mockups animados.
  • WordPress: Desenvolvimento da demonstração do site.
  • Otimização SEO inicial.

Potenciais

  • Google Analytics, Google Ads, Search Console, Adobe Analytics, Meta Ads, WhatsApp, CRM Clientify

Estratégia e ações

Elementos centrais do projeto

Aplicação do Branding:

A estratégia que implementamos

Abordagem Synapse Marketing Framework:

Nossa estratégia se concentrou em alinhar cada canal da presença digital às motivações e necessidades do cliente ideal do TRAMO

Evolução do Logo

  • Usamos o “O” como símbolo central, representando um contêiner suspenso, e o estendemos a aplicações digitais, fortalecendo a identidade.

Iconografia Funcional

Criamos uma série de ícones lineares e minimalistas que transmitem clareza e utilidade em:

  • Funcionalidades do aplicativo.
  • Visualização de processos logísticos.

Mockups Interativos

Criamos e animamos mockups gráficos para demonstrar:

  • A experiência UX/UI otimizada no aplicativo.
  • A navegação e o acompanhamento logístico na web e em dispositivos móveis.

Estilo Visual Geral

Implementamos uma paleta de cores vibrantes (amarelo e preto) que:

  • Reflete modernidade e eficiência.
  • Garante o reconhecimento imediato da marca.

Melhoria na Comunicação

  • Desenvolvimento de um conceito criativo central: “Otimizar trajetos vazios conectando transportadores e cargas”.
  • Criação de mensagens claras e diretas tanto para transportadores quanto para usuários finais.

Branding, Iconografia e Mockups

  • Expansão do branding: design aplicado ao site e a aplicativos móveis, garantindo consistência visual e profissionalismo.
  • Criação de uma iconografia LineUp funcional, moderna e minimalista, facilitando a navegação e a compreensão do aplicativo.
  • Desenvolvimento de mockups interativos e animados que mostram o aplicativo em diferentes cenários, destacando o fluxo de navegação intuitivo e a otimização de espaços e funcionalidades essenciais.

Design UX/UI e Implementação Web

  • Desenvolvimento de uma interface intuitiva e funcional que permite compreender e visualizar o uso do aplicativo.
  • Criação de uma demonstração de site em WordPress, alinhada ao branding e otimizada para explicar a proposta de valor.

O projeto em imagens

Mockup do Aplicativo

Iconografia

Mockups do Aplicativo

Apresentação do Aplicativo

Resultados

Impacto da estratégia

Design estratégico: da marca à funcionalidade

O TRAMO é um projeto que integra branding, design funcional e soluções estratégicas para demonstrar o potencial de uma ideia inovadora. Da criação de iconografia e mockups interativos à expansão do branding para aplicações web, cada elemento foi projetado para preparar o caminho para sua implementação real.

A partir de uma única ideia, criamos uma solução completa: branding, iconografia, design web e experiência do usuário. O TRAMO passou de um conceito estático a uma proposta visual funcional que se destaca pela clareza e utilidade.

Na Agencia Cero, transformamos ideias em ferramentas visuais e funcionais que conectam, comunicam e geram valor real.

Mockups Interativos

+15

Entrega

Ícones Criados

+120

Entrega

Consistência Visual

100%

Projeções

Interações Projetadas

1500

Projeção

Conclusão

Vamos conversar sobre seu projeto

Agende uma conversa

WhatsApp