Wellness Campinas
![WN-Mobile](http://www.duniaesper.com.br/wp-content/uploads/2021/05/Testeira-Wellness.jpg)
Site desenvolvido em janeiro de 2021 para Clínica Wellness, em Campinas/SP. A estrutura segue o padrão que a agência realiza para os outros clientes na área médica: Home, página sobre a Clínica, páginas informativas sobre cada especialidade atendida, página de corpo clínico em formato filtrável por especialidade e página de contato. O conceito da Wellness é baseado na sofisticação, saúde e bem-estar e a linha visual precisava seguir o mesmo caminho.
Optei pela utilização de uma tipografia serifada (Manrope) para os títulos, para invocar requinte que a empresa promove. E para alinhar isso com modernidade, a tipografia de apoio escolhida foi a Open Sans, uma fonte humanista projetada para o ambiente digital.
O site foi construído em WordPress e utiliza o Divi Theme. Site totalmente responsivo.
![WN-Desktop-Home](http://www.duniaesper.com.br/wp-content/uploads/2021/05/WN-Desktop-Home.jpg)
![WN-Desktop-Home-02](http://www.duniaesper.com.br/wp-content/uploads/2021/05/WN-Desktop-Home-02.jpg)
![WN-Mobile-Home](http://www.duniaesper.com.br/wp-content/uploads/2021/05/WN-Mobile-Home.jpg)
![Icones-Sets](http://www.duniaesper.com.br/wp-content/uploads/2021/05/Icones-Sets.jpg)
![WN-Gif-Interacao](http://www.duniaesper.com.br/wp-content/uploads/2021/05/WN-Gif-Interacao.gif)
![WN-Cores](http://www.duniaesper.com.br/wp-content/uploads/2021/05/WN-Cores.jpg)
A paleta cromática foi escolhida baseada nas cores terrosas do logo, criando variações harmônicas para que os elementos gráficos cumprissem o papel adicionar personalidade ao site, ao mesmo tempo que não roubassem a atenção do conteúdo.Para não criar um enorme contraste nas áreas brancas, escolhi trabalhar com linhas sutis posicionadas nas extremidades da seção, não correndo o risco de gerar qualquer interferência no texto.
Para todos os sites que desenvolvo sempre me empenho em facilitar a navegação do usuário utilizando de movimentos e animações para sinalizar os elementos interativos. Para esse caso específico da Wellness, além da movimentação do carregamento de página, a área de Especialidades pedia uma atenção. Como os itens estão próximos criei a mudança de cor do fundo da especialidade, junto com a ampliação da área, para que o usuário se situe e entenda qual especialidade está sendo selecionada.
![WN-Desktop-Clinica-Especialidades-2](http://www.duniaesper.com.br/wp-content/uploads/2021/05/WN-Desktop-Clinica-Especialidades-2.jpg)
![WN-Clinica-2](http://www.duniaesper.com.br/wp-content/uploads/2021/05/WN-Clinica-2.jpg)
![WN-Mobile-Clinica-03](http://www.duniaesper.com.br/wp-content/uploads/2021/05/WN-Mobile-Clinica-03.jpg)
![WN-Mobile-Especialidades-02](http://www.duniaesper.com.br/wp-content/uploads/2021/05/WN-Mobile-Especialidades-02.jpg)
![WN-Especialidades](http://www.duniaesper.com.br/wp-content/uploads/2021/05/WN-Especialidades.jpg)
![WN-Mockup-Outras-Pgs](http://www.duniaesper.com.br/wp-content/uploads/2021/05/WN-Mockup-Outras-Pgs.jpg)
O site foi projeto já pensando no formato responsivo, então houveram poucas modificações nas seções e áreas nesse processo. Testeiras e Call To Actions puderam ser reaproveitados, em razão de manter a consistência do site tanto para desktop quanto mobile.
![WN-Contato](http://www.duniaesper.com.br/wp-content/uploads/2021/05/WN-Contato.jpg)
Para conhecer o site completo, basta acessar aqui.