Framer X Webflow X Wordpress | Qual a Melhor Para Criar Websites

Se tem uma coisa nesse nosso Universo de desenvolvimento que hoje ninguém mais escute é que o melhor caminho pra gente tá criando hoje um website é fazendo uso sim de ferramentas no code nem mesmo aí os devs mais tradicionais que normalmente costumam ser mais conservadores nesse sentido estão discutindo esse tema hoje com no code a gente consegue cara criar sites extremamente complexos com uns designs Absurdos de massa aí sem que a gente precise ter contato com o código até pelo contrário né a gente querer desenvolver um site com código puro hoje novamente paraa grande maioria dos casos é um tiro no pé algo que provavelmente a gente vai ver acontecendo também daqui alguns anos quando o assunto for desenvolvimento de aplicativos com ferramentas no code provavelmente a gente nem vai discutir mais a eficiência desse método veremos Mas isso é assunto para outro vídeo hoje nesse vídeo aqui eu quero te apresentar as melhores ferramentas crição de websites quero fazer aí uma comparação entre as principais e meu objetivo aqui depois desse vídeo é que você tenha insumos suficientes para decidir qual que é a melhor ferramenta aí pro seu objetivo final pessoal como eu comentei hoje o objetivo aqui é a gente falar sobre essa nossa categoria né mostrar ferramentas no code para criação de websites quando a gente olha pras categorias de ferramentas no code apenas pra gente se situar onde que esse conteúdo tá vivendo a gente tem diversas categorias aí né de ferramentas do code para criação de aplicativos backend sites automações chatbots ferramentas empresariais e aqui hoje nosso objetivo é dar um zoom dentro dessas nossas ferramentas de criação de websites mas antes da gente começar a falar né cara Quais são as as ferramentas de apresentar fazer um comparativo entre as principais eu quero aí fazer uma definição com vocês primeiramente né O que que é de fato aplicativos o que que de fato é o Website Qual que é a diferença entre isso que é o que surge muita dúvida então aqui a gente tem de de fato uma primeira definição sobre cada uma desses pontos né então aplicativos nada mais são do que aplicações dinâmicas né eles são mais dinâmicos onde tem a interação dos usuários que estão usando esse aplicativo com possivelmente um banco de dados Então a gente tem ações nos nossos Apps onde os próprios usuários conseguem fazer manipulações dentro do banco de dados sendo criando o item deletando o item Então faz com que aplicações sejam muito mais dinâmicas tem essa característica aplicações elas podem ser tanto web aplicações né aplicações nas quais a gente consegue acessar elas através do nosso navegador seja pelo computador ou pelo celular ou aplicações podem ser também Mobile Apps né que são aqueles aplicativos Nos quais a gente baixa nas nas nossas lojas então na App Store ou na Play Store quando a gente tá falando de websites sites são aplicações mais estáticas né onde a gente utiliza para prover informações disponibilizar informações como a página de um site uma Landing page ou um blog ali onde tem informações mais estáticas e é comum também a gente vê aí em websites a gente ter essa parte de cms que são content Management Systems né que é basicamente utilizado pra gente fazer a gestão quando a gente tem aí um blog né ou um portfólio com diversos projetos postados onde a gente estipula ali toda a formatação né coloca o nosso título coloca coloca ali o texto coloca os subtítulos e tudo isso é disponibilizado no nosso website de uma forma estruturada de forma facilitada trazendo rapidamente aqui para vocês as principais ferramentas para criação de aplicativos né quando a gente olha né trazendo pro nosso Universo de ferramentas no code a gente tem aqui o Bubble o flutterflow o eweb e pra ferramenta de website a gente já vai entrar que é o nosso tema aqui do assunto de hoje mas antes Quero trazer um exemplo aqui que eu acho que vai deixar extremamente Claro para vocês o uso em conjunto aí de um aplicativo com um website inclusive fazendo uso de ferramentas no code então aqui eu tenho um exemplo do site do flutterflow né então a gente tem o site flutterflow aqui flutterflow. io aqui estão todas as descrições uma Landing page né um site aqui do fotter Flow em específico aqui se eu entrar aqui nas minhas extensões e utilizar aqui weizer a gente analisar a gente vai ver que a gente tem aqui o page builder que foi construíd utilizado para construir esse nosso esse site aqui do futter Flow eles estão utilizando o webflow webflow é uma das Ferramentas que a gente vai comentar daqui a pouquinho é uma ferramenta no code para criação de websites Então quer dizer que o flutterflow utiliza outra ferramenta no code paraa criação do seu Website exatamente ele tá utilizando uma ferramenta especializada paraa criação de websites Agora se a gente vier aqui em fazer um login né ou fazer um cadastro entrar de fato na aplicação do flutterflow aqui para criar os apps dele a gente vê que a gente já mudou o nosso subdomínio agora a gente tá em app. flutterflow.

io E se eu vier aqui agora e fazer a análise novamente no applier aqui de O que que tá sendo utilizado a gente agora vê aqui ui frameworks e de fato agora em si a gente tá usando o flutter Então isso é uma uma estrutura muito familiar uma estrutura adequada de fazer o uso a gente utilizar né em um subdomínio o nosso site o nosso blog as páginas de marketing da nossa aplicação e usar ferramentas específicas paraa criação desse site e a nossa aplicação viver em um outro subdomínio nesse caso aqui app. fo flow. io e aqui sim a gente vai utilizar aplicação ou ferramenta no code ou tecnologia para criar o nosso app em si Então pessoal feita essa nossa introdução entre a diferenciação entre aplicativos e websites até mesmo para uma motivação aí para vocês entenderem né porque eventualmente aprender uma outra ferramenta para criar Website sendo que você já sabe uma ferramenta de aplicativos agora quero apresentar para vocês as principais ferramentas do mercado aí para essa nossa categoria de desenvolvimento de websites Land pages blogs E por aí vai então aqui de volta a nossa apresentação a gente voltando aqui para onde a gente parou a gente tem ferramentas de aplicativos né Bubble fter Flow e web e a gente tem diversas ferramentas de websites também Aí a gente tem uma infinidade assim como é para aplicativos a gente também tem uma infinidade de ferramentas com essa função a gente tem aí o grande famoso WordPress conectado a elementor né para se fato Ele tornar algo um pouco mais no code aí digamos assim a gente tem wix webflow framer doric Card Essas são algum dos principais nomes aí do mercado existem aí diversos aqui a gente já fez né nossos estudos o tempo que a gente vem aí estudando e trabalhando com no code mais de 4 anos aí olhando as ferramentas avaliando o que o que faz sentido a gente tá apresentando aqui para vocês a gente trouxe aqui uma seleção eu vou est aqui aprofundando com vocês hoje no WordPress com elementor que porque é algo que muitos usam e mas principalmente no framer e no webflow então para isso vamos dar uma olhadinha rapidamente aí no Website dessas ferramentas fazer uma diferenciação entre elas depois a gente vem trazendo um comparativo um pouco mais profissional de cada uma dessas ferramentas Então pessoal a primeira dessas três ferramentas que eu quero apresentar para vocês é o webflow webflow para essa nossa nova geração de ferramentas no code ela é uma das Ferramentas que mais é conhecida esse mercado uma ferramenta que mais tem usuários também porque ela é uma das Ferramentas aí que tá mais tempo nesse mercado webflow foi lançado em 2013 então tem bastante tempo de mercado e nesse tempo ela conseguiu construir uma ferramenta extremamente robusta basicamente a gente consegue criar hoje qualquer tipo de website com webflow então eu já tô aqui dentro do site do webflow para vocês conhecerem um pouquinho mais essa ferramenta comigo ferramenta extremamente completa como eu comentei ferramenta também um pouco mais né traz uma complexidade maior Pela flexibilidade que ela traz então você tem muito acesso aí à possibilidade de est trabalhando com HTML CSS JavaScript para quem domina aí também então ela dá uma flexibilidade muito grande né Ela traz a gente gosta de fazer uma analogia que ela traz aí toda a descomp plexidade de um web desenvolvimento para uma ferramenta no code de fato Então ela tem aí características né de Quem é desenvolvedor conseguir trazer uma familiaridade para esse pessoal né então muito legal por conta disso também E aí também traz né os designers para esse universo que ela traz toda essa facilidade aí do nosso Universo no code então ferramenta completa parte de design absurdamente evoluída assim então a gente consegue criar qualquer tipo de design responsividade elementos né animações então é uma flexibilidade muito grande que a gente consegue fazer aqui no webflow ele também contém aí um content Management System bem complexo né e completo então a gente pode ter diversos cmss aí um blog um portfólio em um único site e também muito bem integrado via ap né então a gente consegue integrar via pii fazer integrações também com make zapper se a gente quiser então bem completinho mesmo um grande diferencial do webflow e a gente também consegue aí em poucos cliques né colocar o nosso site no ar então é uma diferenciação tá que a gente vai ver aí com o próprio WordPress tem uma dificuldade um setup inicial até a gente chegar nisso mas aqui não a gente consegue criar nossa conta em poucos segundos ali colocar já um domínio no ar para alguém acessar diferença muito grande aí e pro webflow E também o tem essa funcionalidade que a gente vai ver então aqui a gente também tem alguns outros aplicativos que a gente consegue adicionar no nosso webflow aqui a gente já vê o make hubspot algumas integrações pré-prontas aí que a gente consegue já adicionar no nossos sites nossos blogs enfim o webflow uma ferramenta extremamente robusta na parte de seo então uma das melhores ferramentas que consegue entregar um se absurdo assim pra gente construir um blog de Fato muito bem otimizado um site muito bem otimizado e ele também traz aí a funcionalidade de localização né pra gente conseguir traduzir o nosso site na linguagem que a gente quiser aqui para baixo a gente consegue ver algumas eh páginas né alguns sites criados com eflow então eles tem infinidade de sites aqui depois se vocês quiserem dar uma olhada eu convido vocês mas aqui a gente vê alguns grandes nomes né o Gun Road é uma ferramenta de venda de infoprodutos muito famosa na gringa né aqui no Brasil não muito utilizada mas fora muito conhecido aqui a gente vê também o site Lula palusa Paris aqui a gente vê o blog do discord até deixei aberto aqui alguns né o Gun Road aqui o discord aqui com o blog deles também então a gente vê né nomes muito bem conhecidos fazendo uso né o discord é uma ferramenta de comunidade aí muito utilizada então nomes muito conhecidos aí utilizando o webflow para seus sites seus blogs aqui um blog né então que necessita de fato de um so muito forte aqui fazendo uso do webflow a segunda ferramenta que eu quero apresentar para vocês e comentar um pouquinho é o framer Né o framer é uma ferramenta que Possivelmente se inspirou muito aí no webflow uma ferramenta aa muito mais recente Então ela foi lançada em 2022 mas desde o lançamento ela vem dando muito o que falar principalmente no universo de design né lembra que eu comentei que o webflow Ele trouxe aí uma característica de ele traduzir aquela conceitos de web desenvolvimento para um Universo no code já o framer a gente faz analogia que ele trouxe toda a ideia né de web design mesmo né Então aquela visão mais de figma da vida e trouxe aí para uma ferramenta no code então a gente V é mais um desenvolvimento trazendo pro no code e aqui um designer trazendo pro no code então elas tem um pouco essa referência por isso que o framer tá ganhando muito respaldo aí no universo de designers designers estão gostando muito de utilizar pela simplicidade que ele traz da ferramenta então eu vou entrar aqui no site com vocês do framer né então aqui novamente já estou no site do framer para apresentar a ferramenta para vocês vocês conhecerem obviamente o site do framer construído em framer também então vocês já conseguem ter aqui uma ideia do que a gente consegue fazer com a ferramenta novamente uma ferramenta que traz uma grande simplicidade mas mas sem perder o poder né e flexibilidade que a gente tem então a nível de design a gente consegue de fato criar designs também extremamente robustos completos né então a gente tem bastante questões aí de animações efeitos toda a parte de responsividade muito bem embutida aqui na ferramenta do Framework a gente consegue criar de uma forma bem tranquila assim aqui a gente também tem aquela e vantagem né de conseguir publicar o nosso site em poucos segundos a gente vai ver que no WordPress não é tão simples assim a gente tem todo um setup inici para fazer isso aqui no frame a gente também tem um cms embutido um pouco menos poderoso do que o do webflow que vem sendo desenvolvido há muito tempo mas também temos um cms aqui bem interessante pra gente criar um blog um portfólio aí com as as funcionalidades que a gente precisa basicamente aqui a gente tem toda a função de seo também muito robusta dentro do framer também a parte aqui de web traduzir o nosso site pra linguagem que a gente precisar aqui o framer também traz né Toda a parte também de sites criados com frame depois ele tem a galeria aqui se vocês quiserem dar uma olhada com oo de vocês aqui o exemplo que eu quero trazer é do próprio dribble né então a gente tem aqui o dribble para quem não conhece é uma ferramenta muito famosa aí no universo de design basicamente uma rede social barra portfólio de design aqui então o dribble é uma ferramenta construída em framer Então pessoal agora que a gente vai comentar um pouquinho mais sobre press a gente precisa dar uma respirada nos passinhos atrás aqui que é um pouquinho mais complexo o cenário quando a gente fala de WordPress então WordPress assim se a gente for trazer uma analogia ele é quase que um avô aí do no code né ele já tá no mercado há muito tempo se vocês analisarem pesquisarem depois quantidade de sites construídos com WordPress é um número absurdo grande maioria dos sites da internet são construídos baseados em WordPress mas WordPress ele não é necessariamente uma ferramenta no code ele é um cms ele foi construído para ser um cms Então a gente tem toda essa gestão de conteúdos né esse content manag Systems ali e ele por ser open source ou seja por a gente ter a base de código disponível nível na internet né para qualquer um utilizar os desenvolvedores conseguiram construir um ecossistema gigantesco em volta do WordPress Então a gente tem infinitos templates para ser usados no WordPress infinitos temas que são formas como que o WordPress se organiza ali a nível de backend dele a gente tem infinitos plugins para estender as funcionalidades do WordPress Então a gente tem plugins de cara Marketplace para você transformar WordPress em uma ferramenta de Marketplace a gente tem plugins de e loja virtual transformar seu WordPress uma loja virtual plugins de agendamento plugins de que constroem fazem o nosso WordPress ter um page builder para daí sim ele se tornar uma ferramenta no code assim para criação de websites que é o próprio elementor que eu mostrei ali para vocês que a gente vai comentar um pouquinho mais a fundo então no fim o WordPress é esse gigantesco ecossistema aí de plugins e temas no qual a gente consegue pegar plugins conectar o nosso WordPress e transformar esse WordPress aí numa ferramenta de fato no code pra gente criar um um site criar uma loja virtual criar uma Marketplace feita essa introdução Inicial o último comentário que eu queria fazer sobre WordPress novamente é que ele é uma ferramenta n uma tecnologia open source Então a gente tem código do WordPress disponível na internet pra gente fazer basicamente o que a gente quiser com isso surge aí uma diferenciação uma divisão do WordPress né a gente tem basicamente wordpress.

com que é uma empresa que gerencia aqui o nome WordPress e tem a hospedagem né eles fazem hospedagem pra gente do código WordPress Então a gente tem alguns planos e preços aqui a gente pode contratar eles vão facilitar um setup Inicial pra gente e a gente também tem o WordPress disponível a nível de código pra gente na internet então a gente tem até uma wordpress. org aqui que hospeda esse código onde a gente poderia fazer um download aqui de forma facilitada pra gente subir esse código aqui na nossa hospedagem na nossa VPS e fazer o uso dele da forma como a gente quiser como hoje a gente tem uma gigantesca facilidade para pegar esse não vai necessariamente pegar o código mas contratar uma hospedagem específica que facilitaram muito hoje a gente fazer instalação do WordPress através dessa hospedagem Então a gente tem cara hostgator rostiger entre outros nomes aí bem conhecidos no mercado que eventualmente vocês já ouviram falar Eles facilitam muito essa instalação do WordPress né então você contrata clica em o botão WordPress já está instalado depois disso vai ter que apontar o seu domínio ali feito isso daí sim você criou o seu setup para daí você acessar WordPress acessado WordPress Daí vem a questão de você plugar né os plugins no WordPress para transformar ele si em uma ferramenta no code para construir o seu Website e hoje aqui eu quero focar no elementor que é basicamente a mais famosa né o page builder mais famoso para WordPress para transformar Ele nessa ferramenta no code então rapidamente para vocês conhecerem um pouquinho o elementor Né o elementor ele é novamente um plugin para WordPress né que vai basicamente transformar o nosso WordPress aqui numa tela como essa onde a gente consegue colocar elementos imagens textos e fazer de fato um site completo com isso Então essa é a função né do elementor é para isso que ele funciona também tem diversos temas embutidos aqui e para fazer o uso do elementor também ter uma precificação a mais além né da sua hospedagem que você vai ter que contratar Mas isso é um tema que a gente vai comentar já já quando a gente for comparar os preços do webflow do framer e do WordPress mais um elemento Então pessoal sei falei para caramba aqui muita coisa muita informação de fato mas a gente tá apresentando três ferramentas aí ferramentas extremamente robustas todas elas e as principais desse mercado o que eu quero fazer agora é trazer uma visão geral um comparativo geral para facilitar a vida de vocês agora então voltando aqui pra nossa apresentação trouxe aqui alguns fatores né que a gente vai discutindo e com entando sobre cada um deles primeiro fator que a gente tem aqui é a questão de colocar um domínio personalidade no nosso site algo imprescindível para qualquer site então obviamente aqui todas as ferramentas vão dar essa facilidade pra gente estar implementando então é algo que eu nem vou discutir muito assim e para não entrar muito nesse ponto relação à hospedagem inclusa né então eu coloquei aqui um amarelinho ppress porque a gente tem aquela questão do wordpress.