5 AMAZING WEBFLOW WEBSITES | Web Design Inspiration

แชร์
ฝัง
  • เผยแพร่เมื่อ 9 มิ.ย. 2024
  • 📘 Free e-book "The Blueprint For Insanely Successful Webflow Designers" 👉 bit.ly/3VfTxnO
    Let's explore 5 Webflow websites that push the boundaries and truly show us just how versatile and malleable Webflow can be.
    🤑 FREE RESOURCE!
    ⚡Work faster in WEBFLOW using this style guide. Download here 👉 bit.ly/38g438u
    From premium e-commerce websites, to playfully over-the-top-interactions to full-on gaming prototypes, we're seeing it all in this roundup. Can you believe this is all done with an entirely visual no-code tool? Insane!
    Let us know your favourite Webflow website in the comments!
    Timestamps:
    00:00 Intro
    00:47 Apple Website Rebuild
    1:57 Civilization
    3:23 Loeven Morcel
    4:38 Kubo
    5:49 Oreo
    Apple Website Rebuild: bit.ly/35Cfqn3
    Civilization: bit.ly/35zzHts
    Loeven Morcel: bit.ly/2UEOEEd
    Kubo: bit.ly/2H8phrx
    Oreo: bit.ly/3lGvD04
    -
    Learn how to build custom websites with Webflow FAST:
    bit.ly/WebflowWebclass2020
    -
    📱 Find us on SOCIAL MEDIA
    Ran's Instagram 👉 / ransegall
    Ran's X (Twitter) 👉 / ransegall
    Flux Academy's Instagram 👉 / flux.academy
    Flux Academy's TikTok 👉 / fluxacademy
    -
    Gear & Book Recommendations: bit.ly/2ohFOuj
    #webflow #builtwithwebflow #webdesign
    Thanks for watching the video!

ความคิดเห็น • 122

  • @elnorro
    @elnorro 3 ปีที่แล้ว +21

    These projects are amazing. They inspired me to do more personal projects for practice. Amazing content as always!

    • @FluxAcademy
      @FluxAcademy  3 ปีที่แล้ว +1

      Glad you like them! Good work! 🙌

  • @joaquin67
    @joaquin67 3 ปีที่แล้ว +7

    Wow... these are amazing. I’m so happy I found Webflow and your channel. Can’t believe this will become my freelancing tool, so much fun ahead :)

    • @Vladimi617
      @Vladimi617 2 ปีที่แล้ว

      How you doing so far with webflow?

    • @oski205
      @oski205 ปีที่แล้ว

      Did you begin to design websites with Webflow? Or with another tool?

    • @joaquin67
      @joaquin67 ปีที่แล้ว +1

      @@oski205 I began with HTML/CSS/JS. I really liked that Webflow relies on getting closer to coding and is perfect for websites, nothing more.

  • @dfpcmaia
    @dfpcmaia 2 ปีที่แล้ว +4

    I love oh-ray-ohs!

  • @witchwhispers
    @witchwhispers 3 ปีที่แล้ว +7

    What an amazing video...
    It's not just about webflow it's also about how modern website are build

  • @ultranova3315
    @ultranova3315 3 ปีที่แล้ว

    Fantastic video 👍

  • @JohnPurchase99
    @JohnPurchase99 2 ปีที่แล้ว +3

    Love it! In the iPhone video you mentioned bringing animated images in ..."using something like "Loady..." what is Loady (?) ? Thanks

  • @MariusGerome
    @MariusGerome 3 ปีที่แล้ว +2

    Ou damn it, I feel the binge watching coming..
    Great channel!!

  • @daudi.blooms
    @daudi.blooms 3 ปีที่แล้ว

    This' a great one

  • @nickjones605
    @nickjones605 3 ปีที่แล้ว +28

    Thanks for sharing these, Ran. Also, that's the first time I've ever heard Oreo ("oh-REE-oh") pronounced "oh-RAY-oh"-I think I'm going to start pronouncing it your way from now on and drive my wife nuts.

    • @georgy.design
      @georgy.design 3 ปีที่แล้ว +1

      Your wife will make a compilation and upload it on TH-cam 🤡

  • @blakeryan3065
    @blakeryan3065 3 ปีที่แล้ว +79

    oh rey, oh...

    • @ciaralucia3930
      @ciaralucia3930 3 ปีที่แล้ว +3

      He has some funny pronunciations. like the word Colour or Color which he pronounces as Collar. 🤣🤣

    • @hashir
      @hashir 3 ปีที่แล้ว +1

      😂😂

    • @anthonyrude
      @anthonyrude 3 ปีที่แล้ว +1

      Ore eee ooo

    • @gregtracy9322
      @gregtracy9322 ปีที่แล้ว

      Stuck out for me as well. I'm like, "Really dude???" I know I'm old and grew up with Oreo commercials and jingles, but I don't think I've ever run across anyone who doesn't seem to know the brand.

  • @PaytonClarkSmith
    @PaytonClarkSmith 2 ปีที่แล้ว

    Love these sites! Webflow is the best 💪🏼

  • @AnirudhIsOnline
    @AnirudhIsOnline 3 ปีที่แล้ว +1

    Cool video 👍

  • @BBI-Brandboost
    @BBI-Brandboost 3 ปีที่แล้ว +2

    Effective website design requires producing a bespoke site that can be developed and updated to meet new market demands or business growth. Creating the initial design features and functionality involves knowing the client’s audience focus, and researching the best way to reach and engage with this specific market.

  • @shristithakur5107
    @shristithakur5107 3 ปีที่แล้ว

    Omg the 2nd game one website🔥🔥

  • @gianlucapd75
    @gianlucapd75 2 ปีที่แล้ว

    Thanks!!!!!

  • @buskinglankans
    @buskinglankans 3 ปีที่แล้ว +8

    Ran please do a video explaning the best practices working with webflow

  • @DipakDas-su7oi
    @DipakDas-su7oi 3 ปีที่แล้ว

    Hey, ran is there any difference of quality on pc and mobile. Because when I tried to open those link with my phone it's not working as good.

  • @clapcell
    @clapcell 2 ปีที่แล้ว

    oh man, I gotta step up my game

  • @elbaymammadyarov8120
    @elbaymammadyarov8120 2 ปีที่แล้ว

    HI Ran. I have a question about webflow. I am currently working on Figma. IN the near future I wanna build websites using webflow. But I can not understand one thing that is webflow only for design or after finishing all the details like the actual website I can actually run it as my website. I can not understand this. Pls, help me with this.

  • @FloodPower
    @FloodPower 3 ปีที่แล้ว

    incredible

  • @SethReganMankindTracer
    @SethReganMankindTracer 3 ปีที่แล้ว +3

    LOL @ O-RAY-O.... aka Oreo :-)

    • @breathebliss
      @breathebliss 3 ปีที่แล้ว

      Hahaha that threw me off too

  • @ttuywc1eq
    @ttuywc1eq 2 ปีที่แล้ว

    Btw, I really like your background 😁 can you ones show your office / appartment with your desk and devices? I am also interested in editing videos. May you do also an tutorial on that subject?

    • @gregtracy9322
      @gregtracy9322 ปีที่แล้ว +1

      Looks like an wall for audio recording. Common for radio broadcasting or pro Podcasters.

  • @nixantcreatives
    @nixantcreatives 3 ปีที่แล้ว

    Another webflow 😎😎😎😎

  •  2 ปีที่แล้ว

    Some parts are laggy, in the Oreo site. Is it the recording? Maybe they should reduce the animation fir performance.

  • @ayushsoni3253
    @ayushsoni3253 3 ปีที่แล้ว +1

    can you make a video about some other great website builders apart from webflow? it would be helpful to a lot of designers in here :)

    • @Yaedon
      @Yaedon 3 ปีที่แล้ว

      I’m sure he would but I’m almost certain he’s a paid sponsor by flow

  • @igMac97
    @igMac97 3 ปีที่แล้ว +3

    Do you need webflows CMS/hosting for these kind of results, or could you export code and use these designs in a server of your own?

    • @Vimalanvijay
      @Vimalanvijay 3 ปีที่แล้ว +1

      You can export it as code and host it somewhere else, if you don't use the CMS or E-coms feature.

    • @danielq888
      @danielq888 3 ปีที่แล้ว

      It's all there. The site can be static? Export (but, for example, forms will not work and you'll need a third party).
      Need CMS/Ecom? Webflow hosting.

  • @arminehayrapetyan4690
    @arminehayrapetyan4690 3 ปีที่แล้ว

    Cool !

  • @ryliek6832
    @ryliek6832 3 ปีที่แล้ว

    Ran, do you use webflow for all hosting or a third party like siteground? I was looking into siteground as they seem to have a really good and fast email / domain services but could it be a headache if I wan't to make changes on my or my clients sites down the road? Great vid btw :)

    • @FluxAcademy
      @FluxAcademy  3 ปีที่แล้ว

      I usually host with webflow

    • @ryliek6832
      @ryliek6832 3 ปีที่แล้ว

      @@FluxAcademy thank you!

  • @Jenia_Clouzer
    @Jenia_Clouzer 2 ปีที่แล้ว

    Does it make sense to use webflow for better presentation to Client, but then still send design to classic development?

  • @programmierungabos2544
    @programmierungabos2544 3 ปีที่แล้ว

    How good is the quality of the Webflow code export? Are the HTML, CSS, JS files well structure and can be transferred by a developer in to production easily? Any developers, that have experience with these files?

  • @arshmitgill6587
    @arshmitgill6587 2 ปีที่แล้ว

    can you make a video on the lottie animation that you mentioned in the video

  • @sanusimotunrayo8958
    @sanusimotunrayo8958 3 ปีที่แล้ว

    Can we build a membership/booking site in webflow?

  • @silentphil77
    @silentphil77 3 ปีที่แล้ว

    Sweet mate from lockdown

  • @boxy3087
    @boxy3087 2 ปีที่แล้ว +1

    5:50 what's OREYOW?

  • @radulica
    @radulica 3 ปีที่แล้ว +1

    Awesome. What was that animator you kept mentioning? Loady?

  • @vivalalila4164
    @vivalalila4164 3 ปีที่แล้ว

    what is about Seo and pagespeed of the websites?

  • @saliclothing
    @saliclothing 3 ปีที่แล้ว

    How can you do scrolling animations in WordPress somehow? :/

  • @chitrangjoshi1184
    @chitrangjoshi1184 2 ปีที่แล้ว

    whic js libraries use to that?

  • @areebanwar9229
    @areebanwar9229 3 ปีที่แล้ว

    how do you do something like that animation at 4:10? was that done in webflow

    • @thegalhorowitz
      @thegalhorowitz 3 ปีที่แล้ว +1

      you can create an element trigger ( mouse hover over element) ; or you can do from mouse hover action ; basically change to the different layer of image. So there are multiple ways to do it ;) I wish I could show you but Im lazy =D

  • @kevinc2821
    @kevinc2821 5 หลายเดือนก่อน

    My takeaway is make your website just like apple.

  • @rickharold7884
    @rickharold7884 3 ปีที่แล้ว

    V nice

  • @Anthonyforya
    @Anthonyforya 3 ปีที่แล้ว

    Could you post a video on how to make a "header" like Kubo-patisserie? As in, starts with a fullpage logo+background and on scroll it fixes the nav bar to the top page?
    I made that on my own page, but wanted to see if there is any better way of doing it.
    Thanks!!

  • @mohammedabdelgalil5860
    @mohammedabdelgalil5860 3 ปีที่แล้ว

    Whats the animation system in webflow you mentioned?

    • @therealblu5065
      @therealblu5065 3 ปีที่แล้ว

      lotti animation, sos its a late reply

  • @shaunmunashechivandire4170
    @shaunmunashechivandire4170 3 ปีที่แล้ว

    Viewer #1

  • @1deplatt
    @1deplatt 3 ปีที่แล้ว +1

    Web flow looks great but I’m so apprehensive about the learning curve

  • @AA-pu5qj
    @AA-pu5qj 3 ปีที่แล้ว

    I'm new. Web flow or oxygen? For my personal website

  • @pratushrajpurohit2374
    @pratushrajpurohit2374 3 ปีที่แล้ว

    buddy, the link doesn't work. Do you removed it on purpose, or webflow is not reliable? Plz reply

  • @whatthefox210
    @whatthefox210 2 ปีที่แล้ว

    Pls can I use webflow for professional works or just for practice and portfolio?

    • @MBilal-xu4ur
      @MBilal-xu4ur ปีที่แล้ว

      Yes you can use it for professional work

  • @wajahatshah9489
    @wajahatshah9489 3 ปีที่แล้ว

    Is this possible in XD?

  • @Pricey96
    @Pricey96 3 ปีที่แล้ว +1

    Nice promoting ;)

    • @liam2246
      @liam2246 3 ปีที่แล้ว +3

      what do you expect.... he is sponsored by Webflow

  • @victorpinasarnault9135
    @victorpinasarnault9135 3 ปีที่แล้ว

    Wow

  • @smarthustlersclub6375
    @smarthustlersclub6375 3 ปีที่แล้ว +1

    If I could build this! Am a super man

  • @ahmedkhatab11
    @ahmedkhatab11 3 ปีที่แล้ว

    Ran please talk about real estate websites

    • @FluxAcademy
      @FluxAcademy  3 ปีที่แล้ว +1

      good suggestion! thank you!

  • @factsfeed7147
    @factsfeed7147 2 ปีที่แล้ว

    Can you do us a tuto onMobi rrise? i think theyhave stunning templates. thx Flux

  • @RafalBr
    @RafalBr 3 ปีที่แล้ว

    is webflow better than elementor? or just different but similar :D

    • @JEsterCW
      @JEsterCW 3 ปีที่แล้ว

      Everything is better than trashy wordpress xd, even wix LMAO

  • @Eltopshottah
    @Eltopshottah 3 ปีที่แล้ว

    Just what I was looking for but not using a website builder...

    • @JEsterCW
      @JEsterCW 3 ปีที่แล้ว

      Emmm like it matters xd?

  • @arpadracz-fodor3864
    @arpadracz-fodor3864 3 ปีที่แล้ว +1

    The Oreo one was created by Joseph Berry, that's why it's so good :D

  • @oslovia
    @oslovia 3 ปีที่แล้ว

    אתה יכול להסביר איך עושים אתר בעברית?

  • @samuelrichter8256
    @samuelrichter8256 3 ปีที่แล้ว +1

    What degree course do you recommend in order to become a web/ux-designer?

    • @FluxAcademy
      @FluxAcademy  3 ปีที่แล้ว

      check out our programs: www.flux-academy.com/our-courses

  • @princetush7804
    @princetush7804 3 ปีที่แล้ว

    Can I get one of these people to crate an E Commerce website for me??

  • @reignsvicky
    @reignsvicky 2 ปีที่แล้ว +1

    My dream is to create website like apple,

  • @heycarrrl
    @heycarrrl 3 ปีที่แล้ว +1

    Tell me you are trolling us with the OrEHo.

  • @youssefel9895
    @youssefel9895 3 ปีที่แล้ว

    Hi flux thank you for that but I dont know where can I get started with you

    • @FluxAcademy
      @FluxAcademy  3 ปีที่แล้ว

      check out our playlists

  • @obvinpro
    @obvinpro 3 ปีที่แล้ว +1

    That's Macbook pro and it throttles. damn

    • @joaquin67
      @joaquin67 3 ปีที่แล้ว

      I thought he said the video capture program he’s using isn’t capturing things correctly at 3:23, or at least I hope it is the program an not the MacBook Pro

    • @FluxAcademy
      @FluxAcademy  3 ปีที่แล้ว

      yeah it's not the macbook it's me being lazy recording with Quicktime vs a decent screen recorder

  • @louwaars
    @louwaars 3 ปีที่แล้ว

    Still haven't watered the plant huh, Ran 😂

  • @joshualwrnc
    @joshualwrnc 3 ปีที่แล้ว +1

    o reh yo
    whyyyy

  • @robertocoladomenico5426
    @robertocoladomenico5426 3 ปีที่แล้ว

    I think is a France website not Italian, It's clear, look ad that fornitures... greetings from Rome

  • @atorturedpoetttpd
    @atorturedpoetttpd ปีที่แล้ว

    OrAo

  • @joeldrennen
    @joeldrennen 3 ปีที่แล้ว +2

    people refer to it as a website-builder because its a website-builder. no need to get mad.

    • @joaquin67
      @joaquin67 3 ปีที่แล้ว

      It’s more like visual coding with an emphasis on web development

    • @joeldrennen
      @joeldrennen 3 ปีที่แล้ว +1

      @@joaquin67 lol. my dog's poop is more like a palpable representation of the symphonic complexities of the digestive system. . . . . its still poop, and webflow isn't for programmers.

    • @joaquin67
      @joaquin67 3 ปีที่แล้ว

      @@joeldrennen Just because one programs with a visual tool rather than a textual tool doesn't mean it's not programming. It's still programming. Webflow is an even higher level than high-level programming languages

    • @vishsingh7235
      @vishsingh7235 3 ปีที่แล้ว

      Its not really programming. Its more of a design tool. Its powerful and useful for building websites, but like WordPress or Squarespace or Wix, its not programming.

  • @ryanwilkinson8600
    @ryanwilkinson8600 3 ปีที่แล้ว

    Apple messed up though it’s not a leap year.

  • @Yaedon
    @Yaedon 3 ปีที่แล้ว

    I hate how you forget to mention they pay you. Isn’t that illegal

  • @Fluxste
    @Fluxste 3 ปีที่แล้ว

    There’s to many flux’s XD

  • @favourmokwenye6387
    @favourmokwenye6387 3 ปีที่แล้ว

    checkout reel.matte.ng, its amazing

  • @sduenikoplo8780
    @sduenikoplo8780 2 ปีที่แล้ว

    Where is your design??? You just show others design that you are not the owner, its pathetic lol