NUNCA comece pelo Elementor, mas sempre pelo Figma, Adobe XD ou Sketch

Поделиться
HTML-код
  • Опубликовано: 5 окт 2024
  • 🤩 loja.empreende...
    ✅ Links + Download grátis: empreendedor.pro
    ------------------------------------------------------------------------------------------
    ✅ Cursos Grátis❤️ :
    👉 Web Design no Figma - Curso Grátis
    • Web Design no Figma - ...
    👉 Projeto Dream House Imóveis - Web Design, Elementor e Advanced Custom Fields
    • Projeto Dream House Im...
    👉 Instagram Para Negócios Locais
    • Instagram Para Negócio...
    Tags
    #webdesign #Webdesigner #elementor #wordpress #wordpresstutorial #tutorial #uidesigns #marketingdigital #shopify #shopifydropshipping #dropshipping
    Entre em contato pelo instagram:
    📥 / empreendedor.pro.oficial
    Palavras chave
    Como fazer site
    Como fazer site no wordpress
    Como fazer site no elementor
    Como fazer landing page no elementor
    Curso grátis de webdesign
    Curso grátis de web design
    Como fazer sticky navbar que muda de cor quando rola a página
    Como usar o elementor
    Como ganhar dinheiro na internet
    Como fazer loja online shopify
    Como fazer Dropshipping
    Loja de dropshipping
    Loja de produto único
    Loja que vende muito ✅ Links + Download grátis: empreendedor.pro
    ------------------------------------------------------------------------------------------
    ✅ Cursos Grátis❤️ :
    👉 Web Design no Figma - Curso Grátis
    • Web Design no Figma - ...
    👉 Projeto Dream House Imóveis - Web Design, Elementor e Advanced Custom Fields
    • Projeto Dream House Im...
    👉 Instagram Para Negócios Locais
    • Instagram Para Negócio...
    Tags
    #webdesign #Webdesigner #elementor #wordpress #wordpresstutorial #tutorial #uidesigns #marketingdigital #shopify #shopifydropshipping #dropshipping
    Entre em contato pelo instagram:
    📥 / empreendedor.pro.oficial
    Palavras chave
    Como fazer site
    Como fazer site no wordpress
    Como fazer site no elementor
    Como fazer landing page no elementor
    Curso grátis de webdesign
    Curso grátis de web design
    Como fazer sticky navbar que muda de cor quando rola a página
    Como usar o elementor
    Como ganhar dinheiro na internet
    Como fazer loja online shopify
    Como fazer Dropshipping
    Loja de dropshipping
    Loja de produto único
    Loja que vende muito

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

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

    🤩 Da uma olhada, vai te ajudar mto: loja.empreendedor.pro/

    • @josemoreiraneto7121
      @josemoreiraneto7121 Месяц назад

      É sua essa loja? Pode-se mesmo comprar os produtos lá existentes?

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

    Boa irmão

  • @empreendedorprooficial
    @empreendedorprooficial  9 месяцев назад +2

    O E-book está indisponível. Mas em breve lançaremos outro pra vcs. :)

  • @rogerio8710
    @rogerio8710 5 месяцев назад +1

    Obrigado pela aula, conteúdo essencial no meu começo como web design.

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

    Ótima explicação e informação valiosa. As vezes eu fico me perguntando, com conseguem entregar um site em uma semana com esse monte de informação que precisamos saber antes de irmos de fato para a construção do site. Só pode ser que esse pessoal utiliza os templates prontos e só mudas imagens e textos.

  • @RafaelGoPro
    @RafaelGoPro 5 месяцев назад +1

    Muito bom! Me espelharei em seu processo de trabalho. Com certeza um processo de trabalho inteligente, que de fato agrega valor ao produto e lhe posiciona em um nivel muito acima! Parabéns! 👏🏻👏🏻👏🏻

    • @empreendedorprooficial
      @empreendedorprooficial  5 месяцев назад

      Obg meu amigo! O cliente só se interessa pelo resultado. O que vc vende é o que faz a diferença. Um processo desses traz mais confiança no resultado que simplesmente vender um site

  • @soneghetsantos
    @soneghetsantos 10 месяцев назад +1

    Boa noite. Essa semana eu decidi estudar e definir o que tenho fazer para aumentar o nivel de profissionalismo de meu trabalho e esse seu video foi definitivo para mim. Parabéns por seu nível técnico e por sua didática. Muito obrigado. Espero que volte logo a produzir para esse canal. Forte abraço.

  • @Fernando_A_Cas
    @Fernando_A_Cas Год назад +3

    que bate-papo natural e proveitoso , obrigado.

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

    Bah amigo me abriu a mente o seu vídeo... Muito didático parabéns mesmo...

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

      Obrigado! Vai sair um monte de projeto interessante aqui no canal!

  • @rafaelvasconcellos3349
    @rafaelvasconcellos3349 9 месяцев назад +1

    Que vídeo sensacional! Faço desenvolvimento em WP mas me convenceu sobre o figma e vou aprender tudo o que eu puder. E quanto à manutenção ... 150 reais por mês de manutenção? Virou minha chave!
    Inscrito e seguidor ativo daqui em diante! Parabéns e muito obrigado!

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

    Volta com os videossss eles são muito bons parabéns.

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

    Excelente vídeo. Aprendi muito

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

    conteúdo sensacional, abs

  • @tiagoporto5280
    @tiagoporto5280 4 месяца назад +1

    Muito bom seu conteúdo meu amigo! Sucesso!!

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

    Muito bom, parabéns!

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

    Video muito bom, vale assistir até o final!

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

    👏🏽👏🏽👏🏽

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

    video top demais, ja usou Figma + Framer??
    raro videos iguais os seus!

    • @empreendedorprooficial
      @empreendedorprooficial  11 месяцев назад

      Já sim, Framer é uma ferramenta maravilhosa. Principalmente quando vc sabe ReactJs. Da uma pesquisada numa ferramenta chamada Spline, vc faz fácil um SVG (que pode ser uma logo) virar 3d, anima e exporta o código pro Framer ou até pro Elementor tb. spline.design/

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

    Mas há possibilidades de mandar um link para o cliente para ele navegar em desktop e smartphone? Obrigado pelas dicas!

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

      Tem sim! Quando vc cria o protótipo, da pra fazer tudo bem realista. Até função de arrastar pra cima e fazer sumir um menu, por exemplo. O que eu recomendo e faço é mandar o link pra ele testar o protótipo, mas tb um vídeo meu gravando a minha tela aprensentando o protótipo e explicando algumas decisões.

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

    Amigo ótimo vídeo. Hoje trabalho apenas na parte gráfica (mídia física) e estou querendo migrar para a parte ui/ux. Mas ainda estou meio perdido nas diferentes áreas. Isso tudo que você falou seria "apenas" um profissional de web designer ou um profissional de UI? Onde termina o trabalho do designer e começa do programador/desenvolvedor? Ou um bom profissional tem que ser os dois?

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

      Depende do projeto. Um projeto barato não cobre esse trabalho todo. MAS um projeto de alto nível precisa cobrir. Hoje por exemplo, eu faço parte de uma equipe de 50 pessoas que faz um app pra uma empresa de Los Angeles. Se não tem tudo isso ai, fica um projeto terrível e sem escala. UI Design cobre web design tb, no caso UI seria a Interface do Usuário, pode ser site, app, um painel de navegação de um avião ou carro... Tudo é interface, o que eu falei ai é mais uma mescla de Ui(foco em web design) e UX (que pra projetos maiores é necessário). Eu te indico focar em UI por um tempo, mas uma vez que vc já consiga fazer algo bacana, foca 100% em UX, vc vai se especializar e os projetos de UX pagam mto bem, tem mta pesquisa, entrevista e teste com usuários, é coisa de empresa de larga escala. A maioria dos projetos de 3-5mil são pra clientes pequenos, que vão te trazer mais dor de cabeça do que qq outra coisa... E o trabalho da no mesmo, o que muda é a qualidade(valor) que vc oferece e o preço que vc cobra.

  • @brunocriafe
    @brunocriafe 6 месяцев назад +1

    Reparei que você usa o macbook em 2 monitores (eu acho), como você fez para fazer funcionar em 2 telas. Ele esquenta mais que o normal em 2 telas? Aqui eu uso o Macbook air m1 2021. Obrigado.

    • @empreendedorprooficial
      @empreendedorprooficial  6 месяцев назад

      Não esquenta, pq tem placa de video dedicada. Mas fica parecendo um secador de cabelo.🤣🤣
      Tem 3 MacBook pro aqui, dois de 13 e um de 16. O de 16 eu uso em 2 de 24” um de 13 com um de 27” e o outro de 13 é mais antigo e eu só uso sem nada.

    • @brunocriafe
      @brunocriafe 6 месяцев назад

      Entendi rsrs, obrigado pelo feedback mano, sucesso!@@empreendedorprooficial

  • @tamiresjonsson1516
    @tamiresjonsson1516 7 месяцев назад +1

    você sabe criar banco digital?

    • @empreendedorprooficial
      @empreendedorprooficial  7 месяцев назад

      Sim, antes de trabalhar com design eu trabalhei em bancos e mercado de capitais. Se precisar até banco um banco com agencia e tudo a gente abre. Só precisa do depósito compulsório de 50 milhões do BCB 😅

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

    Você desenha só Desktop para aprovar ou já apresenta o responsivo?

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

      Geralmente eu aprovo com o cliente o layout da versão desktop primeiro. Quando estiver aprovado, antes de começar a colocar cores e etc eu mostro como vai ficar a versão mobile, que geralmente é bem simples e nunca tem alterações (as vezes pedem pra um vídeo de fundo da versão desktop rodar no mobile tb ao invés de uma background image, mas ai eu explico do consumo de dados do 4g do pessoal e da demora pra carregar, dai eles aceitam). Depois de aprovado os dois eu vou pra parte de cores, textos definitivos, imagens definitivas e etc.

  • @FelipeOliveira-bd2lx
    @FelipeOliveira-bd2lx 2 года назад +2

    Como se faz um projeto de um site exemplo uma landing page e exportar e finalizar no elementor.

  • @allissonfernando5304
    @allissonfernando5304 2 года назад +3

    se eu tenho um protótipo animado seja ele no figma e ou adobe XD, como faço para exportar no elementor com todas as animações? é possivel? ou tem que ser feito na mão cada um dos efeitos??

    • @empreendedorprooficial
      @empreendedorprooficial  2 года назад +3

      Então Alisson, um protótipo completo com as animações e tudo mais não é muito usado para projetos pequenos, como os de web design. Ele é mais usado para aplicativos, pra que nós possamos dizer a equipe de desenvolvedores como nós designers decidimos que as transições de telas, as micro-interações e os efeitos de botões, hover e etc devem ser feitas no aplicativo. Geralmente são feitos vários testes com usuários. Mas isso é projeto de mais de 80 a 150mil. No caso de web design, eu indico fazer uma ideia da estrutura, aprovar com o cliente, fazer wireframe de alta fidelidade, aprovar com o cliente, fazer o design, demonstrar pra ele no protótipo sem animações mesmo, no máximo ligando as páginas no fluxo principal e ai vai pra o desenvolvimento. Mas isso num projeto de mais de 10k, projetos de menos de 10k, eu só mando o design pronto como PDF mesmo ou um link pro protótipo do figma.

  • @prototipagemmecanica1406
    @prototipagemmecanica1406 7 месяцев назад +1

    monitor top ein qual marca e tamanho?

    • @empreendedorprooficial
      @empreendedorprooficial  7 месяцев назад +1

      Opa, eu uso dois AOC AOC/G2460VQ6 Gamer com 1m/s de latência e 24" e 1 HP 27fw de 27".

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

    Só pra confirmar, nao tem como publicar um site sem Wordpress? (você comentou de usar plugins no figma, mas que não era bom e tal) Não consigo acreditar que nenhuma empresa conseguiu encurtar esse caminho entre o design e a programação.

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

      Então, tem como publicar site sem wordpress sim. Mas não é bom, tem que ter um backend, tem que ter um gerenciador de conteúdo, que é o wordpress. Se não é só uma espécie de panfleto online, vc não recebe msg e daria muito trabalho pra editar conteúdo. Mas é possível sim. Da pra vc converter um design para código e usar um FTP ou uma plataforma como Netlify para por o s site no ar. Mas não tem o que fazer, a gente tem que ter um gerenciador de conteúdo como Wordpress, se não, sempre que vc tiver que editar o site, vc vai ter que reescrever o código, não seria reeditar o design.

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

      Gustavo, eu vou fazer um vídeo sobre isso ai semana que vem. Mostrar o que da pra fazer e o que não da. Mas confia, as coisas vão melhorando aos poucos, já está muito fácil e tende a ir ficando mais e mais fácil. Mas quanto mais complexo o projeto, mais trabalho você tem.

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

      Massa!@@empreendedorprooficial Trabalho em agencias de propaganda há mais de 10 anos, me sinto muito a vontade com os programas da adobe, inclusive na agencia vejo os caras fazendo layout de site, em illustrator, indesign, e é claro no photoshop. Estou determinado a parar de dividir os freelas com desenvolvedores, a maioria dos sites que faço são bem simples, uma LP mesmo. E agora não queria ter que aprender um figma para leiautar. Acho que vou começar a estudar o elementor antes.