⏎ Voltar para o início

mobLee tools

Unindo estratégias de conversão com experimentos de evolução de elementos gráficos da marca

design desenvolvimento projeto

Ao mesmo tempo em que era necessário aumentar as conversões da empresa, o projeto se tornou um espaço para experimentar e evoluir a marca da empresa como um primeiro passo para redesenhar o site institucional e o comportamento da marca como um todo.

Acessar em produção

Continuar

Foto de capa do mobLee tools

Desafios

Um projeto com dois objetivos de negócios - ao mesmo tempo que apareceu a necessidade de criar novos caminhos e canais para conversão de usuários topo de funil, o tipo de marketing e design tinham o interesse de expandir os elementos gráficos da marca, e as novas ferramentas foram um playground ideal para ambos.

Como foi resolvido

Depois de pesquisas de concorrentes e similares, para começar a entender novos canais e meios de conversão de interessados, ferramentas de conteúdo dinâmico foram escolhidas.

Para definir o tema delas, fiz junto com o Gerente de Marketing uma pesquisa de profundidade com clientes atuais, além de pesquisa de interesse por palavras-chave em buscadores, e assim definimos a funcionalidade central (calculadora temática) e os 4 temas: tamanho de salas, distância entre telão e plateia, coffee breaks e happy hours e velocidade ideal de internet.

Com os temas definidos, começamos a estudar e testar as regras de negócio para os cálculos, além de co-criações com outros designers do time de marketing para trazer novas ideias de como expandir a marca e materiais de apoio.

Focamos em repriorizar a paleta de cores, e experimentar com as cores da marca, trazer novos elementos visuais e padrões, além de testes com novas tipografias e tamanhos de texto. Os testes, acertos e descobertas geraram um início de um style-guide oficial para a marca, além de novos componentes e regras visuais, que foram muito importantes para o futuro redesenho do site institucional e blog.

Aprendizados

Trabalhando junto com designers gráficos muito competentes, melhorei meu conhecimento e habilidade em teoria da luz e cor, além de criação de patterns e elementos de apoio visual.

Em desenvolvimento, foi um projeto em que me aprofundei bastante em CSS e SVGs, construindo padrões e micro-interações, comecei a me aprofundar em animações e transições, e como garantir sua performance, rodando direto da GPU (placa de vídeo) quando possível.