Olha como ficou o site da Mercedes-Benz | Tutorial de Framer

Поділитися
Вставка
  • Опубліковано 16 вер 2024
  • 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 desenvolvimento, explicando como estruturo o projeto, importo os elementos de design do Figma, e preparo a base para as futuras interações e animações, que serão o foco da nossa terceira aula.
    Se você não assistiu à primeira aula, onde eu redesenhei o site no Figma, sugiro que faça isso para captar todo o processo criativo por trás do nosso projeto. Para quem está acompanhando a série, esta aula será essencial para começar a transformar o design estático em uma versão funcional
    ✅ 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 #figma #uidesign

КОМЕНТАРІ • 39

  • @VictorBastos30
    @VictorBastos30 17 днів тому

    Tchau e obrigado por tudo Wordpress , você foi o heroi e o bandido da minha vida , framer me deixou apaixonado lamento mas vamos terminar

  • @marioflavio3928
    @marioflavio3928 5 місяців тому +3

    Aula muito top, esse Framer está me surpreendendo.

    • @falabondioli
      @falabondioli  5 місяців тому

      Que bom que gostou, o Framer realmente é uma ferramenta incrível ;)

  • @Plinioniitz
    @Plinioniitz 2 місяці тому

    caraca ta zika demais mano!

  • @expooent
    @expooent 5 місяців тому

    Aula dahora!

  • @FernandoNoCode
    @FernandoNoCode 5 місяців тому

    Valeu!

    • @falabondioli
      @falabondioli  5 місяців тому

      Pô, muito obrigado :) Tamo junto

  • @RangelJavier
    @RangelJavier 2 місяці тому

    Topson!

  • @gabrielfernando09
    @gabrielfernando09 2 місяці тому

    Esse Framer esta cada dia melhor, Wordpress até mais 😂😂😂😂

  • @GustavoMadruga
    @GustavoMadruga 2 місяці тому

    Opa onde está o link dos recursos do projeto?

  • @valdekstudios2605
    @valdekstudios2605 5 місяців тому

    The best

    • @falabondioli
      @falabondioli  5 місяців тому

      Valeuuuuuuuu meu mano! Tamo junto!!!

  • @brunosardinha2862
    @brunosardinha2862 4 місяці тому +1

    Fala mestre, quando vem a continuação dessa aula?

    • @2ComConsulting
      @2ComConsulting 4 місяці тому

      aguardando 🙏🙏🙏

    • @falabondioli
      @falabondioli  4 місяці тому +3

      To devendo mesmo, na real tinha até esquecido que tinha continuidade hahaha
      Mas já tenho ela só vou editar ;)

    • @lucasmoura6104
      @lucasmoura6104 4 місяці тому

      Estamos no aguardo 🙏@@falabondioli

  • @davidguimaraes4177
    @davidguimaraes4177 4 місяці тому

    muito boa a aula cara, tem como mostrar a grade do framer do pixelados?

    • @falabondioli
      @falabondioli  3 місяці тому

      Opa blz? Cara, tu consegue ver os módulos no site - pixelados.me
      A grade inteira de aulas eu não coloco por questões de segurança, para não copiarem ;)

    • @davidguimaraes4177
      @davidguimaraes4177 3 місяці тому +1

      @@falabondioli kkkkkkk carai ja comprei 2 curso. e só pepino mano. na moral. to com vontade de xingar um desses PORTAL ai NOCODE kkkkkkkkkk pelo menos projetos estudados e realizados? kkkk ja gastei 2conto meu principe, ajuda esse mero senhor de quase 40 q ta tentando mudar de vida.

  • @johnnyalves5439
    @johnnyalves5439 5 місяців тому

    Vlw pelo video cara, muito bom, como faz pra tirar a barra de rolagem da Lateral quando visualiza no navegador?
    É possível?

    • @falabondioli
      @falabondioli  5 місяців тому

      Opa, valeu! Cara, não entendi sua pergunta. Qual barra?

    • @johnnyalves5439
      @johnnyalves5439 5 місяців тому

      @@falabondioli aquela barra da lateral direita, scrollbar

  • @sandracosta2973
    @sandracosta2973 4 місяці тому

    Aula sensacional!
    Só queria tirar uma dúvida, quando clico no Preview o video roda mas, quando publico não funcionar...Saberia dizer o pq??
    Obrigada😊

    • @falabondioli
      @falabondioli  4 місяці тому

      Provavelmente o som está ativo, desative o áudio que ele roda, é uma lei ;) Veja se resolve.

  • @jokastudios
    @jokastudios 5 місяців тому

    Aulão Topp, Bondioli.
    Vi um vídeo seu ano passado que você disse que começaria a criar no Webflow também, desistiu da ideia ou vem projetos de Webflow por aí também?

    • @falabondioli
      @falabondioli  5 місяців тому +1

      Pretendo sim, mas falta tempo ;( Webflow é sinixxxtro!

  •  5 місяців тому +2

    Pra eu criar sites dos meus clientes pelo framer eu preciso ter uma conta pra cada cliente, ou eu posso fazer esses sites dentro da minha conta?

    • @falabondioli
      @falabondioli  5 місяців тому +2

      Você pode fazer todos na sua conta, e quando terminar você envia o Framer Remix para seu cliente.

  • @SenhorNinguemm
    @SenhorNinguemm 3 місяці тому

    O framer é do figma?

  • @PedroHenrique-tn1wh
    @PedroHenrique-tn1wh 4 місяці тому

    Mestre e a próxima parte?

    • @falabondioli
      @falabondioli  4 місяці тому +1

      To devendo! Tinha até me esquecido que tinha outra aula dessa hahaha
      Valeu por lembrar, vou editar, ela tá pronta ;)

    • @PedroHenrique-tn1wh
      @PedroHenrique-tn1wh 4 місяці тому

      @@falabondioli ansioso pra ver .. to gostando do framer por sua causa kkkk faz um vídeo de comparação dele com o weflow também

  • @ojohn1992
    @ojohn1992 2 місяці тому

    Adeus wordprass, pra mais nunca mais...