EMPRESA
Code Creative
SEGMENTO
Desenvolvimento
DURAÇÃO
3 meses
UX/UI
Como um canvas de UX revelou por que o site da Code Creative não passava credibilidade.
Overview
Redesign de identidade visual e site one page para empresa de desenvolvimento e design. O projeto partiu de um canvas de UX e análise de concorrentes, identificando que o site não comunicava a credibilidade da marca e resultou em uma segunda versão com marca, hierarquia e comunicação reformuladas.
Descoberta
Canvas de Design Centrado no Usuário
Logo na primeira reunião com o cliente, foi feito um canvas de design para pode identificar os pontos-chaves do negócio e possíveis oportunidades do negócio em relação ao usuário.
Público-Alvo
O público inicial para este projeto está em pequenos negócios, freelancers e empresas que buscam terceirizar o serviço de desenvolvimento, em sua maioria na região do Vale do Aço.
Tendo foco em serviços B2B, público este que chega ao site através das redes sociais e indicação. E Sendo exigentes e seletivos, pesquisando bastante antes de realizarem alguma compra.
A proposta é que o público sinta segurança e seriedade ao acessar o site, fazendo assim com que o público tome a ação de entrar em contato.
Desk Research
Após o canvas ser preenchido e os objetivos definidos com o stakeholders, iniciei o processo de pesquisa secundária trazendo alguns insights de como o público-alvo, B2B, busca pelo serviço e o impacto que terá um site.
As percepções do mercado foram:
Empresas acabam sendo atraídas pela praticidade da Inteligência Artificial, tendo em sua maioria projetos genéricos;
Clientes B2B escolhem de forma estratégica buscando qualidade;
Autoridade e percepção de valor, fazem diferença;
Definição
Análise de competidores detalhada
Segui com a pesquisa realizando uma análise dos principais concorrentes da Code Creative. Para isso, foram selecionados 7 concorrentes diretos e indiretos.
Análise trouxe os detalhes de cada um dos competidores e também da Code Creative, tendo os prós, contras e diferenciais mapeados.
Esses concorrentes apresentavam sites mais sérios e premium, composto por conteúdos que comprovam autoridade como seções com processos de desenvolvimento, formação da equipe, depoimentos de cliente reais e os diferenciais de seus negócios.
O site anterior da empresa não era compatível com os demais concorrentes, tendo aspectos visuais amadores e genéricos, sem deixar claro a essência do negócio. Cores com pouco contraste entre si, sessões genéricas e sem CTAs para conversão, traziam esse ar de amadorismo e se distanciaram do que era a proposta de valor da Code Creative, no qual seus clientes buscam por conteúdo com mais autoridade.
Outro ponto de destaque foi a de projetos apresentados de forma mais visual, não apenas descritiva, com prints e mockups das telas produzidas em sua maioria. Algo que a Code Creative não possuía.
Desenvolvimento
Design
Como ponto de partida, propus uma troca de marca para a empresa. Trazendo cores mais sobrias e que remetem juntas a sofisticação e tecnologia. Para o símbolo, trouxe o encontro de duas áreas de especialidade da Code Creative, desenvolvimento e design.
Com a nova marca aprovada pelo cliente, parti para a nova construção do site.
Na primeira versão, logo no topo do site já apresentava pouco contraste com alguns textos, ícones e elementos, além de estar sobrecarregado de informações. Padrão que se repetia ao longo de toda a página.
Para a segunda versão, reduzi as informações do topo, dando destaque às informações iniciais do site, como headline, subtítulo e botões principais.
A sessão de projetos foi reformulada para apresentar os trabalhos de forma mais visual, com prints e mockups reais, como identificamos o padrão ao analisarmos os concorrentes.
Pós Lançamento
Monitoramento
O site foi relançado e monitorado via Google Analytics e HotJar(Contentsquare) com foco na origem do tráfego e cliques. O foco é identificar se os CTAs estão gerando contato e se o principal ponto de contato com o site vem das redes sociais.
Melhorias
Com a introdução do tráfego pago ao site, uma atualização para adicionar um formulário de contato na página foi necessária, com o intuito de facilitar o contato do usuário com a empresa.
Resultado
O redesign resultou em um produto com posicionamento visual alinhado ao mercado, identidade própria e em monitoramento contínuo.
Com a troca de ordem das sessões o público começou a permanecer mais tempo na página, chegando ao menos na parte do formulário, gerando assim o primeiro contato relevante para a Code Creative.
Mais Projetos
Clínica Amparium
Design de Interface
A equipe identificou abandono no meio do scroll. Veja como resolvi isso reorganizando a estrutura da home da Amparium.
Mastologista Paula Clarke
Design de Interface
Com conteúdo e identidade prontos, defini a hierarquia visual e estruturei o site em 2 semanas, do wireframe à implementação.