Grab my free training for web designers: https://localcreative.co/designers
Creating a scrolling website mockup for your web design portfolio is a quick and easy way to spice up your social media and catch your ideal client’s eye. Plus, with Canva, you can do it for free!
Here’s how to design your own mockups in just three steps!
Read this full blog post and get all the details about this video here:
https://localcreative.co/blog/scrolling-website-mockup/
Click here for a FREE trial of Canva Pro: https://localcreative.co/canva
Try out my favorite screen recording tool: https://localcreative.co/loom
// CHAPTERS
00:00 Showing Off Your Work
00:52 What Tools Do We Need?
01:14 Getting Started in Canva
01:58 How to Take A Full Webpage Screenshot
04:28 Adding Your Screenshot to Canva
08:41 Adding Curved Text in Canva
11:14 Create a Video/Gif Website Mockup
12:52 My Favorite Screen Recording Tool
14:44 Creating Your Scrolling Gif in Canva
19:40 Create a Web Design Mockup from a Screenshot
21:03 Best Practices
// FAVORITE TOOLS
ConvertKit for Email Marketing: https://localcreative.co/convertkit
Circle for Hosting My Online Community: https://localcreative.co/circle
HoneyBook for Client Management (50% Off): https://localcreative.co/honeybook
Showit for Web Design (Get 1 Month Free): https://localcreative.co/showit
Squarespace for Web Design (Code: PARTNER10) https://localcreative.co/squarespace
Podia for Selling Digital Products & Courses: https://localcreative.co/podia
Canva for Graphic Design: https://localcreative.co/canva
Planoly for Scheduling Social Posts: https://localcreative.co/planoly
Loom for Screen Recording: https://localcreative.co/loom
// MY YOUTUBE VIDEO SETUP
All the gear I use to make these videos: https://a.co/9spYRsB
Descript for Video Editing: https://localcreative.co/edit
Ecamm Live for Recording to My Computer: https://localcreative.co/ecamm
// FOLLOW ALONG
Website: https://localcreative.co/
Instagram: https://www.instagram.com/localcreative.co/
Facebook Page: https://www.facebook.com/localcreativeco
Facebook Group: http://localcreative.co/group
Clubhouse: @galenmoon
I may receive a small commission if you sign up for any of these tools/apps using the links here, but I only share because I personally use and highly recommend these products.
// SHOP OUR COURSES AND WORKSHOPS
https://bit.ly/3s5jKEv
Music from Uppbeat (free for Creators!):
[https://uppbeat.io/t/walz/name](https://uppbeat.io/t/walz/name)
License code: 7GUDLDHRJYC6QT2C
source
You are absolutely A*W*E*S*O*M*E..!!👏🏻
You are amazing
Bravo! I love this. What a great and creative way to show off your work for your site visitors. I'll definitely be putting this to great use. Thank you! 😀👍
Go full page
How do I do this on a normal website without WordPress ?
Do you have a solution that will also capture the animations in the web design?
Super helpful, no holds barred.
Great stuff! Keep it going.
Is the Loom recording a mp4? I can't seem to upload my recording to Canva
This is so cool! I love this idea for my website.
This is a great and very useful video. Thank you!
I searched for this after seeing the scrolling mockup on another portfolio and found this! Very helpful and nicely presented!
Thank you for this video. I've been looking and looking for something like this and I'm glad I finally found your vid! Very helpful and appreciated.
Incredibly helpful! Thank you 🙂
Thank you for this video. I tried several chrome extensions before finding this video. Your solution worked well for me 🙂
Super helpful!
Thank you for this video! I currently don’t have a computer/laptop and was wondering if you know of any alternatives to get desktop view on a tablet or mobile?👀
Thanks for the tutorial, its very helpful.
May I know where do you get the nice laptop mock-up element in your first picture? I don’t find it in Canva Pro 🙁
God bless you
Do a how to make n sell show it template please
I've been looking for this knowledge for weeks with no luck. Thank you so much for sharing this!
Thank you so much for making this video. This is so helpful. I had seen this on other web designers' sites and always wondered how to do it. Now I know. As a Starting agency, I'm always looking for creative ways to show my work and this will really help our content pop! Again thank you and blessings!
i have to create an ad. i just shot some footage, now i have i add some still images, voice over, and more. I'm teaching my self how to do commercials. i was wondering how i was going to add to ad. and now i see, i can capture our website and while my daughter is doing the voiceover, i can have throlls capture thing scroll. thank you….i don't have the language for it yet but i will soon. thanks again…