Baixe o layout da sua página inicial grátis para universidades e faculdades
Publicados: 2017-05-08Hoje, estamos oferecendo à nossa comunidade Divi mais um layout gratuito. Este layout ajudará as pessoas que desejam criar um site Divi para uma universidade ou faculdade. Usar este layout como sua página inicial é a maneira perfeita de mostrar aos alunos atuais e futuros alunos do que se trata a universidade ou faculdade. E, claro, também mostra a eles que a universidade ou faculdade que estão explorando tem um grande senso de estilo e presença digital.
O layout da universidade e da faculdade
Ao projetar um site para universidades e faculdades, há uma coisa que você deve lembrar; mantenha-o visual. Universidades e faculdades não contam apenas com a qualidade de seu sistema educacional para atrair novos alunos, mas também tentam desencadear emoções. Uma maneira fácil de desencadear esse envolvimento emocional é por meio de uma das maiores necessidades dos alunos; contato social.
Para mostrar o envolvimento que você tem em sua faculdade ou universidade - e para desencadear esse envolvimento emocional - recomendamos que você use fotos da vida real. Escolha fotos de alta qualidade de professores e alunos de sua universidade ou faculdade. Fizemos a mesma coisa para o layout de brinde que compartilharemos com você neste post.
O layout da página inicial gratuito que você pode baixar imediatamente se parece com este:
Inscreva-se no nosso canal no Youtube
Baixe o Layout da Universidade e Faculdade
Se gostou do layout e deseja baixá-lo gratuitamente, vá em frente e digite seu e-mail no formulário abaixo. Continue clicando no botão de download e você obterá os arquivos necessários imediatamente.
Ao inserir seu endereço de e-mail, você assinará nossa newsletter. Você será informado sobre novos posts interessantes e relacionados ao Divi em nosso site e será um dos primeiros a receber brindes. Se você já estiver inscrito, saiba que inserir seu endereço de e-mail não fará com que você "se inscreva novamente" ou receba e-mails extras. Isso apenas tornará o download disponível para você.
Baixe o Pacote de Layout
Download de graça
Junte-se ao Divi Newsletter e nós lhe enviaremos por e-mail uma cópia do último pacote de layout de página de destino Divi, além de toneladas de outros recursos, dicas e truques Divi incríveis e gratuitos. Acompanhe e você será um mestre Divi em nenhum momento. Se você já está inscrito basta digitar seu endereço de e-mail abaixo e clicar em download para acessar o pacote de layout.
Você se inscreveu com sucesso. Por favor, verifique seu endereço de e-mail para confirmar sua assinatura e tenha acesso a pacotes de layout Divi semanais gratuitos!
O que há no ZIP?
Você obterá os seguintes arquivos ao baixar o layout gratuito:
- university-college-master-layout.json - importar este arquivo adicionará o layout completo e todas as seções individuais à sua biblioteca Divi.
- university-college-full-layout.json - este é apenas o layout completo da universidade e faculdade.
- pasta de seções - esta pasta contém todos os arquivos JSON para as sete seções individuais do layout da universidade e faculdade.
Seu brinde da University & College aparecerá em sua pasta de downloads como uma pasta compactada. Daremos a você um guia rápido sobre como fazer o upload do layout na próxima parte deste post.
Configurando o Layout da Universidade e Faculdade
Depois de localizar a pasta compactada baixada, você pode prosseguir e descompactá-la. Você encontrará os arquivos mencionados acima e dependendo das seções que deseja usar. Você pode carregá-los em sua biblioteca Divi.
Vá para Divi> Biblioteca Divi> Importar e Exportar> Importar> Selecione o arquivo mestre da University & College
Continue adicionando uma nova página ao seu site. Ative o Divi Builder e acesse a Biblioteca Divi em sua página em:
Biblioteca Divi (o símbolo “+” na interface)> Adicionar da Biblioteca> Universidade e Faculdade
Depois de selecionar o layout University & College para sua página, você verá que o layout aparecerá na página do Divi Builder.
O objetivo do layout é ser usado como uma página inicial. Se você deseja que as pessoas acessem esta página quando visitarem seu site diretamente, não se esqueça de defini-la como sua página inicial nas configurações do WordPress.
Vá para Configurações> Leitura> Página inicial> Selecione a página que você criou recentemente
Usando o Layout
O layout possui 7 seções principais que fornecem ao visitante diferentes informações. Nós nos concentramos principalmente na cor azul, porque muitas vezes ela está associada ao profissionalismo na mente das pessoas. Além disso, decidimos usar a família de fontes 'Montserrat' em toda a página. Na parte seguinte desta postagem, vamos orientá-lo nas diferentes seções.
A Seção Hero
A Seção Hero desse layout é bem limpa, como você pode ver. Usamos um Módulo de Texto e um Módulo de Botão para mantê-lo simples. Também adicionamos um estilo de divisão à imagem que está sendo usada como plano de fundo na seção. Para dar uma olhada no código; vá para a guia CSS personalizado de sua seção e role para baixo até o elemento principal. Criamos um caminho de recorte que faz com que o estilo divisor pareça uma curva.
A seção do contador de números
Inicialmente, parece que esta segunda seção faz parte da seção do herói. Esse efeito foi criado principalmente com o módulo de call to action que está sendo usado na segunda coluna da linha. O módulo parece estar flutuando sobre a seção do herói e chama a atenção para o que está escrito lá. Se você quiser que o Módulo de chamada para ação seja separado da seção anterior, vá para a guia Configurações avançadas de design e remova a margem superior.
Se você quiser que o Módulo de chamada para ação seja separado da seção anterior, vá para a guia Configurações avançadas de design e remova a margem superior.
Seção de Introdução
Para esta seção, queríamos manter a curva em andamento, então fizemos uma no topo desta seção também. Ao fazer isso, criamos uma conexão entre as diferentes seções e também parece bom.
Seção de campos de estudo
Na seção de campos de estudo, decidimos usar o mesmo efeito flutuante que fizemos na seção de contador de números. Isso dá aos visitantes a ideia de que um dos campos de estudo mencionados é especial. Você pode mudar esse campo de estudo a qualquer momento - dependendo de qual público você está alvejando naquele momento.
Se você está atualmente realizando todos os tipos de atividades de marketing para atrair estudantes para a área de estudos médicos, opte por destacar essa área de estudo durante o mesmo período. Também adicionamos uma seta de destaque extra, que está oculta em telefones e tablets.
Não usamos os Módulos do Blurb para esta seção porque queríamos ter imagens que focassem especificamente no campo de estudo. Para os ícones neste layout, usamos a nova ferramenta AutoDraw e os tornamos imagens PNG transparentes no Photoshop com a ferramenta varinha mágica. Usar o AutoDraw é a maneira mais fácil se você não quer perder muito tempo procurando ícones para baixar, mas sabe que os desenhos que eles fornecem são limitados.
Usar o AutoDraw é a maneira mais fácil se você não quer perder muito tempo procurando ícones para baixar, mas sabe que os desenhos que eles fornecem são limitados.
Seção de Alunos
Havia duas maneiras de divulgar as histórias dos alunos; usando o Módulo Testemunho ou o Módulo Pessoa. Nesse caso, escolhemos o módulo pessoa para garantir que o foco principal esteja na imagem. Como eu disse antes; as pessoas não escolhem uma determinada universidade ou faculdade apenas para seu campo de estudo, mas também para o contato social e as experiências de outras pessoas. Somos criaturas visuais, por isso gostamos de associar testemunhos, declarações e palavras a um rosto. Torna mais fácil confiar e acreditar na qualidade de uma universidade ou faculdade.
Seção do formulário de contato
Utilizamos imagens suficientes em todo o site, por isso decidimos manter o formulário de contato limpo e simples.
Rodapé
O rodapé também é muito limpo. Usamos uma cor de fundo mais escura para esta seção para enfatizar a seriedade que uma universidade ou faculdade deve expressar. Colocamos todas as informações práticas que um visitante do site pode precisar, como botões para os canais de mídia social, o endereço, número de telefone e endereço de e-mail.
Empacotando
Esperamos que todos os membros de nossa comunidade possam facilmente começar a construir sites para universidades e faculdades com este layout - seja para eles próprios ou para seus clientes. Recomendamos usar o mesmo estilo, família de fontes e cores em todas as outras páginas do site.
Quaisquer comentários ou perguntas são bem-vindos na seção de comentários abaixo. Estarei de prontidão e tentarei responder a todas as suas perguntas da forma mais útil possível. Além disso, se você tem alguma sugestão de tutoriais que gostaria de ver para a Divi, atire!
Se você está ansioso para aprender mais sobre o Divi e obter mais brindes do Divi, certifique-se de assinar nosso boletim informativo por e-mail e canal no YouTube para que você sempre seja uma das primeiras pessoas a saber e obter os benefícios desse conteúdo gratuito.