mobLee tools
Unindo estratégias de conversão com experimentos de evolução de elementos gráficos da marca
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.
Continuar ▼
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.