Esqueça o WordPress: Lucre Alto com Sites no Framer!
ฝัง
- เผยแพร่เมื่อ 27 ส.ค. 2024
- Descubra como o Framer, uma poderosa ferramenta no-code, está revolucionando a criação de sites! Com Framer, você pode projetar sites lindos e profissionais em minutos, tudo isso sem a necessidade de instalar nada, configurar servidores ou lidar com plugins complicados. Diga adeus às limitações do WordPress e um oi para agilidade e liberdade criativa.
Neste tutorial exclusivo, vou te guiar passo a passo na construção de um website usando as sections prontas do Framer, mostrando como é possível montar um site completo com apenas alguns cliques. E o melhor, ao final do processo, basta clicar em um botão para que seu site esteja pronto para brilhar na internet.
Lembrando que essa não é a melhor forma de se criar um site. Existem etapas a serem seguidas que não estão nesse vídeo!
✅ Crie interfaces profissionais e destaque-se num mercado cheio de designers sem propósito.
www.pixelados.me
✅ e-Book GRATUITO - Guia prático para se tornar UI Designer
rodrigobondiol...
✅ Grupo sobre UI Design no WhatsApp
chat.whatsapp....
✅ Se conecte comigo
Site - rodrigobondiol...
Instagram - / falabondioli
#framer #no-code #wordpress #uidesign
// BAIXE MEU EBOOK GRATUITO: Guia prático para se tornar UI Designer
rodrigobondioli.com.br/ebook/
Tudo Bom Rodrigo! Cara gostei muito do seu vídeo, do foco nas interfaces Bonitas, e gosto bastante de como você se comunica e passa a informação. Com relação ao Framer e a ao Figma, no Figma lançaram uma parte pra DEV_Mode, dá pra desenvolver tudo dentro do Figma assim como você faz no Framer? Outra questão que ainda fiquei pensando, Como faz pra preparar as LandPages desenvolvidas em Framer para receber tráfego pago? mais específicamente como incluir pixel de rastreamento do Google, Meta, TikTok, Pinterest e Tags do Analitycs e Tag maneger dentro do site pra que possa rastrear dados dos visitantes do Site.
Estou treinando muito no FRAMER e DORA, quanto mais treino, mais dá bronca de wordpress, elementor, brizy......... OUTRO NÍVEL MESMO!!!!
É bem isso hahaha
@ndioli desculpe a pergunta, vc já está com um grau avançado no FRAMER? Tipo para poder adicionar coisas como: pagamentos em planos, chat, area de cadastro e login, efeitos, e a possibilidade de se vc souber isso quando precisar emergencial para algum projeto dar um suporte PAGANDO VC CLARO POR AJUDA remoto em instruir alguma coisa que seja mais complexa? Grato!!!
@@maurolima4274 cara, to sim! para pagamento faço integração com Stripe, para área com login e tudo mais, fiz um projeto e utilizei o Outseta. O Framer ainda não faz algumas coisas mais complexas sozinho. Mas como o Outseta, já existem diversos outros para pagamentos, áreas privadas, ecommerce e etc...
@@falabondioli tem algum video ensinando como fazer essas integrações ?
questão é q tem zilhões de video ensinando qualquer coisa no wordpress, já no framer, msm em inglês n são tantos
Aula sensacional! Apaixonada pela facilidade da ferramenta e pelo tanto que entrega. Muito bom mesmo!
Faz um curso só contendo o módulo de Framer!
Essa ferramenta é sensacional ;)
O fluxo de trabalho é outro nível!!! Tô vendo acontecer com o Wordpress o que aconteceu com a Kodak...
Bem isso....
Cara... obrigado por compartilhar esse método prático e sem embromeixon. Sou UX Designer e estou em reta final de obter minha certificação na área. Aprendi a projetar usando design thinking e demoro muito pois não consigo pensar de forma prática. Vou experimentar o framer também quando concluir o 3º projeto de portfólio (uso Figma e Adobe XD).
Gostaria de ter seu feedback no meu TCC. Se não tiver problemas e puder testar um de meus protótipos seria incrível saber sua opinião.
Vou aproveitar suas dicas e tentar tornar meu processo de design mais simples.
Parabéns pelo ótimo trabalho!
: )
Legal.... De fato hoje tem muita informação, e de repente não precisamos aplicar tudo, é bem interessante saber até onde devemos evoluir em determinado assunto. Pode me mandar sim, manda lá pelo Insta ;) Abraço!
Estava usando o webflow mas pelo visto o framer é tão potente quante ele e muito mais simples, irei testar.
São as 2 ferramentas que uso. Cada uma tem sua peculiaridade, mas ambas são excelentes!
Entrei no vídeo pra dizer que vc parece aquele carinha que trabalha com o primo rico versão coroa. Abraço
Igualzinho mano kkkk
hahahahhahahaa
Framer eh top mesmo! Vlw pelo conteudo, to querendo me aprofundar mais no framer e webflow tb..
Boa! Webflow é brabo demais também! To pensando em criar conteúdo dele...
parabéns pelo vídeo. Eunão conhecia seu trampo, virei inscrito!
Muito obrigado! Tamo junto.
que aula top!! quando sai vídeo novo do Bondioli eu já chego dando o like antes de começar! conteúdo rico demais, slc
Valeuuuuuuuuu d+
você é brabo de mais
Valeuuuu demais! Tamo junto!
Que aula meu amigo!
Muito obrigado, abriu minha mente.
Aí sim, valeu pelo feedback!
Cara incrivel o seu conteudo, to aprendendo bastante vou compartilhar !!!
Muito obrigado! Tamo junto!
Cara, animal o Framer, ein? Aliás, não conhecia você... Muito boa a introdução e o vídeo, cara. Ganhou um inscrito! 👊
Que bom que curtiu, tamo junto! :)
Tem como criar sistema de clientes? agenda? área de cliente para imobiliária essas coisas? loja virtual?
sempre vejo so exemplos de paginas simples.
Existe sim, mas ainda não é a ferramenta ideal para isso.
Recentemebte tive um problema serio com segurança no Wordpress que me fez reconsiderar se ele é a melhor alternativa pra qualquer projeto. Mas em certos projetos o WordPress ainda vale muito a pena, é uma questão de avaliar caso a caso, mas o Framer e Webflow tão ganhando muito espaço e não da pra ficar pra trás
Com certeza man. Eu larguei o Wordpress justamente pelo mesmo motivo. Tive problemas sérios com um cliente grande, eu já tava de saco cheio do WP e isso foi a gota d'agua. Eu não acho que o WP vale muito a pena em nenhuma ocasião heheh.... Hoje trabalho com Framer e Webflow e sou feliz ;)
Opa Bondioli! A contratação do domínio e hospedagem vai ficar na conta do cliente ou da minha?
Opa! Deve ficar na conta do cliente.
Bondioli, sou iniciante, e estava vendo os planos do framer.
O que seriam os "CMS Collection" e os "Form Submission?
Obrigado pela ajuda
Opa! CMS serve para criar conteúdos dinâmicos. Então você precisa criar coleções. E o form submission são os formulários preenchidos, o que é uma nova função do Framer, já que não tinha formulário nativo.
Pera... O SITE JÁ FICA NO AR, PARA ENTREGAR PARA O CLIENTE????😮😮😮😮 Amei essa aula se for isso msm, é mt mais simples na minha visão do que usando o elementor. Ou é um construtor de layout como o figma (só para apresentação)? De qualquer forma, já dei o like no vídeo!
Eu queria também saber coisas tipo:
.O site tem uma boa velocidade no framer?
.Tem como tirar a marca d'água?
.O site vai suportar uma alta quantidade de pessoas?
É isso mesmo man, ele substitui o falecido wordpress. É uma ferramenta no-code sensacional. O site está pronto para funcionar, e depois de pronto ele gera um link (framer remix) e é só enviar ao cliente para ele "copiar" o site para a conta dele no Framer.
Estava fazendo um site de estudo e me deparei com uma dificuldade para criar um formulário que pedisse o número do cliente, os padrões do framer solicitam apenas e-mail ou são pagos pra solicitar número, fora os R$ 50,00 reais por mês da assinatura, dei uma desanimada legal
Bom saber
É fato, esse é o grande defeito do Framer, mas participo dos grupos de expert de Framer, e estão resolvendo isso.
Isso dá uma limitada nos projetos, mas nada que umas gambiarras não resolvam.
Faaala Bondioli, que tal um vídeo sobre os dimensionamentos? Fill, fit content? Não acho conteúdo nenhum explicando isso a fundo, conteúdo e tanto, em!?
Um abraço 🙏
Boa sugestão! Mas eu já tenho essa aula dentro do meu curso, por isso não coloco aqui, seria uma falta de respeito com meus alunos ;) Mas vou tentar fazer algo nesse sentido!
Olá amigo, blz? Achando muito bom o conteúdo. Posso tirar uma dúvida? Logo no começo, vc apagou o Z INDEX, por que isso foi feito? Só pra eu entender pra que serve isso. Obrigado! =)
O z-index serve para você criar "camadas" como layers...
Fala Bondioli. Tudo bem? E sobre CMS para blog você pode dar dicas? O blog fica na mesma conta do site? Abraço.
Vou criar um video sobre isso, mas sim, fica tudo junto. É bem simples!
Muito top o vídeo, parabéns!
Uma pergunta, tentei pegar um porjeto em framer, mandar para o figma e usar o locofy. Mas nao reconheceu no locofy, játentou fazer isso. Ser nao poderia fazer um video explicando isso se souber fazer.
Obrigado
Nunca testei na verdade.
Aula top! Dúvida! Consigo fazer um site de reservas de hotéis automatizado pelo Framer??? Desde já obrigado...
Opa! Depende muito da complexibilidade, mas já fiz algo parecido usando o CMS dele.
Mas pra esse caso eu ia de Webflow.
Show de bola, valeu pelo video, ja trabalho com wordpress, porem queria algo mais pratico com UI Design como o Framer, qual plano é ideal pra prestar serviço com o Framer criando landpages, sites e etc?
Cara, mude e será mais feliz! Tu pode criar quantos sites quiser com a conta gratuita e pagar só as que você quiser colocar domínio próprio (para você no caso). Se for para cliente, quando terminar o projeto é só enviar o Link Remix para ele.
@@falabondioli show, estou estudando e explorarando a ferramenta, já refiz meu site todo no Framer, tenho um domínio na hostinger, pagando o plano será que consigo usar ele no novo site criado no Framer?
@@falabondioli desculpe a ignorancia, o que seria "link remix"?
@Bondioli mano , seguinte como faço para exportar e poder "upar "no servidor local sabes? vlw brother!
No Framer não existe FTP, tudo que você for usar você pode "arrastar" para dentro do Framer.
Esta ferramenta vale a pena para criar landpages também? é possivel criar landpages rápidas, otimizadas, mas com um design e qualidade que só essas plataformas nocode entregam? No framer tenho modelos pré prontos de sites e posso criar meus modelos ? mais uma dúvida, é possivel eu enviar o código html, css e java script caso meu cliente deseja ativar o site em um dominio próprio dele mesmo?
Video sensacional, estou pensando em aprender a utilizar essa ferramenta.
Essa ferramenta é PERFEITA para criar landing pages, você vai criar muito mais rápido, vai ter liberdade criativa, consegue usar micro-interações e ter uma performance absurda! Mas não, você não consegue enviar o código, talvez esse seja o grande ponto negativo de tudo isso. Abraço!
@falabondioli Só mais uma dúvida Bondioli...Você recomendaria o webflow ou a DORA para suprir essa demanda de conseguir enviar o código? eu teria os mesmo beneficios do Framer? ...Assisti um conteúdo sobre o webflow e DORA seu um tempo atrás. Muito daora.
alguem pode me ajudar to perdido em relação aos planos queria fazer meu próprio site e sites para clientes , mas não tenho muitos qual plano eu tenho q pegar?
Tu pode começar no plano free. Dá para criar quantos sites quiser, só na hora de colocar o domínio próprio tu precisa de um plano, ai escolha o que melhor se adapta ao seu projeto!
Parabéns pelo vídeo. Qual é a vantagerm dele em relação ao WIX?
Obrigado! Ah cara é difícil eu falar tudo, mas é uma ferramenta mais profissional com mais liberdade criativa e melhor construção de código fonte. Eu usei pouco o Wix para te detalhar melhor ;)
O que me deixa ainda me perguntando sobre o framer, é essa relação de quantidade máxima de visitas ser tão baixo nos primeiros planos. O primeiro plano é de até 1k visitas mensais e o segundo 10k de visitas. E quanto aos clientes que geram campanhas com grande quantidade de visitantes? Fica um pouco complicado. Você teria alguma dica?
Então, a solução é pegar planos maiores de acordo com a necessidade. O plano PRO já suporta 200 mil views. Um projeto que tem essa quantidade de views com certeza paga um servidor parrudo e não paga ai menos de 100 reais por mês. O servidor dos caras é um Amazon Web Services com cloudfront, S3 sem contar que é mega seguro. Então não tem nada de muito diferente nisso no fim das contas, a não ser a facilidade de ter tudo pronto para usar ;)
@@falabondioli sim exato. Mas ai em contra a gnt tem no mercado o WebFlow por exemplo, que desde o plano basico ja suporta 250k. Acho que o framer tem a melhorar nessa parte de tráfego, ainda mais por estarem com um servidor tão bom. Pois de resto, tem me parecido uma das melhores no mercado para a galera de LP.
@@YukieDesign é verdade man! o framer super atende o nicho de lançamentos e peca exatamente em 2 coisas primordiais para isso. Views e a questão de formulários. Mas nem tudo é perfeito, e eles devem melhorar isso em breve!
É possível conectar banco de dados e área logada?
É sim, utilizando integração com outras ferramentas
Opa, então o desenho inicial é feito no figma, e depois passa pra o framer?
Exato! É de extrema importancia seguir esse processo.
Minha dúvida sobre o framer é quantoa velocidade, ranekamento e SEO, o que me dizem sobre esses pontos?
Opa! Sobre velocidade e performance o Framer utiliza hospedagem da Amazon Web Services (AWS) com cloudfront, S3 e vários front-ends globais, é um canhão, não se compara a nada que utilizamos por aqui. Em relação a SEO, eu não sou expert nisso, prefiro não falar o que não tenho certeza :) Mas dá uma procurada na documentação do Framer que com certeza tem algo lá. Abraço!
@@falabondioli Opa, muito obrigado pela resposta!! Hoje eu uso o wordpress, mas vendo seu vídeo o Framer me parece infinitamente mais simples!
Fala Bondioli! Algum cuponzinho de desconto pro Pixelados pra quem te acompanha por aqui? 😍
Pra quem pede, tem! :)
pay.kiwify.com.br/CekNGSz
@falabondioli Sorte a minha então! Acabei de entrar pra turma. Obrigada 😍
@@falabondioli Rola um pra mim também? kkk
Primeiro por aqui mestre
Aí sim man ;) Tamo juntooo!
Cara, como desenvolvedor. Achei fantástico, mas como usuário do Framer achei bem fraquinho, não sei como é o dashboard pq não mexi, mas olhando.por cima deixou um pouco a desejar
O que você acha que deixa a desejar man?
@@falabondioli no wordpress eu consigo integrar Vue.js ou React.Js. Dá pra construir temas sem precisar de pgae builder, Framer é engessado
@@falabondioli mas é só, seu canal é mutio bom
@@freakdougs são pontos de vista diferentes, talvez por você ser desenvolvedor. Para mim e para a grande maioria dos designers é o contrário, dá uma liberdade criativa tremenda, eu acho o WP engessado haha... mas como falei são pontos de vista diferentes. E o Framer também dá pra usar React, os próprios componentes dele são em React.
@@falabondioli eu vou testar algumas coisas nele. Mas como disse eu não usei, me baseei pelo vídeo. Muito obrigado
Meu grande probpema nao é a plataforma, WordPress ou Framer. Meu problema é encontrar clientes.
Isso está totalmente atrelado a falta de posicionamento e nicho, falo bastante disso no meu curso! Abraço
Ótimo vídeo Bondioli!!
Eu to começando a conhecer o Framer, mas tenho dúvidas, eu consigo fazer um site no framer e subir em uma hospedagem tipo a hostinger?
Opa! Consegue não, tu precisa hospedar no servidor deles.
Existe alguma plataforma tipo o framer que dá pra hospedar o site em outro servidor?
@@falabondioli
Consigo instalar as tags do google?
E muito obrigado pelo conteúdo
Consegue sim, ele já tem o google analytics integrado e o resto tu instala por código.
Professor, sabe me dizer se consigo fazer a integração no Framer, com uma loja digital? Pra tipo criar um ecommerce.
Dá pra fazer integração com a Shopify. Se liga nisso aqui que animal:
claro.framer.website/
No Frammer é possivel criar um site onde diversas empresas de serviços se cadastram e os clientes podem encontrá-los tanto pelo tipo de serviço quanto pelo mapa?
Opa, blz? Sim é possível sim...
@@falabondioli maravilha ! Agora sim 👍 👍 👍 👍 👍
Olá, durante a aula, mais especificamente no final, você falou de um curso seu. Onde acesso para ver o conteudo, custo e contratação?
Já me chamou no Insta, né? Abraço!
Bondioli, por que 1440 no breakpoint? Não seria mais viável usar 1366 uma vez que é a resolução W mais usada (não estou considerando 1920W).
É um padrão usar 1440, por ser um meio termo na hora de deixar ele responsivo. Facilita a adaptação do layout para se adequar a uma variedade de tamanhos de tela e resoluções, mas não é uma regra. Muitos frameworks tb se encaixam perfeitamente nesse grid. Tem bastante gente que usa 1280 também. Mas eu gosto de 1440 com margem ;)
@@falabondioli valeuuu! 👊
Tenho uma agência de marketing, vale a pena ?
Vale muito!
@@falabondioli seu curso e mt bom, tou viciado kkkk
Boa noite Bondioli, me tira uma duvida, posso criar uma pagina pelo framer e deixar ela no ar na internet, ou ela só fica dentro do framer internamente, e se colocar um domínio próprio paga pelo domínio?
Você pode iniciar seu projeto sem precisar contratar nada, nem dominio nem plano de hospedagem. Você consegue customizar o dominio para ficar .framer.io (funciona normalmente, todo mundo vê), ou ainda adicionar um dominio próprio, mas ai precisa pagar o plano de hospedagem deles. (e eu recomendo muito, é MUITO potente, e não existe problemas). Abraço!
Obrigado amigo tirou minha duvida!@@falabondioli
Consigo rodar tráfego nos sites criados pelo framer?
Consegue sim, tranquilamente
O problema dessas plataformas é por serem bem mais caras que o um site em WordPress, concorda?
@leggychan2684 Então, eu cheguei a ver isso. 25 reais como starter ok, mas se precisar crescer um pouco a mensalidade já vai para 55 reais mensais.
Isso no plano anual: R$660.
Acho que é mesmo uma questão de avaliar cada caso.
Depende do ponto de vista. Eu pagaria o dobro pra ter a paz que eu tenho, nunca mais tive problemas com clientes em relação a plugin, configuração de servidor e por aí vai. Sem contar que o servidor dos caras é sinistro! É um Amazon Web Services com cloudfront e vários front-ends globais. Então eu não acho caro. Caro é quando é ruim ;)
Vale cada centavo viu?
@@falabondioliValeu! 👊👊
O Framer permite por plugins?
Ele tem alguns nativos, mas não é como o Wordpress (graças a Deus!!!)
Olá! No minuto 7:54 vc "encapsulou" todas em uma só, como vc criou? o frame content?
Eu usei o atalho do Frame "F" e joguei tudo dentro ;)
@@falabondioli acho que ela quis dizer logo após que o senhor usou o atalho do Frame "F" pra criar o quadrado branco. Digo isso pq sou meio leigo e n consigui mover tudo para Frame usando o F tbm
@@user-ej6vt5in6z eu criei um novo frame com o atalho F, joguei ele pra cima, depois selecionei tudo e joguei dentro dele, entendeu?
Boa tarde! Minha dúvida é como cobrar do cliente essa questão da hospedagem. eu cobro 2k pra fazer e ele ainda tem que pagar esses 20 dólares mensais do plano basic?
Exato man! É questão de educar o cliente e mostrar os benefícios, que são diversos! Eu pago esse valor para hospedar meus sites e é o dinheiro mais bem gasto que tenho. Zero dor de cabeça e um servidor Amazon parrudo! O custo benefício vale demais.
@@falabondioli Saquei! vlw!
Mas como vender isso? O framer exporta em código? Tem como salvar e enviar o modelo pronto pro cliente publicar? Fiquei curioso sobre isso
tenho a mesma duvida, como eu entrego ao cliente?
Eu preciso gravar um vídeo sobre isso, é o que mais me perguntam rs
Mas tu cria quantos sites quiser em uma conta gratuita, quando finalizar é só enviar o Link Remix para o cliente.
Ele vai abrir o link e assinar um plano. Pronto!
E você ainda ganha uma grana extra quando ele faz a assinatura.
Brigadasso!
@@falabondioli Por favor, se puder fazer esse vídeo de entrega para o cliente seria ótimo. Grande conteúdo!
Mano alguém pode me ajudar por favor? Dps que eu crio uma página ou um app no framer , como eu entrego ele pro cliente ? Como faz pra entregar o projeto
É só você clicar no simbolo do Framer no canto superior esquerdo, ir em File > Copy Remix Link.... Tu vai pegar esse link e mandar para seu cliente. Teoricamente é só isso. Depois tu pode colocar um link de "afiliado" pra quando ele comprar o plano você ganhar mais um cascalho dele =D
Isso você tem que combinar com seu cliente, o framer já é uma ferramenta de praticidade, onde vc n precisa fazer todo aquele processo de criar um site no figma e transcrever ele pro WordPress/Elementor, pelo que entendi, você já entrega o site no ar, quando configura o domínio em que esse site que vc ta criando vai subir!
Ou seja, você pode tanto oferecer um domínio gratuito oferecido pela ferramenta, ou pedir para o cliente comprar um domínio próprio, fazendo upgrade no framer e colocando esse domínio próprio comprado!
voce usa qual plano?
Do Framer? Depende do projeto. Mas normalmente uso o Basic por conta do CMS.
Segundo!
Aí sim mano!