Um rebranding completo e design da plataforma para finalizar a reformulação do pioneiro canadense em pagamentos.
A Trolley simplifica transferências globais de fundos para vendedores, freelancers e prestadores de serviços.
Introdução
Em resposta ao impacto da pandemia nos processos de trabalho, fomos contratados para realizar um rebranding completo do pioneiro canadense no processo de pagamentos, com o objetivo de lançá-lo no mercado online sem fronteiras.
O desafio
A reformulação do Payment Rails, um produto popular com uma grande base de usuários, apresentou desafios. A economia global em evolução pós-pandemia exigiu o aprimoramento dos processos de pagamento. Assim, rebrandedo-o como Trolley, equilibramos familiaridade e novidade, ao mesmo tempo em que melhoramos a intuitividade. Consistência no design e escalabilidade foram priorizadas dentro do novo sistema de design.
Logotype
Nosso logotipo principal combina a marca personalizada "Trolley" com a marca de sublinhado, simbolizando uma plataforma que move coisas do ponto A ao ponto B. O espaço livre ao redor do logotipo maximiza sua presença, com o espaço recomendado equivalente à altura da letra 'e'.
Brand palette
O uso consistente de cores é vital em todas as aplicações. As cores principais da marca, 'Trolley Purple' e 'Trolley Blue', garantem consistência em todos os canais de comunicação.
Branding
A equipe do Trolley nos encarregou de criar um novo logo e identidade visual para se destacar em um mercado saturado. Após uma pesquisa aprofundada sobre seu histórico, público-alvo e concorrentes, criamos um logo único e uma paleta de cores que refletem os valores centrais da marca Trolley. Também criamos diretrizes de marca para combinação de cores, tipografia, fotografia, elementos visuais e uso do logo, garantindo uma impressão consistente da marca.
Website
O design do nosso site teve como objetivo aumentar a taxa de conversão e destacar de forma transparente as funcionalidades do aplicativo. Apresentamos estudos de caso reais para aumentar a relação do produto com os usuários e criamos mais de 20 sites exclusivos para desktop e mobile, com ilustrações dedicadas e componentes visuais do aplicativo reformulado.
Application
Simultaneamente à reformulação do site, realizamos a rebranding completo do aplicativo Trolley existente. Projetamos um novo estilo visual, consistente com as novas diretrizes de marca e compatível com a estrutura do aplicativo existente, e preparamos mais de 100 telas para as versões de desktop e mobile. Também desenvolvemos um novo sistema de design para agilizar o design e o futuro desenvolvimento das telas do produto.
Design System
Uma parte significativa do nosso trabalho envolveu a construção de um sistema de design com diretrizes para paleta de cores, tipografia, ícones, grades e dimensionamento e espaçamento de componentes. Mais de 100 componentes em diversos estados e variantes foram criados, reduzindo os custos de desenvolvimento e implementação, além de agilizar a colaboração entre as equipes.
Variants
Criamos uma variedade de variantes e estados para componentes comuns, garantindo sua fácil aplicação em qualquer projeto. Essa abordagem abrangente previne implementações indesejadas ou não intencionais.
Guidelines
Nosso conjunto detalhado e abrangente de regras e diretrizes inclui mais de 100 componentes para garantir consistência visual e funcional durante o processo de implementação do projeto. A rigidez das regras garante que os componentes sejam implementados corretamente, de acordo com o projeto visual.
Timeline
Este projeto abrangente envolveu a formulação da nova marca, começando com pesquisa e direção de arte baseada em moodboards, seguida pelo trabalho de design onde estabelecemos o logo, fontes e elementos visuais principais. Usando esse extenso conjunto de ferramentas, projetamos simultaneamente a interface do site e o aplicativo. A etapa final envolveu a criação de ferramentas de marketing em colaboração contínua com o cliente.
Discovery
Entrevistando o cliente e realizando uma pesquisa extensiva sobre o público-alvo do produto. Compreendendo os desafios e as perspectivas dos usuários. Brainstorming das soluções adequadas.
Design
Implementando as soluções e ideias para a nova marca. Projetando gráficos para o site e a interface do aplicativo simultaneamente. Construindo o sistema de design para uso no desenvolvimento.
Product
Desenvolvendo o sistema de design e colaboração próxima com o departamento de codificação. Realizando verificações de qualidade nos projetos em implementação. Criando materiais de marketing para fins promocionais.
“Trabalhar com Genesis em nosso rebranding e nas necessidades contínuas de design tem sido um prazer. Eles são flexíveis, rápidos, e a velocidade deles na execução de marketing é sua vantagem competitiva.”
Vincent Guérin
Trolley VP of Marketing
