Nikolai Bain
Nikolai Bain
  • 79
  • 427 621
Visually Plan a Website Redesign or Migration
Learn about the best way to plan out your next website redesign or migration to Webflow for a website project. Follow the link below to get a free copy of the Figma template.
🔗 Links
Free Figma Sitemap Planner Template: www.figma.com/community/file/1435984427597270563/migration-sitemap-planner
👋🏻 Where to find me
Website: nikolaibain.com
Instagram: nikolai_bain
Dribbble: dribbble.com/nikolaibain‍
มุมมอง: 855

วีดีโอ

Creating a News Ticker on a Webflow Site
มุมมอง 7823 หลายเดือนก่อน
Learn what a website news ticker is and how to add it to your Webflow site. Also catch up with me at Webflow Conf London this year! 📐Template used InOrder: www.nikolaibain.com/template/inorder 🔗 Links Get the clonable: webflow.com/made-in-webflow/website/news-ticker-clonable 👋🏻 Where to find me Website: nikolaibain.com Instagram: nikolai_bain Dribbble: dribbble.com/nikolaibain‍
Hide Certain Pages in a Webflow CMS Collection
มุมมอง 1K5 หลายเดือนก่อน
Learn how to hide specific CMS item generated pages within a Webflow CMS Collection. Because sometimes you want to only generate some full pages within a CMS collection, and keeping CMS items as a draft hides them entirely! No good. Let's see the solution. 📐Template used Peachy: www.nikolaibain.com/template/peachy 🔗 Links Helpful cloneable from Sygnal: webflow.com/made-in-webflow/website/suppre...
Generating SEO-Focused Simple CMS Collections in Webflow
มุมมอง 1.3K6 หลายเดือนก่อน
Learn how to generate simple SEO focused content collections using Chat GPT alongside Webflow to easily boost organic traffic. It focuses on generating content around search terms, and then tweaking your page to optimise for those terms. 📐Template used Balance: www.nikolaibain.com/template/balance 🔗 Links Sign up to Webflow: webflow.partnerlinks.io/niko Answer the Public: answerthepublic.com/ S...
Using AI Image Generation for Web Design in 2024
มุมมอง 1K7 หลายเดือนก่อน
Hey, have you heard of this thing called AI? So apparently people are using it for web design now I guess. 📐Template used Caffeine Studio: webflow.com/templates/html/caffeinestudio-agency-website-template 🔗 Links Midjourney: www.midjourney.com/home 👋🏻 Where to find me Website: nikolaibain.com Instagram: nikolai_bain Dribbble: dribbble.com/nikolaibain‍ Timestamps 00:00 Intro 0:43 ...
Adding Highly Interactive Videos on a Webflow Website
มุมมอง 1.8K8 หลายเดือนก่อน
Today we're looking at highly interactive videos and how you can add them to your website. Also I was in The Hobbit. 🔗 Links The example: www.nikolaibain.com/interactive-video Wistia: wistia.com/ 👋🏻 Where to find me Website: nikolaibain.com Instagram: nikolai_bain Dribbble: dribbble.com/nikolaibain‍ Timestamps 00:00 Intro 1:25 Creating your video 2:00 Customising the video 3:14 A...
Add a Dynamic Progress Nav in Webflow
มุมมอง 1.3K10 หลายเดือนก่อน
Learn how to add a dynamic navigation that tracks you down the page, and shows you what section you're on. 📐Templates featured: Subscription: www.nikolaibain.com/template/subscription Stickers: www.nikolaibain.com/template/stickers ❇️ Free stuff www.figma.com/community/file/1325096246899624511/slide-deck-template-nikolai-bain 👋🏻 Where to find me Website: nikolaibain.com Instagram: instagram.com...
Should You Start a Subscription Design Service?
มุมมอง 1.8K10 หลายเดือนก่อน
Ok, so you've seen all these design subscription services around. What's the deal, and do they actually work? ❇️ Free stuff Figma Slide Deck: www.figma.com/community/file/1325096246899624511/slide-deck-template-nikolai-bain 📐 Templates featured Subscription: www.nikolaibain.com/template/subscription Stickers: www.nikolaibain.com/template/stickers Niche: www.nikolaibain.com/template/niche 🔗 Link...
Creating a Directory Website in Webflow
มุมมอง 6Kปีที่แล้ว
Learn some core ideas around creating a directory website in Webflow. 📐Templates featured Store Directory: webflow.com/templates/html/store-directory-directory-website-template Website Inspiration: webflow.com/templates/html/inspiration-creative-website-template 🔗 Links LocalFinds UK: www.localfinds.co.uk Connor Finlayson: www.youtube.com/@connorfinlayson 👋🏻 Where to find me Website: nikolaibai...
The Biggest Updates from Webflow Conf Keynote 2023
มุมมอง 1.4Kปีที่แล้ว
Learn about all the new features and updates announced at the Webflow Conf Keynote this year. Ooh, nice shoes. 👋🏻 Where to find me Website: nikolaibain.com Instagram: nikolai_bain Dribbble: dribbble.com/nikolaibain‍
Can You Make a Million Dollars from Webflow Templates?
มุมมอง 13Kปีที่แล้ว
I get asked about templates a lot, so here's an update. How are Webflow templates going? How did someone make a million dollars from them? uhh... a third question? 📐See my templates All templates: www.nikolaibain.com/templates 👋🏻 Where to find me Website: nikolaibain.com Instagram: nikolai_bain Dribbble: dribbble.com/nikolaibain‍
Adding Product Color Swatches in Webflow Ecommerce
มุมมอง 7Kปีที่แล้ว
Learn how we can add some color-picker buttons to product pages in Webflow Ecommerce. 📐Template used Refraction: webflow.com/templates/html/refraction-jewelry-website-template 🔗 Links Alternate Implementation: discourse.webflow.com/t/linking-cms-colors-to-product-variant-buttons-creating-swatches/175495 👋🏻 Where to find me Website: nikolaibain.com Instagram: nikolai_bain Dribbble...
Creating Blob-Like Sections in Webflow
มุมมอง 3.2Kปีที่แล้ว
How to create blob-like sections for various designs in Webflow. What is blob-like? I guess you'll have to find out. 📐Browse Templates www.nikolaibain.com/templates 🔗 Links Clone Project: webflow.com/made-in-webflow/website/blob-sections-website 🕚 Timestamps 0:00 Intro 0:53 Quote text blob box 4:48 Image blob box 8:52 Hero blob section 👋🏻 Where to find me Website: nikolaibain.com Instagram: ins...
Webflow Released Their Own Figma Plugin
มุมมอง 4.9Kปีที่แล้ว
I use Webflow's new Figma plugin to see how we can speed up our workflow from Figma design to Webflow website. 📐Template featured Whirl: webflow.com/templates/html/whirl-saas-website-template 🔗 Links The Figma to Webflow Plug-in: www.figma.com/community/plugin/1164923964214525039/Figma-to-Webflow-(HTML,-CSS-and-Website) 🕚 Timestamps 0:00 Intro 0:18 Starting from a Figma design 2:06 Using Webflo...
The Fastest Way to Create a Brand Identity
มุมมอง 2.1Kปีที่แล้ว
Speedrunning creating a brand identity with me. Yes, it's overly simplified, but it might be all you need to get started on your new look. 📐Templates www.nikolaibain.com/templates 🔗 Links GoogleFonts: fonts.google.com FontBrief: www.fontbrief.com www.fontpair.co Color Hunt: colorhunt.co Coolors: coolors.co 🕚 Timestamps 0:00 Intro 1:04 Our customers 2:08 The logo 2:41 The font 3:54 Creating a un...
Control Visibility Based on Member Login Status in Webflow
มุมมอง 6Kปีที่แล้ว
Control Visibility Based on Member Login Status in Webflow
Creating Website Illustrations When You Can’t Draw
มุมมอง 4.3K2 ปีที่แล้ว
Creating Website Illustrations When You Can’t Draw
Should You Use Webflow Memberships for Your Next Project?
มุมมอง 14K2 ปีที่แล้ว
Should You Use Webflow Memberships for Your Next Project?
Why Customers Leave a Website in the First 3 Seconds
มุมมอง 1.1K2 ปีที่แล้ว
Why Customers Leave a Website in the First 3 Seconds
The Secret Tool To See How Websites Change Over Time
มุมมอง 1.7K2 ปีที่แล้ว
The Secret Tool To See How Websites Change Over Time
Generating Project Proposals Using the Webflow CMS
มุมมอง 2.2K2 ปีที่แล้ว
Generating Project Proposals Using the Webflow CMS
3 Ways to Make Website Pop-Ups Not Suck
มุมมอง 2.1K2 ปีที่แล้ว
3 Ways to Make Website Pop-Ups Not Suck
Maximise Sign-ups on a Website with Page Scroll CTAs
มุมมอง 1K2 ปีที่แล้ว
Maximise Sign-ups on a Website with Page Scroll CTAs
Skipping the Website Design Stage with Webflow
มุมมอง 1.6K2 ปีที่แล้ว
Skipping the Website Design Stage with Webflow
Add Dynamic Copyright Year to Footer in 30 Seconds
มุมมอง 1.8K2 ปีที่แล้ว
Add Dynamic Copyright Year to Footer in 30 Seconds
Creative Ways to Split Sections in Webflow
มุมมอง 13K2 ปีที่แล้ว
Creative Ways to Split Sections in Webflow
Add a CTA Block in a Webflow CMS Collection
มุมมอง 3.6K2 ปีที่แล้ว
Add a CTA Block in a Webflow CMS Collection
Adding Your First Sales Funnel to a Webflow Website in 2022
มุมมอง 4.9K2 ปีที่แล้ว
Adding Your First Sales Funnel to a Webflow Website in 2022
Optimize Any Website For More Sales in 2022
มุมมอง 1.4K2 ปีที่แล้ว
Optimize Any Website For More Sales in 2022
Create a Squiggly Line Link in Webflow
มุมมอง 1.8K2 ปีที่แล้ว
Create a Squiggly Line Link in Webflow

ความคิดเห็น

  • @Tektik124
    @Tektik124 2 วันที่ผ่านมา

    Thanks for the video You´re doing a great job showcasing how things work

  • @oneofafyew
    @oneofafyew 8 วันที่ผ่านมา

    Could this work for a loading page so that it only shows up once...? Or any chance you have have some code for that!?

  • @AntonioOrtizMartinez-Sagrera
    @AntonioOrtizMartinez-Sagrera 13 วันที่ผ่านมา

    What about if you have a size a well?

  • @AntonioOrtizMartinez-Sagrera
    @AntonioOrtizMartinez-Sagrera 13 วันที่ผ่านมา

    Hello, does anyone knows how can I break the option into two lines? thank you very much for this nice tutorial!

  • @dariogn536
    @dariogn536 13 วันที่ผ่านมา

    Thanks Nikolai for the tip & resources. Appreciated it

  • @bridgetpiraino9545
    @bridgetpiraino9545 13 วันที่ผ่านมา

    Super-helpful and works perfectly. Thank you!

  • @zafre-media
    @zafre-media 17 วันที่ผ่านมา

    thanks for the info and Figma file. but how practical is this? do clients usually understand the sitemap well?

    • @NikolaiBain
      @NikolaiBain 17 วันที่ผ่านมา

      Really depends on the client you're talking to, but this is better suited to bigger projects where clients are already concerned with the plan of getting everything over. It takes less than 30 mins to set up, so super fast to show a client their whole website on one page to plan everything out :)

  • @vineetboyle
    @vineetboyle 19 วันที่ผ่านมา

    Thank you.

  • @designers_rockwall
    @designers_rockwall 19 วันที่ผ่านมา

    Brother i want you to make a complete video to login and signup a user. And some pages can be shown to all users but to see other pages a user should have to be logged in. And also user can add a product to cart manage cart and can make a purchase. Basically a complete e-commerce store type website. I which user will only see their carts when they are logged in. Please bro its a humble request help me with it

  • @ArtEntity
    @ArtEntity 19 วันที่ผ่านมา

    idk what im doing but i needed this

  • @Reckless917
    @Reckless917 19 วันที่ผ่านมา

    Great introduction into this type of planning! I'm just a developer who wants to get more into the whole idea of creating a website, this was really helpful!

  • @harshjain8345
    @harshjain8345 21 วันที่ผ่านมา

    Hey buddy! Been binge watching your videos lately .. you should do a income report & breakdown just how you used to do before.. it’s interesting to see and beginners get a grasp of what’s working in the industry

    • @NikolaiBain
      @NikolaiBain 17 วันที่ผ่านมา

      Cool man, will keep this in mind :)

  • @alexpearl3155
    @alexpearl3155 21 วันที่ผ่านมา

    This is a great resource, nice work man

    • @NikolaiBain
      @NikolaiBain 17 วันที่ผ่านมา

      Yo yo, cheers Alex!!

  • @Tucker39Gaming.Official
    @Tucker39Gaming.Official 21 วันที่ผ่านมา

    Hey, great video, mate 👍

  • @xGARIDx
    @xGARIDx 23 วันที่ผ่านมา

    Thank you for idea and video, im really planning my own studio

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

    THe cleanest solution for a slider effect that im looking for, thank you Nicolai, and i dont understand why Webflow cant made this simpler

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

    thank you for this helpful tutorial! how would you go about adding a pause on hover effect to the banner?

  • @Webflow-Developer
    @Webflow-Developer หลายเดือนก่อน

    now its not working?

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

    I love your tutorials, straight to the point 👌

  • @poface4827
    @poface4827 2 หลายเดือนก่อน

    Best tutorial on this I've seen. Legend! thanks.

  • @zassdaniil
    @zassdaniil 2 หลายเดือนก่อน

    благодарю

  • @itshungle
    @itshungle 2 หลายเดือนก่อน

    You've just got a new subcriber

  • @behrzz
    @behrzz 2 หลายเดือนก่อน

    great tutorial . Is there any way to turn off the autoplay option and keep it only draggable?

  • @eMeriPartners
    @eMeriPartners 2 หลายเดือนก่อน

    GREAT video. I am putting together a directory with a blog in Webflow, so I'll add a glossary as well. Super informative and helpful. Thanks!! 💯

  • @fleksboks
    @fleksboks 2 หลายเดือนก่อน

    Quick question, how do you think selling framer templates compares to selling templates for webflow?

    • @NikolaiBain
      @NikolaiBain 17 วันที่ผ่านมา

      I don't have any close friends doing Framer templates so I'm not too sure sorry! My gut feeling is that it was great money in the first couple of years, and now is a bit saturated but you could maybe make a bit of coin still!

  • @mjdevlog
    @mjdevlog 2 หลายเดือนก่อน

    This is so cool and useful, thanks! But what if my target page is the homepage? i can't just do /home#faq right? or?

    • @NikolaiBain
      @NikolaiBain 17 วันที่ผ่านมา

      remove the "home", it's just /#faq 😎

  • @roving-camera_72
    @roving-camera_72 2 หลายเดือนก่อน

    Great tutorial! I've seen so many tutorials that involve using JS libraries to achieve the same results. Why bother when Webflow's built interactions are so much simpler to work with.

  • @ArtEntity
    @ArtEntity 2 หลายเดือนก่อน

    thanks

  • @RashedKhanMenon-u4w
    @RashedKhanMenon-u4w 2 หลายเดือนก่อน

    Hi Nikolai, I’m working on a dynamic section in Webflow where I want to display the number of posts for each category (like "Trending," "Celebration," etc.). I already have a "Categories" collection and a "Posts" collection in my project, with each post linked to its category. I want the post count for each category to show up automatically. For example: Trending (2 posts) Celebration (7 posts) Culture (5 posts) I tried using Collection Lists with filters, but I’m not sure how to set it up to show the count dynamically. Could you suggest a solution or a method to do this? Thanks a lot!

  • @jenniehu.09173
    @jenniehu.09173 2 หลายเดือนก่อน

    This is really nice. I'm just starting as a template designer and your videos are really helpful. Thank you sooo much Nikolai!

  • @FaizaZahid-i2k
    @FaizaZahid-i2k 2 หลายเดือนก่อน

    Hi there, is there any way to pause animation when I hover on cms items? And resume it when mouse leaves.

  • @JaimzHodge
    @JaimzHodge 3 หลายเดือนก่อน

    You almost had me there with the intro, that was great!

  • @PerryChanNYC
    @PerryChanNYC 3 หลายเดือนก่อน

    Hi Nikolai, I'm not able to find the button variant selector as an option. Did Webflow do away with this?

  • @emil_blum
    @emil_blum 3 หลายเดือนก่อน

    For anyone looking to disable the automatic sliding / cycling through the slides use this code in the footer code after the original code provided by Nikolai! <script> $(document).ready(function () { // Wait a short time to ensure the original Swiper has initialized setTimeout(function() { var slider_wrapper = document.querySelector('.slider-wrapper').swiper; if (slider_wrapper && slider_wrapper.autoplay) { slider_wrapper.autoplay.stop(); slider_wrapper.params.autoplay.enabled = false; slider_wrapper.update(); } }, 100); }); </script> __ Thank you Nikolai for this amazingly straight forward and perfectly working solution for having working slider in Webflow! Absolutely saved my project. The above code was figured out by Claude 3.5 Sonnet so I need no credit, so feel free to add it to your website for anyone to use if they need it.

  • @jokVentures
    @jokVentures 3 หลายเดือนก่อน

    Hi, ,may I ask how I can turn off the auto play of the slider? I know this vid is 3 years old, but it's still helpful till now, thank you. edit: figured it out, just paste the 3rd script content itself, then remove/comment the autoplay...

  • @chberge17
    @chberge17 3 หลายเดือนก่อน

    Now this is podracing!

  • @josh-richards
    @josh-richards 3 หลายเดือนก่อน

    Another great video. I’ll see ya at Webflow Conf London!

    • @NikolaiBain
      @NikolaiBain 3 หลายเดือนก่อน

      My mannnnn 👈🏻

  • @SO-fb4ef
    @SO-fb4ef 3 หลายเดือนก่อน

    This video is now obselete :( UI changed

  • @frankdrolet9439
    @frankdrolet9439 3 หลายเดือนก่อน

    You don't post that much, but always grreeaat content! Thanks man

    • @NikolaiBain
      @NikolaiBain 3 หลายเดือนก่อน

      Appreciate that, thank you 😊

  • @institutece
    @institutece 3 หลายเดือนก่อน

    Great Video - thanks Nikolai!

  • @dancastady8571
    @dancastady8571 3 หลายเดือนก่อน

    Question, did you add a new div each time you created a class/animation? I thought you were adding them all onto the same invisible div, but when I tried to do that things got weird in the Interactions tab

  • @Crowdpurr
    @Crowdpurr 3 หลายเดือนก่อน

    In 2024, this INDEED does work but just NOT in the previewer. You must publish to see it working.

  • @NeilDadizon
    @NeilDadizon 3 หลายเดือนก่อน

    This video save my F*** day for a Trial Work hope i pass on my trial work on webflow application. :) Thank you again

  • @AsherWoltermann
    @AsherWoltermann 3 หลายเดือนก่อน

    I have gotten this to work so many times and for some reason the last two sites I built I cannot get it to work. Anyone out there figure out if there is something specific needed or changed?

  • @jgproductdesign
    @jgproductdesign 4 หลายเดือนก่อน

    Seems short-sighted to me. Don't you worry that when people read the thoughtless AI-generated content, they will lose trust in the brand? Would you not consider all this content to be spam? Right now, that's how I see it!

    • @NikolaiBain
      @NikolaiBain 4 หลายเดือนก่อน

      It's honestly a great question, and I think the answer is a case-by-case basis. But here's an example, does this look like spam to you? www.twingate.com/blog/tips/Animal%20Jam-data-breach and yet here's a full collection generated: www.twingate.com/blog/tips

    • @wfwfwfwfwfwf
      @wfwfwfwfwfwf 3 หลายเดือนก่อน

      Agree, but looking at it in a broader way as a way to interconnect parts of your site I like the strategy. I mean, you can replace the AI part by your own unique content.

  • @Tony-i6t
    @Tony-i6t 4 หลายเดือนก่อน

    Thaaaanks! Was a pain for years ...

  • @AndreMurrell
    @AndreMurrell 4 หลายเดือนก่อน

    Nice! Such a simple but powerful extension to the CMS functionality.

  • @skim_beeble_
    @skim_beeble_ 4 หลายเดือนก่อน

    This doesn't work anymore sadly, I've done everything right! Wish there was a simple solution as your tutorial is so much better and simpler than all the others

  • @carlosalvarez8776
    @carlosalvarez8776 4 หลายเดือนก่อน

    It is actually working! thank you!

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

    Hi Nikolai, thanks for the super helpful video! This worked perfectly for me until I added the Finsweet Cookie Consent. Now the pop-up appears every time the page loads, do you know what could be causing this? Thanks in advance :)