- 38
- 240 830
Fala Bondioli
Brazil
Приєднався 22 бер 2021
O canal Fala Bondioli é um canal focado em capacitar pessoas para se tornarem UI Designers singulares, focando não só em habilidades técnicas, mas também em especialização e posicionamento no mercado, diferenciando-os de designers generalistas. Por aqui você vai aprender:
*Criar websites e Landing Pages
*Utilizar ferramentas como Figma, Framer e Webflow
* Técnicas, boas práticas e tudo sobre Direção de Arte
* Como se posicionar no mercado como especialista e faturar mais
* Como ter uma carreira freelancer de sucesso
Sempre com dicas práticas focadas na sua carreira como UI Designer freelancer.
Contato profissional: fala@rodrigobondioli.com
*Criar websites e Landing Pages
*Utilizar ferramentas como Figma, Framer e Webflow
* Técnicas, boas práticas e tudo sobre Direção de Arte
* Como se posicionar no mercado como especialista e faturar mais
* Como ter uma carreira freelancer de sucesso
Sempre com dicas práticas focadas na sua carreira como UI Designer freelancer.
Contato profissional: fala@rodrigobondioli.com
A Verdade Brutal: Por Que 99% dos Sites Não Servem Para Nada!
Você já se perguntou por que a maioria dos sites falha miseravelmente? Com 1,8 milhão de novos sites sendo lançados na internet todos os meses, muitos deles acabam no limbo digital, sem servir para merda nenhuma. No vídeo de hoje, eu vou te mostrar a dura realidade por trás desses números chocantes e explicar por que 99% dos sites não têm sucesso.
Neste vídeo, você vai descobrir:
As principais razões pelas quais a maioria dos sites falha.
Dicas essenciais para garantir que seu site não entre nessa estatística alarmante.
A importância de otimizar seu site para dispositivos móveis - afinal, 63% do tráfego da web já vem de smartphones e tablets.
Como a falta de planejamento e estratégia pode condenar um site antes mesmo dele começar.
✅ Desperte sua singularidade, crie interfaces de alto nível e se destaque no mercado de websites. Conheça o meu curso Pixelados:
www.pixelados.me
✅ Baixe meu e-Book gratuito - Guia prático para se tornar UI Designer
www.rodrigobondioli.com/ebooks/home
✅ Entre para nosso grupo do WhatsApp com mais de 300 designers!
chat.whatsapp.com/FIU5gOlO4rcCUocoMgsUnt
Junte-se a mais de 800 designers e recebe novidades, insights e dicas quentíssimas de UI Design diretamente no seu email. Não é SPAM e nem email de vendas, é conteúdo dos brabo!!!
✅ rodrigobondioli.com/newsletter/home
✅ Se conecte comigo
Site - rodrigobondioli.com
Instagram - falabondioli
Neste vídeo, você vai descobrir:
As principais razões pelas quais a maioria dos sites falha.
Dicas essenciais para garantir que seu site não entre nessa estatística alarmante.
A importância de otimizar seu site para dispositivos móveis - afinal, 63% do tráfego da web já vem de smartphones e tablets.
Como a falta de planejamento e estratégia pode condenar um site antes mesmo dele começar.
✅ Desperte sua singularidade, crie interfaces de alto nível e se destaque no mercado de websites. Conheça o meu curso Pixelados:
www.pixelados.me
✅ Baixe meu e-Book gratuito - Guia prático para se tornar UI Designer
www.rodrigobondioli.com/ebooks/home
✅ Entre para nosso grupo do WhatsApp com mais de 300 designers!
chat.whatsapp.com/FIU5gOlO4rcCUocoMgsUnt
Junte-se a mais de 800 designers e recebe novidades, insights e dicas quentíssimas de UI Design diretamente no seu email. Não é SPAM e nem email de vendas, é conteúdo dos brabo!!!
✅ rodrigobondioli.com/newsletter/home
✅ Se conecte comigo
Site - rodrigobondioli.com
Instagram - falabondioli
Переглядів: 590
Відео
Como Mudar a Cor da Navbar no Framer Conforme o Scroll
Переглядів 497Місяць тому
Aprenda como mudar a cor da navbar no Framer conforme o scroll do site! Neste tutorial, vou te mostrar como alterar tanto o fill quanto a cor do texto da sua navbar para que ela se adapte a cada sessão do site. Este é um recurso incrível para deixar seu site mais dinâmico e profissional. Se você está buscando dominar o Framer e elevar o nível dos seus projetos de UI Design este vídeo é para voc...
Chegou a hora de largar o Wordpress, e eu te explico o porque!
Переглядів 4,2 тис.3 місяці тому
Wordpress é uma das ferramentas no-code mais usadas no mundo, com milhões de adeptos. Mas, estamos em 2024 e você precisa se perguntar: ainda vale a pena continuar usando o WordPress? Neste vídeo, compartilho minha experiência pessoal com essa plataforma. Durante anos, fui um usuário fiel do WordPress, mas decidi migrar para uma alternativa que transformou minha maneira de trabalhar. Mudar de f...
Como criar um botão de WhatsApp no Framer em minutos
Переглядів 1 тис.4 місяці тому
Nesse vídeo vou te ensinar como colocar um botão de WhatsApp flutuante no seu site utilizando a ferramenta Framer. ✅ 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 rodrigobondioli.com/ebooks/home ✅ Grupo sobre UI Design no WhatsApp chat.whatsapp.com/FIU5gOlO4rcCUocoMgsUnt ✅ Se...
Deixe seus sites mais interativos no Framer com cursor customizado
Переглядів 7234 місяці тому
Que o Framer é uma ferramenta sensacional para construir sites, landing pages e tudo mais, todo mundo já sabe. Mas e fazer um cursor interativo e customizado, sabe? Vem comigo, que nessa aula vou ensinar vocês como criar um cursor totalmente customizado para deixar seus projetos mais interessantes e envolventes. ✅ Crie interfaces profissionais e destaque-se num mercado cheio de designers sem pr...
Como criar um card dinamico no Framer em Minutos!
Переглядів 1,7 тис.5 місяців тому
O card é um dos elementos mais usados em interfaces quando estamos falando de sites, landing pages e app mobiles. Nesse vídeo vamos criar um card dinâmico utilizando a ferramenta no-code FRAMER. ✅ 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 www.rodrigobondioli.com/ebooks/ho...
Olha como ficou o site da Mercedes-Benz | Tutorial de Framer
Переглядів 3,7 тис.5 місяців тому
No vídeo de hoje, vamos dar um grande passo no desenvolvimento do redesign do site da Mercedes-Benz, utilizando nosso querido Framer. Após finalizar o visual no Figma, é hora de trazer para o ambiente de desenvolvimento. Esta é a segunda aula da nossa série, onde me concentro em transformar minhas ideias de design em um protótipo navegável dentro do Framer. Vou mergulhar no processo de desenvol...
UI Design do site da Mercedes-Benz | Tutorial de Figma
Переглядів 2,5 тис.5 місяців тому
No vídeo de hoje vamos fazer juntos o redesign do site da Mercedes-Bens. Utilizando o Figma, vamos deixar o site mais moderno e mais "classudo" utilizando técnicas de espaçamento, white space e muito mais. Essa é a primeira aula, no próximo vídeo, vamos desenvolver esse site por completo utilizando o Framer. Então assista essa aula até o final, para dominar todas as técnicas do Figma. E ative a...
Esqueça o WordPress: Lucre Alto com Sites no Framer!
Переглядів 15 тис.6 місяців тому
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 pass...
Crie sites e landing pages MUITO mais rápido! Relume + Figma
Переглядів 4 тис.7 місяців тому
Descubra neste vídeo como o RELUME pode ser um game-changer no seu processo de design de wireframes, especialmente quando combinado com o Figma! Vou mostrar como você pode criar wireframes de forma rápida e eficiente no RELUME e, em seguida, adaptá-los para o seu projeto no Figma. 00:00 Iníco 00:31 Intro 00:42 O que é um Wireframe 01:45 Maneiras de elaborar um Wireframe 02:13 A ferramenta Relum...
Framer e Spline 3D - Eleve o nível dos seus sites
Переглядів 1,7 тис.8 місяців тому
Descubra como integrar elementos 3D de uma forma fácil em seus websites utilizando as ferramentas Framer e Spline 3D. Este é o princípio de integração dessas maravilhas, que podem te proporcionar uma grande variedade na hora de criar seus sites, use a criatividade. ✅ Crie interfaces profissionais e destaque-se num mercado cheio de designers sem propósito. www.pixelados.me ✅ e-Book GRATUITO - Gu...
DESAFIO DORA - Aprenda a criar em poucos minutos uma landing page 3D e concorra a 500 dólares.
Переглядів 2,1 тис.10 місяців тому
Se você sempre sonhou em criar um site 3D mas não sabe nem por onde começar, essa é a sua grande chance DA VIDA! Dora e Minh Pham em parceria criaram o Dora x Minh 3D Website Challenge. Você vai usar uma estrutura prontinha para customizar e se familiarizar com essa plataforma NOCODE sensacional. E não para por aí, tem tutorial explicando passo a passo como tornar a landing page a sua cara. Use...
É assim que você deve criar uma Hero Section em seu site ou Landing Page daqui pra frente.
Переглядів 1,7 тис.11 місяців тому
Nesse vídeo vamos explorar a evolução da Hero Section, a primeira e mais importante sessão de um site ou landing page. Esta é uma tendência devido a evolução de programas no-code como Framer, Dora, Webflow que nos permite ter maior liberdade criativa em nossas interfaces. Não é uma regra, e nem deve estar presente em todos os seus projetos, mas que é uma tendência forte do mercado, ahhhh isso é...
Avaliando interfaces de inscritos #01 - DICAS VALIOSAS de princípios do Design dentro do Figma
Переглядів 1 тис.11 місяців тому
Vou iniciar mais um quadro novo aqui no Canal. A cada semana vou pegar o layout (interface) de um inscrito e fazer minha avaliação, levando em conta princípios básicos de design, estrutura, hierarquia, passando diversas dicas super valiosas dentro do Figma. Bora abrir o Figma e ver o que esse inscrito fez de bom? Lembrando que em hipótse alguma quero ofender ou diminuir meus inscritos, a intenç...
Ferramenta incrível para designers: Behance + Pinterest + Dropbox + 4TB grátis! Conheça o Playbook!
Переглядів 1,6 тис.11 місяців тому
Ferramenta incrível para designers: Behance Pinterest Dropbox 4TB grátis! Conheça o Playbook!
Desvendando o AUTO LAYOUT RESPONSIVO no Figma: Tutorial Passo a Passo
Переглядів 6 тис.Рік тому
Desvendando o AUTO LAYOUT RESPONSIVO no Figma: Tutorial Passo a Passo
Conhece a DORA? Desenvolver sites criativos com essa ferramenta NO-CODE nunca foi tão fácil.
Переглядів 9 тис.Рік тому
Conhece a DORA? Desenvolver sites criativos com essa ferramenta NO-CODE nunca foi tão fácil.
ABSURDO! [REACT] Os melhores sites do mundo!!!
Переглядів 3 тис.Рік тому
ABSURDO! [REACT] Os melhores sites do mundo!!!
Dicas de ouro para designers de UI/UX: como encontrar bons clientes e nunca mais ficar sem trabalho!
Переглядів 924Рік тому
Dicas de ouro para designers de UI/UX: como encontrar bons clientes e nunca mais ficar sem trabalho!
CRIE UMA PÁGINA DE CAPTURA INCRÍVEL EM APENAS 15 MINUTOS - USANDO O FIGMA
Переглядів 2,5 тис.Рік тому
CRIE UMA PÁGINA DE CAPTURA INCRÍVEL EM APENAS 15 MINUTOS - USANDO O FIGMA
Tipografia no UI Design - Entenda de uma vez por todas como usar
Переглядів 4,2 тис.Рік тому
Tipografia no UI Design - Entenda de uma vez por todas como usar
White Space no UI Design - Você aplica em suas interfaces?
Переглядів 1,1 тис.Рік тому
White Space no UI Design - Você aplica em suas interfaces?
O passo a passo de como criar, desenvolver e entregar um site do zero!
Переглядів 4,1 тис.Рік тому
O passo a passo de como criar, desenvolver e entregar um site do zero!
Efeito Sticky no Wordpress - Você já conhece esse efeito?
Переглядів 1 тис.Рік тому
Efeito Sticky no Wordpress - Você já conhece esse efeito?
Aula de Landing Page (Página de vendas) - Parte #02 WORDPRESS
Переглядів 5 тис.Рік тому
Aula de Landing Page (Página de vendas) - Parte #02 WORDPRESS
Aula de Landing Page (Página de vendas) - Parte #01 FIGMA
Переглядів 15 тис.Рік тому
Aula de Landing Page (Página de vendas) - Parte #01 FIGMA
Tutorial Figma - Re-Design do site Listerine #01
Переглядів 1,5 тис.Рік тому
Tutorial Figma - Re-Design do site Listerine #01
Tutorial Figma: Grid NINJA responsivo para UI e Web Design
Переглядів 12 тис.Рік тому
Tutorial Figma: Grid NINJA responsivo para UI e Web Design
Ferramenta muito mais poderosa que o Wordpress para criar Landing Pages
Переглядів 6 тис.Рік тому
Ferramenta muito mais poderosa que o Wordpress para criar Landing Pages
Como aplicar espaçamento no seu layout de forma correta no Figma
Переглядів 4,3 тис.Рік тому
Como aplicar espaçamento no seu layout de forma correta no Figma
Caraca, show de bola hein? Em 12min de vídeo já aprendi mais que muito curso por aí que tem 327 mil vídeos e muito blá blá blá. Já ganhou mais uma inscrita!
interessante ,mas na hora de passar isso no responsivo pra celular nem tudo pode...e hoje as pessoas vivem mais no celular...
Quando vamos ter um curso?
Qual plano você recomenda para 1 site institucional empresarial simples?
sensacional
obrigado amigo!
Show
Mais Dora! Mais Dora!!!
Mano, pra fazer uma hero dessas que vai se tornar tendência que você disse , tentei fazer no framer e fritei meu cérebro, 3 dias seguidos que não consigo nem dormir direito , sempre quando tento arrumar a imagem quando vou ver como tá ficando , tá tudo torto
Manda ver, pode fazer que ficou top!
Cara, ganhou um seguidor, esse é o segundo vídeo que vejo do seu conteúdo, e já deu esse estalo que você mencionou, comecei a desenvolver meu próprio site no Word Press, alguns dos problemas que você sita já aconteceram comigo. Obrigado pelo "estalo"!
aulãoooo!!!
Pode nos compartilhar esse ferramenta de briefing
Onde consigo imagens como a desse cara free?
Tchau e obrigado por tudo Wordpress , você foi o heroi e o bandido da minha vida , framer me deixou apaixonado lamento mas vamos terminar
Maratonei todos os videos do canal e amei, obrigada pela partilha. Espero poder fazer parte da família pixelados brevemente, já estou juntando o $.
Agente nem tem placa de video pra rodar o site direito kkkkkkk, brincadeiras a parte, muito top os sites
Aula Top.
Gostei dms da aula, mas tenho uma critica construtiva, como eu uso notebook e a tela é muito pequena, quase não vi o seu cursor do mouse, tenta colocar aqueles efeitos para enxergar melhor seu mouse e conseguir acompanhar melhor
Ah muito obrigado pela dica. Mas, me faz um favor então! Vá até minha aula mais recente e assista ela, veja se daquele formato fica melhor? Eu estou testando exatamente isso rs
Cara, você não tem ideia de como suas aulas estão me ajudando, você é fera demais, obg por lançar esse curso gratuito
Muito obrigado pelo feedback! Fico muito feliz em poder ajudar ;)
Muito obrigado por nos apresentar e ensinar essa poderosa ferramenta!!!
Obrigado pelo feedback! Tamo junto
brabo!
Valeuuuu
Ótima explicação!
Obrigado 😃
pra criar um site tipo classificados (olx por exemplo), como fica a questão do cadastro de usuario e banco de dados para criação do anuncios no framer??? Ou o framer é mais para blogs???
O Framer criar sites com CMS tranquilamente. Agora com relação a banco de dados você teria que fazer a integração com uma ferramenta externa tipo um Outseta da vida.
Cara top! viajei no tempo!
hehe show ;)
wp + especialista > todas
Se tu acha isso tá tudo bem ;) continue ai no ano 2000 kkkk
ESSES CORTES FILHAS DA PUTA AI EM, FRAME VIRRANDO STACK DO ALEM
( ) parênteses [ ] colchetes { } chaves Você falou certinho 🤍
Boa! :)
Que aula! Obrigada mesmo por compartilhar o seu conhecimento com a gente
Muito obrigado!
Que aula perfeita! Obrigada por compartilhar o seu conhecimento 🤍
Fico feliz que tenha gostado ;)
O que eu vejo é, todos os sites feitos em templates, então tudo fica um parecido com o outro, por isso a área está tão desvalorizada. Cliente de bom gosto está muito difícil de achar, mas existe sim.
Sim, falta um pouco de criatividade! As pessoas só focam na ferramenta e buscam referências no mesmo lugar.
fodaaa..... kkkkk os cachorros tontearam
hehehe :)
procurando conteúdo sobre figma e olha q achado!!! parabéns ao Bondioli pelo conteúdo maravilhoso.
Muitooo obrigado pelo feedback! Fico feliz que tenha curtido ;)
mt foda, parabens
Vlw demais! Tamo junto!
Gostaria de agardecer pela aula super detalhada e maravilhosa, estou começando no mundo do designe e consegui adaptar pra uma pagina d euma dermatologista, super feliz com o resultado.
Ah que legal.... Fico feliz em poder ajudar :)
Rodrigo, comecei recentemente a estudar Web Design e me deparei ontem com o seu canal e estou viciada nos seus vídeos. Já acelerei uns 6 meses de aprendizado com os vídeos que assisti. Parabéns pelo conteúdo e pela didática clara e direta. Já estou considerando comprar o seu curso, pois realmente enxerguei muito valor agregado no seu trabalho. Excelente!
Muito obrigado pelo seu feedback, ficou muito satisfeito! Entra sim, você não vai se arrepender :)
Sua explicação foi de grande ajuda.
Que massa :)
Fiz um video a um tempo atrás falando sobre isso, só que com uma outra ótica, e fui "massacrado"...rs Wordpress hoje para mim serve somente para automatizar os conteúdos e criar blogs para gerar visitações, vender como afiliado, etc... agora para desenvolver sites para clientes (algo que nem faço mais) sinceramente to fora de Wordpress!
Eu senti isso de leve aqui também, até parece que estou obrigando as pessoas a usarem o Framer. Continua no WP quem quer, mas acho super válido abrir a mente para novas ferramentas e tendências, temos que acompanhar o desenvolvimento do mercado né? Quem não faz isso, fica para trás :) Tamo junto!
Muito bom kkkkkkkkkkkkkkkk
hehehe valeuuuu
Show cara!
Valeuuu d+
O fluxo de trabalho é outro. No Elementor eu tinha essa dificuldade de mover com rapidez os elementos, já aqui não, é anos luz.
Sim, é outra dinamica, outro game!
Imaginem trabalhando com imagens webp a velocidade que o site fica já que tem a ferramenta.
O Framer já comprime e otimiza as imagens automaticamente, é maravilhooooso!
qual e a versão q vc utiliza
O pecado que agora so pagndo o dominio
É eu dei uma desencanada de Dora por enquanto ;/
monstro de mais! esses tamanhos aí funcionam também pro desktop mano? parecem muito pequenos no layout pra desktop
Sim, são para desktop
Sorte que a comunidade Pixelados ta no 1% 😮💨🙏
Tamo juntooooo
Daaaamnn...
noixxx
eu aprendi muito bem o figma agora nao sei como levar a ideia pro wordpress elementor
Não leve! Faça no Framer ;)
@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.