Web design sem código com Elementor e WordPress

Web design sem código com Elementor e WordPress

“ Agora vamos revisar as principais fases do desenvolvimento do seu site para que você possa apresentar seu projeto à Comunidade Domestika. Gostaria que explicasse brevemente o que fez em cada um e acompanhe a explicação com uma ou mais imagens. Conceito e referências Comece desenvolvendo todo o conceito do seu site. Para isso, primeiro reúna referências visuais que te inspirem e salve-as em uma pasta ou favoritos. oh! E não se esqueça que qualquer coisa pode se inspirar, não apenas páginas da web, mas qualquer objeto ao seu redor, música, sua cidade, uma paisagem... Tanto faz!

Mapa do seu site Em segundo lugar, desenhe um mapa do site onde você define as páginas que irão compor a navegação do seu site e como o usuário se moverá por elas. Guia de estilo Em seguida, reúna todos os elementos e estilos gerais que deseja para o seu site: logotipo, conjunto de fontes, paleta de cores e, opcionalmente, elementos gráficos. Crie um guia de estilo com tudo isso. Proposta de design Agora você vai trabalhar na proposta de design, que é uma das partes mais emocionantes de todo o processo. Para isso, você pode trabalhar com o programa de design que desejar. Usando todos os elementos do seu guia de estilo, desenhe cada uma das seções que compõem o seu site e que você definiu previamente no mapa do site. Lembre-se de que, se você não souber qual conteúdo ou estrutura usar em cada uma dessas seções, poderá sempre dar uma olhada nas referências visuais novamente para se inspirar. O mais importante sobre a proposta de design é que ela ajuda a visualizar como seu site ficará quando você trabalhar posteriormente com o Elementor. Design em WordPress e Elementor Instale e configure as ferramentas com as quais você trabalhará neste curso para criar todo o seu site. Para fazer isso, antes de tudo, verifique se você possui uma hospedagem e um domínio onde possa instalar o WordPress. Depois de instalado, configure-o e crie as páginas e menus de navegação do seu site. O próximo passo será instalar o plugin Elementor e o tema que você vai usar como base: "Hello Theme". Agora tudo o que você precisa fazer é baixar e instalar o Elementor Pro, que inclui recursos incríveis para criar todo o design do seu site. É hora de transferir toda a proposta de web design para um site 100% real e funcional, para isso você trabalhará com Elementor, o kit padrão, seu construtor de temas e opções de templates. Lembre-se que neste ponto você deve ter em mente em todos os momentos a proposta de web design que você preparou anteriormente. Comece criando o cabeçalho e o rodapé. Continue projetando a página inicial e não se esqueça de incluir efeitos de animação para torná-la muito mais visual e atraente. Agora, crie o modelo de projeto e a página inicial do portfólio. E também acesse as seções "Sobre" e "Contato". oh! Não se esqueça de otimizar as imagens do seu site para que não pesem muito e carreguem rapidamente, e lembre-se de acompanhar essas imagens com textos que contribuam, contextualizem e humanizem o seu trabalho. Por fim, trabalhe também no design das seções secundárias do seu site, como a página de política de privacidade, a página "Erro 404" e a página de manutenção. Teste e lançamento Você tem muito pouco para terminar! É a vez de testar a web em diferentes navegadores e dispositivos, pois às vezes uma web aparece um pouco diferente em alguns deles. Anote todos os detalhes que não estão funcionando ou sendo exibidos conforme o esperado e corrija-os posteriormente no Elementor. Depois de corrigir tudo, está tudo pronto para que seu site seja visto por todo o mundo! Depois de iniciá-lo, não se esqueça de mantê-lo atualizado. Ah! E lembre-se de fazer um backup antes de cada atualização. Chegou a hora de você compartilhar seu projeto final com a comunidade clicando em "Crie seu projeto". Lembre-se de compartilhar o link para ver o site que você criou e também nos contar todo o processo criativo que o levou até ele. Se em algum momento você colocou o site em modo de manutenção, desative-o para que possamos ver seu site na íntegra. Com certeza é incrível :). Estou ansioso para ver seu projeto e dar-lhe feedback. Apesar de pedir paciência, tentarei acessar o fórum o máximo que puder e o que meus projetos profissionais me permitirem. Por fim, quero convidá-lo a participar ativamente do fórum, não apenas compartilhando seu progresso, mas também dando conselhos e tentando ajudar o resto da comunidade. Vejo você no fórum! ”

Transcrição parcial do vídeo

“Agora é a sua vez. Vou revisar com você passos essenciais para criar seu próprio site de forma eficaz. A verdade é que era muita informação nova. então sinta-se super orgulhoso de ter chegado até aqui e por perdido o medo do design web. Lembre-se sempre de começar reunindo algumas referências visuais que te inspirem. Você pode salvá-las em uma pasta ou fazer um mood board com elas. Depois. esboce um mapa do seu site incluindo todas as seções que deseja. Lembre-se que não há limite seções nem seções obrigatórias. Simplesmente inclua as que melhor se adaptam ao seu projeto. Antes de projetar ...”

Esta transcrição é gerada automaticamente, portanto pode conter erros.

Resumo do curso: Web design sem código com Elementor e WordPress

• Nível: Iniciante
• 98% avaliações positivas (251)
• 13927 alunos
• 4 unidades
• 20 aulas (3h 28m)
• 5 downloads

• Categoria

  Web e App Design

• Áreas

  Desenvolvimento de portfólio, Design de apps, Design de produto digital, Web Design