01

Code Creative

01

Code Creative

Redesign de identidade visual e site one page para empresa de desenvolvimento e design. O projeto partiu da análise de concorrentes, identificou que o site não comunicava a credibilidade da marca e resultou em uma segunda versão com marca, hierarquia e comunicação reformuladas.

Tipo:

Web/Mobile, UI/UX

Segmento:

Desenvolvimento

Duração:

3 meses

Desafios

Code Creative, é uma empresa de desenvolvimento que também integra como ponto de diferencial o design. Com foco em criação de websites, aplicativos e landing pages.

Logo em sua primeira versão no ar, o layout não comunicava seriedade suficiente e muito menos estava no nível de seus concorrentes. Após identificar este problema, fui em busca do que causava essa diferença significativa.

Meus Processos

  1. Análise de competidores:

    Para começar, realizamos uma análise dos principais concorrentes da Code Creative. Para isso, foram selecionados 5 concorrentes diretos e indiretos.

Esses concorrentes apresentavam sites mais sérios e premium, composto de cores menos vibrantes e neutras, hierarquia visual clara, projetos apresentados de forma mais visual, não apenas descritiva, com prints e mockups das telas produzidas. E CTAs distribuídos ao decorrer de suas páginas.

O site anterior da empresa, não era compatível visualmente com os demais concorrentes, tendo aspectos visuais amadores e genéricos, sem deixar claro a essência do negócio. Cores muito vibrantes, 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 a Code Creative acreditava.

  1. Design:

    Como ponto de partida, propus uma troca de marca para a empresa. Trazendo novas cores, sem abrir mão da cor roxa a pedido do cliente, que juntas remetem a sofisticação e tecnologia. Para o símbolo, trouxemos o encontro de duas áreas de especialidade da Code Creative, desenvolvimento e design.


    Com a nova marca aprovada pelo cliente, partimos 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, reduzimos 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.



  2. 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 pessoas e negócios que buscam uma solução para dar início a sua presença digital, como escolas e clínicas médicas. Esse público chega ao site através das redes sociais e indicação.

    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.




Próximos passos

  1. Monitoramento:

O site foi recém lançado e está sendo monitorado via Google Analytics 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.

  1. Melhorias planejadas

Como próximo passo, estamos produzindo uma atualização para adicionar um formulário de contato na página, com intuito de facilitar o contato.

E ao longo do tempo, os ajustes serão guiados pelos dados coletados.