IT Singular
IT Singular
WEBSITE
REDESIGN
O principal intuito do projeto foi recriar toda a estrutura do site institucional da empresa IT Singular, aplicando um visual moderno de fácil interpretação, além de elementos mais "vivos" com maior interação dos usuários ao acessarem a página.
A IT Singular é uma empresa de tecnologia especializada em desenvolvimento de software, consultoria em transformação digital e infraestrutura de TI. Com uma equipe qualificada e soluções personalizadas, ajuda negócios a otimizar processos, aumentar a segurança e impulsionar a inovação.
A IT Singular é uma empresa de tecnologia especializada em desenvolvimento de software, consultoria em transformação digital e infraestrutura de TI. Com uma equipe qualificada e soluções personalizadas, ajuda negócios a otimizar processos, aumentar a segurança e impulsionar a inovação.
O Problema
Contraste
Contraste
Contraste de Cores: Certas combinações de cores entre texto e fundo possuem baixo contraste, o que pode dificultar a leitura. Como é o caso de uma das cores principais da marca, o verde #66EA7A foi usado como fundo para textos de cor branca #FFFFFF. Como por exemplo os botões CTA, e alguns cards.
Contraste de Cores: Certas combinações de cores entre texto e fundo possuem baixo contraste, o que pode dificultar a leitura. Como é o caso de uma das cores principais da marca, o verde #66EA7A foi usado como fundo para textos de cor branca #FFFFFF. Como por exemplo os botões CTA, e alguns cards.
Padding/Espaçamento
Padding/Espaçamento
Padding/Espaçamento
Espaçamento e Layout: Algumas seções apresentam uma densidade elevada de informações sem espaçamento adequado, tornando a leitura cansativa e dificultando a identificação de conteúdos-chave.
Espaçamento e Layout: Algumas seções apresentam uma densidade elevada de informações sem espaçamento adequado, tornando a leitura cansativa e dificultando a identificação de conteúdos-chave.
Links
Links
Verificação dos Links: Os botões de CTA possuem URLs incorretas. Links quebrados ou inexistentes impedem que o usuário seja direcionado adequadamente.
Verificação dos Links: Os botões de CTA possuem URLs incorretas. Links quebrados ou inexistentes impedem que o usuário seja direcionado adequadamente.
Desempenho
Desempenho
Desempenho
o PageSpeed Insights indicou um desempenho abaixo do recomendado, significa que o site da IT Singular pode estar enfrentando problemas que afetam a velocidade de carregamento e a experiência do usuário.
o PageSpeed Insights indicou um desempenho abaixo do recomendado, significa que o site da IT Singular pode estar enfrentando problemas que afetam a velocidade de carregamento e a experiência do usuário.
Pontos de melhorias
Pontos de melhorias
Cores
Cores
Cores
Pensando no branding da marca, o uso das cores do logo em alguns elementos que precisam se destacar na ação do usuário não só facilita a experiência mas também ajuda na identificação do que a marca transmite.
Pensando nisto utilizei com maior frequenta as cores rosa #ED9FFF e o verde #6BED7C. Além de trazer um fundo light com um branco/cinza claro #EBEBF0 para que algumas sessões do site possam ganhar um melhor contraste.
Pensando no branding da marca, o uso das cores do logo em alguns elementos que precisam se destacar na ação do usuário não só facilita a experiência mas também ajuda na identificação do que a marca transmite.
Pensando nisto utilizei com maior frequenta as cores rosa #ED9FFF e o verde #6BED7C. Além de trazer um fundo light com um branco/cinza claro #EBEBF0 para que algumas sessões do site possam ganhar um melhor contraste.
Imagens
Imagens
Imagens
Imagens de alta qualidade ajudam a criar uma primeira impressão positiva. Fotos de equipe, escritório ou projetos demonstram transparência e tornam a empresa mais acessível para os clientes.
Blocos de texto longos podem ser cansativos. Imagens bem escolhidas tornam o site mais visualmente atraente e facilitam a leitura, ajudando na retenção das informações.
Imagens de alta qualidade ajudam a criar uma primeira impressão positiva. Fotos de equipe, escritório ou projetos demonstram transparência e tornam a empresa mais acessível para os clientes.
Blocos de texto longos podem ser cansativos. Imagens bem escolhidas tornam o site mais visualmente atraente e facilitam a leitura, ajudando na retenção das informações.
Interação/Motion
Interação/Motion
Interação/Motion
As micro interações são essenciais para melhorar a experiência do usuário, tornando a navegação mais intuitiva e fluida. Pequenas animações, como botões que mudam de cor ou indicadores de carregamento, fornecem feedback visual, direcionam a atenção para elementos importantes e aumentam o engajamento. Além disso, elas reforçam a identidade digital da empresa, transmitindo modernidade e profissionalismo.
As micro interações são essenciais para melhorar a experiência do usuário, tornando a navegação mais intuitiva e fluida. Pequenas animações, como botões que mudam de cor ou indicadores de carregamento, fornecem feedback visual, direcionam a atenção para elementos importantes e aumentam o engajamento. Além disso, elas reforçam a identidade digital da empresa, transmitindo modernidade e profissionalismo.
Aplicações
Aplicações
Muito
Obrigado!
Muito
Obrigado!
