Building a Studio VØR Design Concept in Webflow

No video

Building a Studio VØR Design Concept in Webflow | WebDev For You

Рет қаралды 193,621

WebDev For You

Күн бұрын

Пікірлер: 164

@Jamu18 5 жыл бұрын

Really enjoyed this! Started getting into Webflow and this tutorial helps a LOT. Oh yeah, don't worry about the length of the video. I really like it if you actually explain everything... cause there is a lot of small settings in Webflow you can't miss. Shorter is not always better. :-)

@basharbls130 3 жыл бұрын

ooh ja joh?

@joshuadecker7173 4 жыл бұрын

A lot of people have already said this, but dont worry about the length. I learned a lot from this. I agree with others asking for how the tablet/smartphone version would look like. This has given me a huge amount of insight into how everything of webflow works, I really appreciate it. Seems like many other appreciate it too. Thanks for your work!

@joshuadecker7173 4 жыл бұрын

It would be really cool if you can release assets to us so we can actually follow along with exactly what you are doing!

@Flowerpointa 5 жыл бұрын

Btw John, it would be amazing if you could make a video about how you can make a site like this that can be adapted in a way that it also works on Tablets and Smartphones . Even tho it might be a long video, people and me included would appreciate to have some insight of your thought process. I'm having some trouble myself, I'm trying to renew the design of the company-site but my skills aren't at the level it needs to be to solve it...

@iamwoman4521 4 жыл бұрын

I can't believe i actually found this video! I fell in love with this design when I saw it on Pinterest and I've been trying to find out how they achieved this look and now here i am watching your tutorial. Thank you so much for making this video.

@prateekkeshari 5 жыл бұрын

Don't stop don't stop don't stop! This is amazing

@Involvedplays 3 жыл бұрын

An hour into this at the moment, and just want to say think you're a really good teacher. I love when something doesn't look right you try to figure out why instead of just editing those parts out. Thanks a mill. Loving it so far.

@murraywestenskow2896 3 жыл бұрын

This presentation was excellent - your speediness kept people from being bored - and someone with a little background can anticipate what you're doing next. Good job.

@ButteredTurtles 3 жыл бұрын

This was a beautiful tutorial, I'm a struggling graduate who is really passionate with graphic design and this helped me pay rent!

@James_m7 2 жыл бұрын

Good stuff, thanks for sharing!! 👍

@Jayzylyn 4 жыл бұрын

Probably one of the best tutorials on webflow. Please do more of this ! I know it could be time consuming but we will really appreciate this!

@thebeaconprojectco5701 3 жыл бұрын

Thank yo so much for your time and attention to creating this I'm going to support every channel or project you put forward - again thank you!

@Goughie 4 жыл бұрын

sometimes when you see a near two hour video it puts you off! but this...... this is sooo good! Thank you for recording everything, its good to see some of the experimentation, it helped me to understand how you made your decisions! Quality video, thank you for your time and effort!

@Murtazatoquir Жыл бұрын

Thanks for the tutorials really helpful for new beginners

@vvmac1 3 жыл бұрын

Great job. Wasn’t long video at all for the amount of information you gave. No worries. Those who are interested will always hang til then end.❤️

@LikeTeeMO 5 жыл бұрын

man, pls dont stop with this great work! you are awesome, when i'll be rich i'm gonna donate you and say thank you ))

@prateekkeshari 5 жыл бұрын

@I_Lemaire 4 жыл бұрын

@joshuapasch 4 жыл бұрын

@TheLas1991 5 жыл бұрын

Super interesting! Thank you for this

@cXilion 4 жыл бұрын

very nice! not too fast, not too slow. advanced awesome tutorial, you are very nice to listen too aswell. subscribed!

@freestyleworld5747 Жыл бұрын

cool tutorial....cant believe i watched it complete.

@piyushmarde9877 2 жыл бұрын

WOW😍😍 I really like this video, good work

@christianbeatty7557 4 жыл бұрын

Amazing man, thank you so much! I just followed along for about 3 hours and made a similar site from scratch! Learned a buttload haha

@WebDevForYou 4 жыл бұрын

Thanks Christian! Happy to hear it 😀.

@tajammullatif7693 2 жыл бұрын

@@WebDevForYou where is the link of assets used above ?

@Vince-tp5vr 2 жыл бұрын

A couple year late on commenting. But just wanted to say thank you for posting this video. It has helped tremendously in figuring out - on my personal side - how to go from mockup to actual production ready landing web page. Thank you!

@ricardoruidemoura 4 жыл бұрын

This is great! would love to see more of this! NIce work!

@philippschuhai7816 5 жыл бұрын

Thanks man! you really helped me out!!! keep on doing that amazing content-we appreciate even long videos:)

@xxmagixxgamer1741 4 жыл бұрын

Yo I’m so glad I found your channel this video is amazing! I’m only 20 mins in and I’ve decided to subscribe

@levikiddd 5 жыл бұрын

thank you thank you thank you

@sambarsketis9632 4 жыл бұрын

This is frickin' awesome dude. Super appreciate you sharing your webflow process. You also have a nice voice that's easy to listen to lol.

@ugoangeletti3556 4 жыл бұрын

Fantastic tutorial! Went very quickly, but went through a lot of knowledge and techniques!

@qubeinteract 4 жыл бұрын

I'm a Webflow newbie and came across this tutorial which has been super helpful in getting started. More videos like these would be great. It's a lot to take in so the duration of the video is absolutely fine, in fact, it should have been longer! Keep up the great work.

@valerijstolmacevs8341 3 жыл бұрын

This video helped me so much in my time, helped me to understand the basics works with web flow.

@alexm3931 4 жыл бұрын

Weary interesting!!! Great!!

@Flowerpointa 5 жыл бұрын

Amazing video, I love your stuff man. As Merlijn van der Male said, your tutorials helps alot! Just to see the problem solving is amazing. Keep up the good work!

@alibomaye6028 4 жыл бұрын

thank you brow

@elhamsaeidi 5 жыл бұрын

thank you

@noraplay1881 3 жыл бұрын

Helped me a lot, thanks for keeping it long!

@iamtommyok 5 жыл бұрын

Just found your channel and so stoked to watch/learn! Awesome content, thank you!

@peligraso 5 жыл бұрын

I love that illustration! I am also in favor of learning how do you do your illustrations. The one with the mountain view on the background and the bears in front! I liked it so much even I've dreamt about it!

@tommytverrli 4 жыл бұрын

how much crack have you been smoking?!

@SugarTouch 4 жыл бұрын

Illustrations feel like they're from affinity designer. Fill style of vector brush patterns are common for affinity's defaults

@HACHmusic 4 жыл бұрын

OH MY GOD! thank you! Very very awesome tutorial video

@mohammarvalentin9894 2 жыл бұрын

Thank you so much! I've learned a lot .Great tutorial

@none1615 5 жыл бұрын

and here we go ... Well Done ! you nailed again :)

@WebDevForYou 5 жыл бұрын

Hi None! I was just going to say good timing! I read your other comment :).

@none1615 5 жыл бұрын

@@WebDevForYou indeed , but I was hoping you would make a video about webflow new feature Grid Areas ... somehow I am not able to learn & grasp concept if not articulated the way you explain .... weird but I'm convinced with that fact .

@sylvaindelaporte2660 3 жыл бұрын

Excellent, thanks a lot.

@radleylefou3541 4 жыл бұрын

Awesome. I think you make the best Webflow videos on KZfaq, keep it up!

@matthewvogel5938 5 жыл бұрын

to fix the button problem change the foreground div to an html embed and paste this: " .clickthrough { pointer-events:none; } " then add the foreground class to the html embed and add another class named clickthrough. fixed, you should now be able to click through the image.

@Bonakaren 4 жыл бұрын

Wow, this is a great tutorial! Thank you so much! And don't worry about the length! Detailed explanation, thoughtful design takes time... Everybody understands that. I watched for those details you gave us, so the longer video is the better.

@nabiloo19 4 жыл бұрын

Can't wait to try webflow out

@mochdewana2072 3 жыл бұрын

Amazing dude. Keep doing this

@skottmellins4584 3 жыл бұрын

Very very good job my friend .... I learned a lot

@Kuungmiika 4 жыл бұрын

Don’t worry about the length of the video. In fact, I didn’t mind, one can just pause if it’s too much. I appreciate that you take the time to explain everything 😊 I really learned a lot! And oh, I think you missed adding a combo class when you changed the image of the cards at 49:00, so the first and third cards have the same image. Simple mistake, but I was just sitting there wondering throughout the whole video when you should see it 😅 Thanks for amazing content!

@mattirwin6089 3 жыл бұрын

Amazing! Helps me learn webflow way easier!

@ericberman1754 3 жыл бұрын

Great tutorial, thanks for taking the time to share your knowledge and go into so much detail. Getting to see the workflow of someone with a lot of experience is super helpful for learning more about using Webflow

@maanasnair2295 4 жыл бұрын

Thanks for explaining things these easy, you deserve sub : )

@JohnnyBenavente 4 жыл бұрын

This is incredible! Maybe I missed it are you by chance able to share the assets so we can follow along ourselves to learn?

@paristourguide8019 3 жыл бұрын

I think he bought the assets then made this video. I am a bit disappointed too because I wanted to practice using his videos but there is always something missing ... It is his creative marketing scheme : he does not share eveyrthing to reveal all his secrets, which is normal, but it is a waste of time to read a 2 hour video then figure out that it is actually just an illusion, and useless without the right assets. We should buy assets from the Real designers and make our own things

@georgeusiri4008 5 жыл бұрын

Thank you Soo much for this content man.. I really loved this

@jorgesahagun6035 4 жыл бұрын

Great tips! It helps a lot!

@TravelingThruLife 3 жыл бұрын

Learned a ton. Great vid.

@originunknown4273 3 жыл бұрын

who would give this a thumbs down? its amazing

@Melissa_Lawrence Жыл бұрын

I got sucoed right into their dribble a few weeks back! How do you reckon they are making the ones that have the animated features as you scroll down the page? I'm thinking specifically about one design they have with what starts as a creek/water area that turns to a waterfall like feature down the middle of the page as you scroll.... absolutely mind blowing! This was enjoyable to watch even though I build using Elementor! Love it

@lauraisthemom80 4 жыл бұрын

Loved this video and your channel! Super helpful!

@nijatmanafov 5 жыл бұрын

Amazing video, John! I really like it. Please share more videos like this. Also please create minimalistic websites using Webflow. 👍🏻🔥

@mourtac 4 жыл бұрын

Really appreciate your work! I learn so much by just watching your videos. It would be amazing if you'll make a video for an animated Logo on a Pre-Loader-Page, with (daily) interactions ;) I tried it before myself but couldn't come up with a satisfying solution... tia!

@bijeshkarki9677 4 жыл бұрын

I love the work you do. Awesome tutorials, clear and detailed :)

@lucasrochas2008 4 жыл бұрын

Great video, man. Keep going 👍

@user-zt9qv4cs5o 2 жыл бұрын

I subscribed. 👍🏻

@karthikvenugopal9139 4 жыл бұрын

Love it!

@fazuldeen4367 4 жыл бұрын

Amazing

@sksumon3943 2 жыл бұрын

It's really good nothing to say........This is amazing

@kaycampbell364 2 жыл бұрын

How to make it responsive

@johnerickson3858 4 жыл бұрын

Simply put, awesome work! Did I happen to miss something, is there a way to access the assets, specifically the images used for the parallax effect?

@1bmxam 3 жыл бұрын

Subscribed

@michaellancaster6490 4 жыл бұрын

Yo great video man longer the better

@robotheadv9 4 жыл бұрын

Amazing video, you really help me a lot, firts of all introducing me to webflow, i was doing websites by code and this is awesome, second because i can do a lot of work with this, really enjoy it, dont worry about the duration. Please give us more content like this.

@danilo_z 4 жыл бұрын

Love this!

@arrangoitze 3 жыл бұрын

Great quality tutorial, thank you so much, this is trully helpfull for me ! Cheers ;)

@taraslesko9427 4 жыл бұрын

Hey John, I have to say, I don't normally watch KZfaq videos over 10min long, but this was so helpful I was glued all the way through! How long have you been using Webflow? You're going so fast, my guess is you've been in it for a while. Really great work.

@kungarinchen3401 4 жыл бұрын

thanks a lot sir really helpful...

@I_Lemaire 4 жыл бұрын

You can now but the bear in front of the div with the button above to the fold. Using CSS Mask.

@mecalaska 3 жыл бұрын

Excellent diction, if you had two screens open your flow would have been perfect. Enjoyed this so much, wish you could share the assets cause the bears and backdrop are the best. Do you know if they are available anywhere? I also liked the ones on the slider, lol pretty much all of them. lol Thank you I did get so much out of this.

@skylov01 5 жыл бұрын

Really great goood!!!

@shadowboom7388 2 жыл бұрын

cant you add that photos in the description?

@Pashutzio 3 жыл бұрын

❤️❤️❤️

@krtdesignstudio5265 3 жыл бұрын

can we have more tutorial like this from Studio VOR in webflow.

@techsharp257 2 жыл бұрын

Please add CSS grid layout video no5 again in this Playlist .

@nelsonunuane5839 4 жыл бұрын

woow!

@SittComani 4 жыл бұрын

Hi! awesome video, but at 24 min mark, section seemed to be skipped?

@cuierus 3 жыл бұрын

This is awesome. I just hope that you were allowed to share the images used so we can do it on our end too. :D

@teatimeadventure5661 Жыл бұрын

I can't get my H1 container to sit in front of the image even when set to relative ;(

@liminhe5138 3 жыл бұрын

I set the div block in slide card width is 300. then it push others right and it looks bigger than others. I don't know why it happens

@ahzidmahmood6904 3 жыл бұрын

this ones wants me to buy a template too as if i havnt spent enough on learning

@dowoyele 5 жыл бұрын

99%. Would have been 100% if you had added the assets file so we could follow.

@heyitsjelani 4 жыл бұрын

agree.

@kareemabulaban9456 3 жыл бұрын

Can you post this font packs?! so we can try and follow along for a recreation :) this was amazing

@justinlevin3740 4 жыл бұрын

Would anyone have any tips & tricks to take what we learned here, and then make this into a fully responsive website?

@evgeniik_ 3 жыл бұрын

Rad

@Rjacket 3 жыл бұрын

Could this be made with say, Flatsome theme for wordpress? I would love to do something similar! Great work!

@mahmoudoluwafemi3 Жыл бұрын

Hi, how can I get the assets used in the video please

@ishwardesai9327 2 жыл бұрын

Where is the link for the assets?

@clevanpollard 5 жыл бұрын

Hey, i have a question how to you clone between projects? I been trying to do so forever now?

@giordanobruno5545 4 жыл бұрын

Well done! Is there a chance to buy/download the Webfont "Alpha Headline Pro"? Couldn't find it anywhere. Where did you get it?

@southredmondtoxik1885 2 жыл бұрын

Can you create this design with html css and J's?

@gwesterneng5859 4 жыл бұрын

Can't help thinking that Muse seems much easier. Specialy with placing and moving objects.

@kulbabus 4 жыл бұрын

Always wondered how you type numbers so fast. Do you use number block?

@Salikatten 5 жыл бұрын

This was incredibly helpful, so thank you. But for some reason the background in section 1 turns white when you scroll, it happens after I add a background to section 3. If I remove section 3 it goes back to normal. I don´t know if there´s something wrong with section1, the scroll animation or section 3? anyone who can help?

@brendenfletcher5746 4 жыл бұрын

Did you ever figure this out? I'm running into the same issue.