Ó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.
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! 👏🏻👏🏻👏🏻
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
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.
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!
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.
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/
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??
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.
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.
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.
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?
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.
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.
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 😅
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.
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.
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.
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.
![Seungmin "그렇게, 천천히, 우리(As we are)" | [Stray Kids : SKZ-PLAYER]](http://i.ytimg.com/vi/kAzmhLHePqU/mqdefault.jpg)
🤩 Da uma olhada, vai te ajudar mto: loja.empreendedor.pro/
É sua essa loja? Pode-se mesmo comprar os produtos lá existentes?
O E-book está indisponível. Mas em breve lançaremos outro pra vcs. :)
Obrigado pela aula, conteúdo essencial no meu começo como web design.
Ó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.
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! 👏🏻👏🏻👏🏻
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
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.
Obrigado meu amigo!!!
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!
Muitissimo obrigado amigo! Conte comigo pro que precisar.
que bate-papo natural e proveitoso , obrigado.
Muitissimo obrigado!
Bah amigo me abriu a mente o seu vídeo... Muito didático parabéns mesmo...
Obrigado! Vai sair um monte de projeto interessante aqui no canal!
Volta com os videossss eles são muito bons parabéns.
conteúdo sensacional, abs
Boa irmão
Eu tenho muita dificuldade de deixar do mesmo tamanho por conta da Aba do Elementor que muda o tamanho da tela 😓
Excelente vídeo. Aprendi muito
Muito bom, parabéns!
Opa, mto obrigado!!
Video muito bom, vale assistir até o final!
Obrigado sempre!
Muito bom seu conteúdo meu amigo! Sucesso!!
Muitissimo obrigado meu amigo!!!
Como se faz um projeto de um site exemplo uma landing page e exportar e finalizar no elementor.
Boa ideia! Vou fazer um vídeo sobre isso essa semana.
@@empreendedorprooficial obg
Mas há possibilidades de mandar um link para o cliente para ele navegar em desktop e smartphone? Obrigado pelas dicas!
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.
video top demais, ja usou Figma + Framer??
raro videos iguais os seus!
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/
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??
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.
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.
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.
Entendi rsrs, obrigado pelo feedback mano, sucesso!@@empreendedorprooficial
👏🏽👏🏽👏🏽
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?
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.
Você desenha só Desktop para aprovar ou já apresenta o responsivo?
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.
monitor top ein qual marca e tamanho?
Opa, eu uso dois AOC AOC/G2460VQ6 Gamer com 1m/s de latência e 24" e 1 HP 27fw de 27".
você sabe criar banco digital?
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 😅
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.
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.
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.
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.