CAFT Clí­nica de Avaliação Fí­sica

Reformulação completa do site da clí­nica CAFT, buscando unir movimento com as cores da empresa. Criação de layout e desenvolvimento em html5, CSS3, JavaScript e WordPress.

http://caft.com.br/

Tools

O Projeto

O site da Clínica de Avaliação Física CAFT foi um dos projetos mais interessantes que desenvolvi. Tratava-se de uma clínica voltada para atletas de alto desempenho, equipada com tecnologia de testes físicos de última geração. Desde o início, o principal desafio foi criar um layout capaz de transmitir movimento, dinamismo e velocidade — elementos diretamente ligados ao esporte e à educação física.

Ao mesmo tempo, o projeto precisava comunicar tecnologia, pesquisa e análise. Afinal, a partir dos resultados dos exames realizados na CAFT, os atletas conseguem ajustar treinos e melhorar significativamente suas performances.

Desafio Visual e Identidade de Marca

Outro ponto crítico estava nas cores do logotipo. A marca utilizava dois pantones muito fortes e marcantes, o que tornava difícil equilibrar contraste e harmonia visual. Ainda assim, essas cores precisavam estar presentes no layout, respeitando o contexto esportivo e sem deixar o site visualmente exagerado.

Por isso, o trabalho de composição visual exigiu cuidado estratégico na aplicação de contrastes, áreas de respiro e hierarquia de informação. Dessa forma, conseguimos manter a identidade da Clínica de Avaliação Física sem comprometer a experiência do usuário.

Desenvolvimento e Recursos Técnicos

Durante o desenvolvimento, utilizei diversos recursos avançados de CSS — muitos deles considerados novidade em 2017, período em que o CSS3 ainda estava sendo explorado em todo o seu potencial. O objetivo era criar efeitos visuais que reforçassem a sensação de movimento sem prejudicar desempenho ou legibilidade.

Tecnicamente, o projeto foi estruturado com HTML5, CSS3 utilizando LESS pré-processado com GULP, JavaScript/jQuery e WordPress. Assim, foi possível garantir flexibilidade na gestão de conteúdo e controle total sobre performance e estrutura do código.