Como criar uma Landing page completa para produto físico - Tutorial Figma

Поделиться
HTML-код
  • Опубликовано: 21 июл 2022
  • Neste aula vou te ensinar a criar um belíssimo layout de landing page para um produto físico. Mostro o passo a passo sem deixar nenhum detalhe de fora.
    👍❤️ Curti, compartilha e não esquece de se inscrever no canal e deixar seu comentário💬.
    👉Baixe os arquivos utilizados no tutorial e pratique:
    drive.google.com/drive/folder...
    🚀O curso de Auto Layout do Figma que vai levar suas habilidades de design para o próximo nível!
    👉 Clique e tenha acesso: nextlevelfigma.com.br/auto-la...
    🔥Através das aulas passo a passo e exercícios práticos, você dominará as técnicas de autolayout e estará pronto para criar designs flexíveis, adaptáveis e consistentes para qualquer dispositivo e tamanho de tela.
    🔥Licença Elementor Pro:
    👉bit.ly/licenca_elementorpro
  • НаукаНаука

Комментарии • 59

  • @LuanildoSilva
    @LuanildoSilva  Год назад +2

    🔥Entre para nossa comunidade no Telegram:
    Comunidade para que os alunos possam receber e compartilhar dicas constantes e rápidas e tirar dúvidas sobre o Figma.
    🎁Os próximos vídeos serão liberados uma semana antes na comunidade para depois serem liberados para todo o público aqui do canal:
    👉t.me/+Kn2lI3vd1D5lMTUx

  • @guilhermecardoso2508
    @guilhermecardoso2508 2 месяца назад

    Vídeo bem bacana, fiz a landing page e ficou muito boa!
    Ótimo exercício pra quem é iniciante no figma.

  • @kalebeklb4424
    @kalebeklb4424 Год назад +4

    Você é o melhor, hoje estou trabalhando graças a seus projetos. Deus Abençoe.

    • @LuanildoSilva
      @LuanildoSilva  Год назад

      Opa Kalebe. Amém!! Feliz d+ com seu comentário. Fantástico saber que meu conteúdo está ajudando desta forma. Isso me motiva ainda mais a continuar produzindo conteúdo de qualidade. Se precisar tirar alguma dúvida, me chama pelo Instagram @luanildosilva. Será um prazer ajudar. Que Deus nos abençoe!!

  • @elainemirandolainteriores4773
    @elainemirandolainteriores4773 Год назад +2

    Muito Obrigado, precisava muito de um projeto para a escola e o seu video me ajudou muito! VLW😁😁

    • @LuanildoSilva
      @LuanildoSilva  Год назад

      Obrigado pelo comentário. Fico feliz em ter ajudado.😉

  • @atualogica6722
    @atualogica6722 Год назад +1

    Muito top! 👏🏽👏🏽👏🏽

  • @jaimefernandopelembe4339
    @jaimefernandopelembe4339 8 месяцев назад +1

    Esse video e incrivel, muito obrigado por compartilhar ele.

    • @LuanildoSilva
      @LuanildoSilva  8 месяцев назад

      Obrigado pelo comentário. Fico feliz em poder ajudar.

  • @ewertinhogordo
    @ewertinhogordo 11 месяцев назад +1

    Rapazzzzzzzzzzzzzz. Que topppp. Parabéns

  • @marcosgomes8320
    @marcosgomes8320 Год назад

    Otimo Video Luanildo Silva, conteudo show!

    • @LuanildoSilva
      @LuanildoSilva  Год назад

      Obrigado Marcos. Fico feliz em saber que estou contribuindo. Estou preparando para fazer o próximo vídeo ensinando a transportar esta landing page para o Wordpress utilizando Elementor.

  • @nerdbooksoficial
    @nerdbooksoficial Год назад +1

    Ficou incrível, muito obrigado pela aula!

    • @LuanildoSilva
      @LuanildoSilva  Год назад +1

      Obrigado Wemerson. Seja bem-vindo ao canal!

  • @rfsdesign
    @rfsdesign Год назад

    Muito produtivo!! Obrigado mesmo!!

  • @vitoriolb
    @vitoriolb Год назад

    Excelente vídeo, obrigado.

  • @saul0r
    @saul0r Год назад

    Conteúdo muito bom, aprendi muito sobre figma e design de interface no geral com essa aula 👍

  • @adrnbrzscadriano5936
    @adrnbrzscadriano5936 Год назад +1

    Cara que top. Brigadão por essa aula

  • @evelynmatoso1949
    @evelynmatoso1949 Год назад

    Muito obrigada! A didática foi ótima :)

  • @joaoluis1706
    @joaoluis1706 Год назад +1

    Vídeo excelente. Acabei de passar inteira para o Figma. Próximo passo é implementar!

    • @LuanildoSilva
      @LuanildoSilva  Год назад

      Muito bom @João. Obrigado pelo comentário. Tenho certeza que a implementação vai ficar top!

  • @shanamonteiro7605
    @shanamonteiro7605 Год назад +1

    Maravilhoso!
    Aprendi muitas coisas que eu não conhecia. Obrigada.

    • @LuanildoSilva
      @LuanildoSilva  Год назад +1

      Obrigado pelo comentário. Sucesso na sua jornada!!

  • @edilainypeixoto1243
    @edilainypeixoto1243 Год назад

    senssacional, era o que estava procurando. respondeu muitas dúvidas que eu tinha. obrigadooooo.

  • @jhonatanoliveira4183
    @jhonatanoliveira4183 Год назад

    Muito obrigado por compartilhar todo esse conhecimento de graça!!! Reproduzi a versão do vídeo e pretendo criar a mobile agora.

    • @LuanildoSilva
      @LuanildoSilva  Год назад +1

      Opa!! Valeu Jhonatan! Obrigado pelo comentário. Com certeza o resultado da versão mobile vai ficar muito bom. Qualquer dúvida, estou por aqui.

  • @rfsdesign
    @rfsdesign Год назад

    Amigão, valeu mesmo, melhor tutorial, abriu muito meus olhos Valeu mesmo

  • @nathaliavaladares9580
    @nathaliavaladares9580 Год назад

    Muito f0d4🚀

  • @raylinebarbosaa
    @raylinebarbosaa Год назад

    Aprendi a mexer no FIGMA com esse vídeo! Muito obrigada amigo.

    • @LuanildoSilva
      @LuanildoSilva  Год назад +1

      Que top!! Fico feliz por isso. Obrigado pelo comentário.

    • @raylinebarbosaa
      @raylinebarbosaa Год назад

      @@LuanildoSilva Ganhou mais uma inscrita. Compartilha mais vídeos, você é bom!

    • @LuanildoSilva
      @LuanildoSilva  Год назад +1

      @@raylinebarbosaa Seja bem-vinda. Obrigado!! Me esforçando para postar novos conteúdos em breve.

  • @jaimenunes9653
    @jaimenunes9653 Год назад

    Conteúdo, Animal topsssssssssssss.

    • @LuanildoSilva
      @LuanildoSilva  Год назад

      Obrigado Jaime. Comentários como os de vocês me deixa mais animado para produzir conteúdo de qualidade.😃

  • @lucasbottinha
    @lucasbottinha Год назад +1

    Mutio show!!! Faz um vídeo de como seria importar o layout e configurar no Wordpress.

    • @LuanildoSilva
      @LuanildoSilva  Год назад +1

      Valeu Lucas. Seja bem-vindo. Estou pensando em fazer algo nesse sentido, pois tenho percebido que é uma duvida recorrente.

    • @LeozimGamerBR
      @LeozimGamerBR Год назад +1

      @@LuanildoSilva vai ajudar muito.

  • @LuanildoSilva
    @LuanildoSilva  Год назад +1

    Assista o vídeo, desenvolva a Landing page echo e envie um e-mail para luanildosilva@nextlevelfigma.com.br com o resultado desenvolvido seguindo o tutorial para receber seu selo de conquista: badgr.com/public/badges/z-YFTUYcT_SgsFDAuDaXrQ

    • @shanamonteiro7605
      @shanamonteiro7605 Год назад +1

      Enviado. Obrigada.

    • @LuanildoSilva
      @LuanildoSilva  Год назад +1

      @@shanamonteiro7605 show! Badge concedido. Vai chegar uma notificação no seu e-mail. 👏👏

  • @kayanruiz_
    @kayanruiz_ Год назад

    Parabéns irmão. Aprendi muito! Que tal transformar esse layout em responsivo no próprio figma? Uma versão mobile l

  • @andremendes_
    @andremendes_ 3 месяца назад +1

    Luanildo, so uma duvida. No seu curso, voce ensina transição do projeto do Figma para WordPress?

    • @LuanildoSilva
      @LuanildoSilva  3 месяца назад

      Olá André. O curso que tenho disponível hoje é focado na função Autolayout. Do Figma para o Wordpress ainda não tenho nada pronto.

  • @supabedita9626
    @supabedita9626 9 месяцев назад

    Tem como eu fazer a landing page no figma e colocar no greatpages?

  • @rogerio8710
    @rogerio8710 Год назад

    Belo trabalho, ficou muito bonita. Uma questão, pra quem está começando a construir páginas e, não tem muita grana pra investir, fazer um portfólio no Behance é suficiente ou e preciso construir um site?

    • @LuanildoSilva
      @LuanildoSilva  Год назад +1

      Olá Rogério. Obrigado pelo comentário e pela pergunta: Um portfólio no Behance é suficiente para começar. Se vc ainda não tem clientes, crie clientes "fictícios", desenvolva projetos para esses clientes e dispobilize em plataformas como o Behance. Depois concentre sua energia em prospectar clientes reais. Elimine o máximo de coisas que possa te impedir em partir para o mercado em busca de clientes. Você vai perceber que muita coisa que achamos que é importante, na verdade não é.

  • @marcosgomes8320
    @marcosgomes8320 Год назад +2

    Não sei oque esta acontecendo, mas quando vou aplicar o auto layout no minuto 1:20:04 o retangulo de fundo, ele sai do fundo e fica alinhado abaixo dos textos. Poderia me ajudar?

    • @LuanildoSilva
      @LuanildoSilva  Год назад +1

      Opa @Marcos. Vi um comentário seu ontem, quando fui responder, sumiu. Mas vamos lá. Antes de aplicar o auto layout certifique que não existe nenhuma camada abaixo do retângulo. Fiz várias simulações e só da errado quando existe algo abaixo do retângulo dentro do grupo com o titulo, texto 1 e texto 2. Mas se ainda assim não der certo, faça o seguinte: No lugar do retângulo você cria um Frame com o mesmo tamanho e efeitos e coloca o titulo, texto 1 e 2 dentro do frame e aplica o auto layout. Neste caso vc não precisa agrupar e não precisa do retângulo.

    • @marcosgomes8320
      @marcosgomes8320 Год назад

      @@LuanildoSilva Fiz esse mesmo comentario e apaguei, porque ontem "consegui" resolver esse problema, so que hoje aconteceu novamente e fiquei curioso para saber oque esta acontecendo. Fiz alguns testes com as suas dicas e percebi que quando eu apago o retangulo e faço ele novamente da certo, com o frame tambem da certo. O problema foi resolvido, mas ainda ficou uma interrogação na minha mente, oque tinha de errado? Eu segui a risca o seu tutorial, fiz todos os passos e não tinha nenhuma camada abaixo. Será bug do figma? Pois esse problema ja aconteceu duas vezes.

  • @claudiosampaio3315
    @claudiosampaio3315 Год назад

    alguém poderia disponibilizar esse projeto já pronto para mim?