Fale com a Onnet

Modelo Força para personal trainer: laranja e grafite

Publicado em Tenhaseusite · 4 min de leitura

Publicado originalmente em Tenhaseusite. Esta é uma cópia do artigo; leia e compartilhe o original.

Quem procura um personal quer sentir energia, entender como será o treino e ter segurança de que o acompanhamento é individual. Um site para personal trainer precisa apresentar modalidades, método, onde os treinos acontecem e planos. É essa a proposta do modelo Força, o 1º de uma série de dez estilos criados para personal trainers e profissionais de educação física.

Em poucas palavras, a descrição do modelo resume o clima: Laranja e grafite, treino intenso e energia.

No computador
No tablet
No celular

As imagens acima são capturas reais da demonstração do modelo, em tamanho de computador, tablet e celular. O site se adapta a cada tela, sem que você precise fazer nada.

Cores, fontes e formas

O fundo escuro (quase preto azulado) dá profundidade à página e coloca as cores de destaque em evidência. Os textos claros foram escolhidos para manter bom contraste e leitura confortável. O destaque fica por conta do laranja (#f26b1d), usado nos botões e nos pontos que pedem ação, enquanto o dourado dá apoio aos detalhes e aos ícones.

Os títulos usam a fonte Barlow e o texto corrido usa Public Sans, ambas sem serifa e fáceis de ler em qualquer tela. Os elementos têm cantos quase retos, de visual firme e institucional. Os botões acompanham o mesmo arredondamento dos cartões. O rodapé recebe um desenho de triângulos sobre um fundo quase preto azulado, que fecha a página com personalidade.

A capa e o menu

O menu traz a marca à esquerda e os links de navegação à direita. Na capa, o texto fica alinhado à esquerda sobre a foto principal. Na demonstração, a capa apresenta o título “Treino feito para você, com acompanhamento de perto”, com o botão “Agendar aula experimental” e selos como “Profissional registrado no CREF”, “Avaliação física inclusa” e “Treino 100% individual”. Todos os textos e a foto podem ser trocados pelos seus no painel, sem código.

As seções do modelo

O modelo já vem com as seções que um site de personal trainer costuma pedir, na ordem em que o visitante as procura:

  • Números: Faixa com números de credibilidade.
  • Modalidades de treino: Tipos de treino oferecidos em cartões.
  • Sobre: Foto, história e formação do profissional.
  • Método de trabalho: Da avaliação à evolução, em linha do tempo.
  • Onde você treina: Academia, domiciliar, ao ar livre e online.
  • Resultados e transformações: Casos de alunos em linhas numeradas, com prazo e conquista.
  • Para quem é: Perfis de alunos atendidos em pílulas.
  • Saúde e segurança: Avaliação, acompanhamento e cuidados com o aluno.
  • Valores e planos: Tabela de planos com destaque.
  • Depoimentos: Cartões de depoimentos.
  • Dicas de treino: Textos educativos (ajudam no Google).
  • Perguntas frequentes: Perguntas e respostas em sanfona (também gera dados estruturados).

Contato e agendamento

O formulário aparece em cartão escuro, que contrasta com o restante da página. O título é “Comece seu treino” e o botão de envio diz “Quero treinar”. Os campos pedem seu nome, e-mail, WhatsApp, qual é o seu objetivo e mensagem, um por linha, para facilitar o preenchimento no celular. O botão flutuante de WhatsApp, o telefone, o e-mail e o mapa do Google completam o contato, e o site já traz o aviso de cookies e as políticas de privacidade.

Para quem combina

O visual escuro costuma agradar a quem quer transmitir sofisticação e personalidade. É uma boa escolha para profissionais que treinam em academia, em casa ou ao ar livre. Em educação física, as normas do CREF recomendam informação responsável: os textos de exemplo evitam promessas de resultado.

Versão de 5 páginas e como ter este modelo

Este modelo também existe em uma versão de cinco páginas (Início, Sobre, Treinos, Como funciona e Contato), usada no plano Essencial, com o mesmo visual. No visualizador do catálogo, basta alternar entre “Onepage” e “5 páginas” para comparar.

Abra a demonstração em tenhaseusite.com.br/modelos/personal/modelo-1, veja o modelo funcionando e clique em Quero esse para ter o seu. Você escolhe, troca textos e fotos pelo painel e publica sem precisar de um programador.

Notícias parecidas