Kit de modelo mensal nº 2: crie um belo site de condicionamento físico

Publicados: 2019-09-03

No mês passado, lançamos o primeiro de nossa série mensal de kits de template Elementor. A resposta da nossa comunidade tem sido incrível. Muitos usuários ficaram superestimados com o lançamento e queriam mais:

Introducing-Elementor

Neste mês, decidimos entrar em forma e lançar um kit completo de site dedicado a uma academia profissional. Pegue o seu shake de proteína, flexione os bíceps e bombeie esse ferro! Este kit com certeza deixará você lustrado.

Este kit é 100% GRATUITO para todos os usuários do Elementor Pro e inclui:

  • 7 páginas de conteúdo
  • Modelos de cabeçalho e rodapé
  • Um modelo pop-up
  • Um modelo 404
  • Modelos simples e de arquivo
  • ~ 60 grátis para usar imagens CC0
  • 9 ícones originais
  • 2 formulários de contato bem elaborados
  • Uma ampla gama de efeitos de animação e movimento

Por que usar este kit

Why-Use-This-Kit

Tal como acontece com o nosso kit anterior, não poupamos esforços no processo de aperfeiçoamento deste kit de modelos. Ele foi construído para muito mais do que apenas ser um colírio para os olhos. Aqui estão os benefícios que fazem os kits da Elementor se destacarem no mar de modelos:

  • Design profissional - cada página, seção e widget foram usados ​​e editados com as melhores práticas em mente.
  • Uma rica variedade de elementos - O kit vem incluído com uma ampla gama de recursos do Elementor. Isso inclui pop-ups, modos de mesclagem, rolagem de paralaxe, navegador e muito mais.
  • Otimização de imagem - Todos os tamanhos de imagem foram otimizados.
  • Seções nomeadas - Nomeamos cada camada no Navegador, para que você possa facilmente localizar e selecionar cada elemento na página e saber o que faz o quê.
  • 100% responsivo móvel - Todos os ativos foram construídos com capacidade de resposta móvel em mente.

O kit de modelo para ginástica: um design arrojado e vibrante

Com nossos kits de modelos mensais, queremos ter certeza de que oferecemos aos nossos usuários um amplo espectro de designs. É por isso que decidimos lançar um kit template Gym, que é bem diferente do kit anterior da Agência Digital.

O kit anterior era minimalista e simples, enquanto este é ousado e inclui cores vibrantes e elementos marcantes. Já que estamos falando sobre exercícios e esportes, incorporamos o movimento a muitos dos elementos dos modelos. Também incluímos muitas imagens, já que esportes e recreação se enquadram na categoria visual.

As cores neon azul e amarelo brilhantes contribuem para o design arrojado. Eles também correspondem às cores que os atletas costumam usar em academias de ginástica em todo o mundo.
A tipografia também é adequada ao nosso design e apresenta 'Racing Sans One'.
O design arrojado e vívido do kit pode dificultar sua personalização para outros campos. No entanto, pode ser uma excelente opção para tópicos como coaching, ioga e outras áreas relacionadas a atividades.

Vamos examinar os ativos e ver o que eles incluem.

Modelo de página inicial do The Gym: Cool Parallax Effect

Home-page

Você tem que amar a primeira seção de heróis que você vê na página inicial. A imagem do entusiasta do exercício sem camisa e lustrado não pode ser ignorada e chama a atenção do visitante de imediato. A mensagem se encaixa na mesma ideia, com frases de poder motivacional como "Seja o melhor que puder".

Quando você rola, a imagem se move de uma forma que simula o movimento real da máquina de exercícios.

Existem muitos elementos notáveis ​​em todo o resto da página, como o uso de animações sutis que dão continuidade ao tema do movimento; as imagens em forma de cartão posicionadas uma na frente da outra e as linhas divisórias que separam as diferentes áreas da página.

Páginas sobre e treinadores: destaque para a equipe de ginástica

gym-about-trainer

Você pode obter muito mais visual na página sobre do Gym. A página conta a história da nossa academia em poucas palavras e muitas imagens, espalhadas por widgets e fundos.

Todo ginásio adequado deve destacar seu bem mais valioso - o treinador. Neste modelo, destacamos Maria Morales, nossa treinadora TRX. A página descreve as habilidades de Maria usando uma barra de progresso e inclui outra alternativa de apelo à ação na parte inferior.

Páginas de aulas e exercícios: maneiras criativas de mostrar informações

Classes

Você é um fisiculturista ou mais adepto do CrossFit? Nesta página, você encontrará um bom layout que pode ser usado para aulas, listas ou até mesmo postagens. O carrossel de testemunhos na parte inferior serve como prova social da eficácia do nosso ginásio.

Mesmo que esta página seja para uma aula de fitness, ela pode servir como um ótimo exemplo de como construir uma página rica em conteúdo de uma forma que seja facilmente digerida e legível para o visitante. A separação clara de cada seção, usando uma cor de fundo diferente, bem como o uso inteligente de listas de ícones, barras de progresso, acordeões e conteúdo em colunas ajudam a tornar esta página ótima. A página também inclui uma barra lateral adesiva que segue os visitantes enquanto eles rolam e os incentiva a se inscrever.

Preços, notícias e páginas de contato: completando as páginas do kit

Blog+Post+contact+pricing

Nesta página, repetimos a correspondência entre o exercício e o efeito de rolagem. Isso ajuda a criar o efeito de levantamento de peso. Para os fanáticos por esportes que precisam receber uma dose diária de atualizações sobre a academia, criamos uma página de notícias que exibe visualmente artigos recentes sobre todas as coisas sobre fitness.

Nenhuma academia pode sobreviver sem um fluxo constante de novos assinantes. É por isso que nossa página de contato inclui o horário de funcionamento, um formulário de contato, o endereço e outros detalhes de contato.

Antes de cuidar do seu corpo, cuide do que está dentro (desculpe o trocadilho).

Página 404: as imagens funcionam como o '0'

Esta página apresenta um uso criativo de nosso carrossel de imagens, que foi colocado de forma criativa entre o '4' e o '4' que compõem a página 404.

Cabeçalho e rodapé: você não pode perder essas cores neon

Header+Footer

O cabeçalho do Gym é pegajoso e segue o mesmo design de todo o kit. Para o rodapé, optamos por um design prolongado, que inclui um USP, detalhes de contato, um formulário de contato e links de mídia social.

Popup: Cool Animated Boxes

Se você clicar no link Junte-se a nós no cabeçalho, o pop-up aparecerá. Para este kit, saímos do pop-up normalmente encaixotado e criamos um layout mais interessante para a liquidação especial de verão do ginásio.

Como obter o kit

Um site bem projetado inspira um corpo bem projetado! Se você tiver o Elementor Pro, tudo o que você precisa fazer para aproveitar este kit de ponta é entrar no Elementor, abrir a biblioteca de modelos e pesquisar 'Gym'.

Quais modelos você gostaria de ver a seguir? Deixe-nos saber nos comentários abaixo.