UNFINISHED
UNFINISHED
  • 62
  • 429 820
3D Animation with CMS Using SPLINE and WEBFLOW - Webflow Tutorial
In this video, James Abrot, Head of Development at UNFINISHED, teaches how to Create a CMS Collection with 3D Elements and Animation using SPLINE and WEBFLOW.
ABOUT US
UNFINISHED, a Webflow Expert Agency
➤ Follow on Twitter: teamunfinished
➤ Visit our website: unfinished.cc
TRY OUT WEBFLOW, THE BEST WEBSITE BUILDER IN THE HISTORY OF MANKIND EVER:
webflow.grsm.io/rudolphabrot7330
INTERESTED IN THE VIDEO SETUP?
Sony A6500 - amzn.to/3CsqgMk
Sigma 16mm 1.4 Lens - amzn.to/3lmwGSH
Sigma 24-70 2.8 Lens - amzn.to/3aAgOYC
Shure MV7 - amzn.to/3Xkd1a9
Apature Amaran 60D - amzn.to/42xpDvm
GMV Lantern Softbox - amzn.to/3CrO3vC
Adjustable Microphone Arm - amzn.to/3p5r8mP
Elgato Cam Link 4K - amzn.to/3psvPCG
WANNA CREATE VIDEOS? TRY TUBEBUDDY: www.tubebuddy.com/pricing?a=abrotcreative
This video is NOT sponsored. Some product links are affiliate links which means if you buy something we'll receive a small commission.
Don't forget to SUBSCRIBE!
Переглядів: 827

Відео

How to INCREASE WEBSITE TRAFFIC - 5 Proven Strategies
Переглядів 2529 місяців тому
If you own a business or help with marketing for your company, it is ABSOLUTELY VITAL to have an effective website. But, your effective website will be a waste if NO ONE sees it. That's why you must be looking for ways to INCREASE YOUR WEBSITE TRAFFIC. In this video, we cover 5 PROVEN STRATEGIES that help increase traffic to your website. 0:00 Intro 0:58 Blog Posts 3:52 Targeted Landing Pages 7...
WORK LIFE BALANCE in 2024 - How to Run a Web Design Agency While Raising a Family
Переглядів 1619 місяців тому
Listen in as Josh Loh, John D Saunders, and I have a fun discussion about life, anime, running a successful web design agency, Webflow, and much more! This video is reposted from the channel, The Digital Third. Check out The Digital Third on UA-cam: www.youtube.com/@TheDigitalThird ABOUT US Unfinished, a Webflow Expert Agency ➤ Follow on Twitter: teamunfinished ➤ Visit our website: ...
FULL WEBSITE LAUNCH CHECKLIST (Free Download) - Do These BEFORE YOU LAUNCH Your Webflow Website
Переглядів 1,4 тис.10 місяців тому
Download the FULL WEBFLOW LAUNCH CHECKLIST here: www.unfinished.cc/get/pre-launch-checklist 0:00 Intro 2:11 How to Use the Pre-Launch Checklist 11:00 Outro One of the most important yet most overlooked parts of a website project is the Pre-Launch Phase. This phase is so important before you launch your Webflow website. In this video, we go over the FULL WEBFLOW LAUNCH CHECKLIST, the same checkl...
6 Website Design Trends to START DOING in 2024 (And WHEN to USE Them)
Переглядів 3,1 тис.10 місяців тому
2024 is here! And with that comes new upcoming design trends in the world of websites, web design, and web development. In this video, we go over 6 of these upcoming website design trends and talk about ideas how you can incorporate these in your websites. 0:00 Intro 0:48 3D Animations 3:54 Natural Images 6:08 BONUS TIP: How to Achieve Natural Images 7:26 Floating Navbars 8:59 FOOTERS! 12:03 Be...
How to Make a Blog with WEBFLOW in 2024 (Complete Beginner Tutorial)
Переглядів 10 тис.10 місяців тому
Here is a complete guide and step-by-step Webflow beginner tutorial on how to create a blog with Webflow. Content is the name of the game when it comes to increasing traffic towards your business website and having good SEO. One of the ways to create content on your website is to have a blog. 0:00 Intro 0:39 Overview 1:06 Setting up the Content in a Collection 6:20 Creating the Blog Template Pa...
6 Old Website Trends You Should STOP DOING in 2024
Переглядів 94011 місяців тому
2024 is here and that means that there are certain website trends that need to stay in past. Here are 6 old website design and development trends that we need to leave behind in 2023 as we now move forward to 2024. 0:00 Intro 1:14 Animations 7:13 Carousels in the Hero 10:31 White Space 13:05 Stock Photos 14:50 Secret Tip for Better Website Photos 17:11 Megamenus 19:07 Lack of Diversity 21:11 Ou...
8 Tips You Didn’t Know About the Webflow CMS
Переглядів 6 тис.11 місяців тому
Whether you're new to using Webflow or an experienced Webflow developer, here are 8 tips that you may not know about when using the Webflow CMS for web design and development. 0:00 Intro 0:52 Video Link Field for Social Embeds 3:26 CMS Fields in Custom Code 6:49 What CMS Pages should be Unpublished? 8:36 How should you Title your Collection Lists? 10:14 How to Style Rich Text in Collection Page...
Animate Your Navbar in Webflow in Less than 5 Minutes - Webflow Beginner Tutorial
Переглядів 4,5 тис.Рік тому
ABOUT US Unfinished, a Webflow Expert Agency ➤ Follow on Twitter: teamunfinished ➤ Visit our website: unfinished.cc TRY OUT WEBFLOW, THE BEST WEBSITE BUILDER IN THE HISTORY OF MANKIND EVER: webflow.grsm.io/rudolphabrot7330 INTERESTED IN THE VIDEO SETUP? Sony A6500 - amzn.to/3CsqgMk Sigma 16mm 1.4 Lens - amzn.to/3lmwGSH Sigma 24-70 2.8 Lens - amzn.to/3aAgOYC Shure MV7 - amzn.to/3Xkd1...
How Does SEO Work in Webflow? - Webflow for Beginners
Переглядів 407Рік тому
ABOUT US Unfinished, a Webflow Expert Agency ➤ Follow on Twitter: teamunfinished ➤ Visit our website: unfinished.cc TRY OUT WEBFLOW, THE BEST WEBSITE BUILDER IN THE HISTORY OF MANKIND EVER: webflow.grsm.io/rudolphabrot7330 INTERESTED IN THE VIDEO SETUP? Sony A6500 - amzn.to/3CsqgMk Sigma 16mm 1.4 Lens - amzn.to/3lmwGSH Sigma 24-70 2.8 Lens - amzn.to/3aAgOYC Shure MV7 - amzn.to/3Xkd1...
Create a Popup Modal in Webflow - Webflow Beginner Tutorial
Переглядів 6 тис.Рік тому
ABOUT US Unfinished, a Webflow Expert Agency ➤ Follow on Twitter: teamunfinished ➤ Visit our website: unfinished.cc TRY OUT WEBFLOW, THE BEST WEBSITE BUILDER IN THE HISTORY OF MANKIND EVER: webflow.grsm.io/rudolphabrot7330 INTERESTED IN THE VIDEO SETUP? Sony A6500 - amzn.to/3CsqgMk Sigma 16mm 1.4 Lens - amzn.to/3lmwGSH Sigma 24-70 2.8 Lens - amzn.to/3aAgOYC Shure MV7 - amzn.to/3Xkd1...
Create a Notification Bar in Webflow - Webflow Beginner Tutorial
Переглядів 2,9 тис.Рік тому
ABOUT US Unfinished, a Webflow Expert Agency ➤ Follow on Twitter: teamunfinished ➤ Visit our website: unfinished.cc TRY OUT WEBFLOW, THE BEST WEBSITE BUILDER IN THE HISTORY OF MANKIND EVER: webflow.grsm.io/rudolphabrot7330 INTERESTED IN THE VIDEO SETUP? Sony A6500 - amzn.to/3CsqgMk Sigma 16mm 1.4 Lens - amzn.to/3lmwGSH Sigma 24-70 2.8 Lens - amzn.to/3aAgOYC Shure MV7 - amzn.to/3Xkd1...
Webflow Tutorial - Create a Favorites List with Jetboost
Переглядів 9922 роки тому
Check out Jetboost! www.jetboost.io/ ABOUT US Unfinished, a Webflow Expert Agency ➤ Follow on Twitter: teamunfinished ➤ Visit our website: unfinished.cc TRY OUT WEBFLOW, THE BEST WEBSITE BUILDER IN THE HISTORY OF MANKIND EVER: webflow.grsm.io/rudolphabrot7330 INTERESTED IN THE VIDEO SETUP? Sony A6500 - amzn.to/3CsqgMk Sigma 16mm 1.4 Lens - amzn.to/3lmwGSH Sigma 24-70 2.8 Lens - amzn...
Webflow Tutorial - Add a Favorite Button with Jetboost
Переглядів 1,3 тис.2 роки тому
Webflow Tutorial - Add a Favorite Button with Jetboost
Webflow Tutorial - Sort Using a Select Element with Jetboost
Переглядів 4282 роки тому
Webflow Tutorial - Sort Using a Select Element with Jetboost
Webflow Tutorial - How to Filter with an Option Field using Jetboost
Переглядів 3 тис.2 роки тому
Webflow Tutorial - How to Filter with an Option Field using Jetboost
Notched Button Tutorial - How to Create Notch Corners in Webflow
Переглядів 1,9 тис.2 роки тому
Notched Button Tutorial - How to Create Notch Corners in Webflow
Webflow Case Study - Space Company Website
Переглядів 8052 роки тому
Webflow Case Study - Space Company Website
Why Freelancing May NOT Be for You (Why I Stopped)
Переглядів 1,5 тис.2 роки тому
Why Freelancing May NOT Be for You (Why I Stopped)
5 Books to Help You GET MORE Design Clients
Переглядів 1,1 тис.3 роки тому
5 Books to Help You GET MORE Design Clients
M1 Macbook Pro for Video Creators? (Premiere Pro & After Effects TEST)
Переглядів 41 тис.3 роки тому
M1 Macbook Pro for Video Creators? (Premiere Pro & After Effects TEST)
Design Test on the M1 Macbook Pro (Adobe Suite TEST)
Переглядів 48 тис.3 роки тому
Design Test on the M1 Macbook Pro (Adobe Suite TEST)
How to use Clubhouse App EFFECTIVELY
Переглядів 3973 роки тому
How to use Clubhouse App EFFECTIVELY
Can the M1 Macbook Pro Be Your Graphic Design Computer? [Adobe Creative Suite]
Переглядів 50 тис.3 роки тому
Can the M1 Macbook Pro Be Your Graphic Design Computer? [Adobe Creative Suite]
Our Mission for 2021 - Channel Update
Переглядів 3793 роки тому
Our Mission for 2021 - Channel Update
How to Become a Freelance Designer (4 Steps)
Переглядів 7953 роки тому
How to Become a Freelance Designer (4 Steps)
5 FUN Web Design Trends in 2021
Переглядів 3393 роки тому
5 FUN Web Design Trends in 2021
Should you be a WEB DESIGNER in 2021?
Переглядів 3953 роки тому
Should you be a WEB DESIGNER in 2021?
Can the $700 M1 Mac Mini Be Your Graphic Design Computer? [Adobe Suite TEST]
Переглядів 89 тис.3 роки тому
Can the $700 M1 Mac Mini Be Your Graphic Design Computer? [Adobe Suite TEST]
9 Gift Ideas for Graphic Designers
Переглядів 2,2 тис.4 роки тому
9 Gift Ideas for Graphic Designers

КОМЕНТАРІ

  • @konakulaboy
    @konakulaboy 20 днів тому

    Really love your style... well done!

  • @chinedujoseph4641
    @chinedujoseph4641 20 днів тому

    This is so well explained. Thanks. Do you have a video on carousel horizontal scroll

  • @amandaguthman476
    @amandaguthman476 29 днів тому

    Thanks so much! That was super simple!

  • @task07
    @task07 Місяць тому

    Well-explained! The official Webflow tutorial on CMS was so confusing and all over the place. It felt like they were too focused on being funny and not enough focus on how CMS relates to the page layout with linking, etc. Thanks for the tutorial.

  • @sandragraves1177
    @sandragraves1177 Місяць тому

    Thank you. Well explained. Much appreciated.

  • @iamdann783
    @iamdann783 Місяць тому

    Na solve ko din problem ko!!! thank bro.

  • @webqoda
    @webqoda Місяць тому

    It Helps a lot man Thankyou...

  • @brendancolecreative
    @brendancolecreative Місяць тому

    Hello! So I've built a model using your process (great video by the way). My question is how do I duplicate this popup modal so that it can be used on multiple pages? Whenever I try to copy + paste the model build onto a different page, the animations get messed up and disconnected because they were build on the original page. When I try to reconnect the modal animations on a different page, the original page's animations then become disconnected. So currently, I can only use this modal on one page. Thanks in advance!

  • @milli8789
    @milli8789 Місяць тому

    Thanks a lot for this!

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

    Great video! Thanks a lot!

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

    Floating navbars are cool😲

  • @HD-fe6oi
    @HD-fe6oi 3 місяці тому

    Hello, great video! I just realized when creating the whole heading and steps up until 11:31 I'm unable to select "get text from Blogs." Is that an added feature with Webflow? I don't understand why I don't see it. I just see on the settings the following: Dynamics Style Setting (Get text Color, BG, Color, Border Color, from Blogs), is there something I am missing? HELP.

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

      Hey, make sure you have opened the blog template in the CMS field. I had the same issue

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

      @@BoutElevation Can you explain further? I am having the same issue.. I dont know what you mean with "make sure you have opened the blog template in the cms field"

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

      I got it man! Webflow made an update. After you click on the heading settings, there is a little purple dot. Click it! There youll find the "Text from Blogs".. YEEEZ.. Webflow made an update so this video is made with the pre version

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

      @@HellasCR My error was that I already had a CMS set up, but when I tried to link the H1 to ‘Text from blogs,’ it wasn’t there. After watching the video again, I realized that I had to open the CMS template that I had configured before and follow these steps

  • @navya-s3v
    @navya-s3v 3 місяці тому

    A well-designed call-to-action (CTA) is critical for leading users to desired behaviors, such as making a purchase or subscribing to a newsletter. Clear, appealing call-to-actions can increase conversion rates.

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

    I like the bento box layout on desktop. Unfortunately, on mobile devices (where the majority of traffic is derived from) it's just a repetitive scroll of almost identical rounded boxes.

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

    Intentional

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

    This video is so underrated. Thank you so much for this

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

    Also, how would we make this dynamic to a mobile view. Right now the pop up on the right and left edges are off screen in a vertical orientation.

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

    Excellent walkthrough. I would prefer it to delay a bit long (5 sec) or if they start to scroll it pops up. Any guidance on either?

  • @Taout-tv
    @Taout-tv 4 місяці тому

    I've tried this a dozen times, trying to do a follow/following version of this. I do EVERYTHING exactly like it says here, but it doesn't work. It seems there's something missing in this tutorial about the button creation. It passes all the tests, but it doesn't work.

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

    Fab many thanks very helpful, like the floating nav, improved footer and mirco animations. Cheers

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

    Amazing tutorial, thank you!!

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

    I think you forgot to Have a Button or link on the website to trigger the popup

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

    I made different then you, but thanks for the guidens

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

    Thanks Bublik

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

    For some reason I'm not getting the "Get text from blogs" option

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

    I'm most excited about floating nav bars (in this new style), the enhanced footer designs and micro animations! I've been designing my own websites for years and I've not thought to add animations outside of view changes or button hover changes. I think when we visit other websites, that use micro animations, sometimes the basic ones are not very memorable, so when we design a website, we forget to include them. I'm definitely going to be adding more interesting animations to my website soon!

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

    Super cool! Thanks for your help!

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

    Hi everyone 👋, So I'm having trouble with my grid layout in Webflow. I've created a 4-column by 3-row grid and added images, article titles, authors' names, publication dates, and categories (e.g., productivity). Replacing images works fine, but when I try to update the article title, date, author name, etc., everything breaks. The images move up, causing misalignment. I want everything to stay aligned at the top without breaking. This issue has been bugging me for weeks, and I can't find a solution. If anyone understands what I'm trying to say and has a solution, I would really appreciate it. Thanks, and happy creating 😊

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

    hELLO, iM LEARNING SO MUCH, i FOUND MY FIRST CLIENT AND ITS JUST A SMALL WORK. UPDATING THERE SITE TO LOOK MORE MODERN. cAN i IMPORT THIS SITE TO WEBFLOW TO WORK ON IT? OR WHAT IS THE BEST WAY TO WORK ON THIS SITE FOR THE CUSTOMER. i BELIEVE THEY HAD IT MADE ON wIX? plEASE ADVISE. tHANKS SO MUCJ jAY

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

    Informational video 😊 Thank you

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

    Good Morning, I am really learning alot. My church asked me to add and delete some pictures on there site. They dont have a no code website thru a platform like webflow. WHat should I learn to be able to do the adjustments od additions and deletions of pictures and Information. I need to update the site. please advise as this woud be my first client that I would be working with. Thank You very much Jay

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

    Thank you for the tutorial. A friendly suggestion - Try not to have your webcam feed overlayed on top of what you are doing. Just show your screen. That makes it easier to follow as your face is not in the way and obscuring part of the screen.

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

    I'll try it again tomorrow.. but Ive gone through your video multiple times and have made sure every section is both labeled correctly, connected correctly, and everything is arranged in order.. but I cant get the main page to populate the tittles of the fake blogs. The only difference between what you show and me not having an option for... is when you set the H1 settings on the blog post to "get text from blogs"... there is no check mark for this. I have no idea what to do change it either and I assume, since its the title, this is the problem... Any advice?

  • @JAY001SF
    @JAY001SF 6 місяців тому

    i want to learn more about floating nav bars? do you have any vids on building it?

  • @JAY001SF
    @JAY001SF 6 місяців тому

    Hello Fam, Awesome for you to train us. Are you also in Business? Jay from the bay. Thank you for helping to get off Disability, You put life back into me. Thank you

  • @Fullhaura
    @Fullhaura 6 місяців тому

    Thank you for your video!

  • @mateusvidal3187
    @mateusvidal3187 6 місяців тому

    The best CMS tutorial, ever dude! Thanks a lot for sharing this one!

  • @lennartwerksnis1879
    @lennartwerksnis1879 6 місяців тому

    Greatly done tutorial. Thank you so much!

  • @naveedulhassanmalik
    @naveedulhassanmalik 6 місяців тому

    Have you considered a profession sitemapping tool like WriteMaps for website planning?

  • @Smurfas13
    @Smurfas13 6 місяців тому

    Kobe would be proud of this tutorial 👏

    • @UnfinishedStudio
      @UnfinishedStudio 6 місяців тому

      My friend... this is the best comment I've ever received

  • @FloNocode
    @FloNocode 7 місяців тому

    Hi how are you, this is really interesting. I would like to know about performance , have you page speed with this kind of tricks because in my console i haven't good score... Can you make you return on your own performance with cms and spline

    • @UnfinishedStudio
      @UnfinishedStudio 6 місяців тому

      It will definitely affect performance.... you can try to make sure the spline file is as small as possible... but it will always affect performance unfortunately

  • @MichaelBerchak
    @MichaelBerchak 7 місяців тому

    I like that your ideas are ones that could be used on a wider range of clients. A lot of the trend ideas seem to be aimed at certain industries only. Thanks

    • @UnfinishedStudio
      @UnfinishedStudio 7 місяців тому

      Thanks! Yeah this video was to talk about trends in overall website design. Thanks for watching!

  • @Jbetala7
    @Jbetala7 7 місяців тому

    how is your notification bar division coming above navbar, for me it overlaps, and if I put a margin above my navbar there is gap when the notification bar is closing please help

    • @UnfinishedStudio
      @UnfinishedStudio 7 місяців тому

      It's hard for me to tell without seeing it. Feel free to DM us on Instagram @teamunfinished with the read-only link so we can check it out!

  • @programminghacks
    @programminghacks 7 місяців тому

    True gem I found today on youtube

  • @danielapro9755
    @danielapro9755 7 місяців тому

    You boys doing God's work over here. Mad respect!

    • @UnfinishedStudio
      @UnfinishedStudio 7 місяців тому

      Yo thank you! We love helping people and spreading good vibes in our videos

  • @kayopinheiro2780
    @kayopinheiro2780 7 місяців тому

    Very good, thanks!

  • @HansOey
    @HansOey 8 місяців тому

    Thanks so much! I was almost giving up on Webflow since most tutorials on UA-cam are so fast and not literally step by step. I've been dwelling on Webflow CMS for a while.

    • @UnfinishedStudio
      @UnfinishedStudio 7 місяців тому

      Glad it helped! What other questions do you have about the Webflow CMS?

  • @SunblaKhan-lk6ol
    @SunblaKhan-lk6ol 8 місяців тому

    Great tutorial on building a Webflow CMS blog! Personally, I've found BlogHandy to be really handy for my blogging needs. It's user-friendly and integrates smoothly with my website. Just sharing what's been working well for me! If you need an easy one, try out Bloghandy with Webflow and you will definitely like it.

  • @clijsters3187
    @clijsters3187 8 місяців тому

    The review that I really need. Great one!

  • @MPCG101
    @MPCG101 8 місяців тому

    Pretty cool, pare ko! 🔥