How to create funnel design mockups

@kishamarieparubrub

34.1K followers · usually 4.9K views a post

Views

125.6K

Likes

7.2K

Comments

129

Shares

742

Selling · Other Product

GoFullPage https://gofullpage.com/ ↗

Why it worked

The video provides a highly actionable, specific solution to a common pain point for freelance designers, making it valuable and shareable content.

Summary

The creator demonstrates how to use the 'Go Full Page' Chrome extension to capture full-page website screenshots for design mockups. She then shows how to import and arrange these images in Canva to create a professional presentation.

Structure

1Identify the problem of creating website mockups
2Introduce the Go Full Page Chrome extension
3Demonstrate how to install and pin the extension
4Show the capture process on a live website
5Explain how to export and import the image into Canva
6Show the final result and encourage creativity

Product placement

The creator uses the Go Full Page Chrome extension to demonstrate a workflow for designers.

Original caption

Quick tutorial on how to create funnel design mockups 🔥💛 #funneldesigner #websitedesigner #funneldesign #freelancing #mockups

More from @kishamarieparubrub

Their other posts in the index, biggest breakout first.

Call to action

Follow for more

On-screen text

HOW TO CREATE FUNNEL DESIGN MOCKUPS GUYS GUSTO NIYO BANG MALAMAN KUNG PAANO GAWIN TONG GANITONG MGA MOCKUPS TO SHOWCASE YOUR FUNNEL DESIGN WORKS SUPER SIMPLE LET'S GO SAY FOR EXAMPLE PUBLISHED AND LIVE NA YUNG FUNNELS OR WEBSITE NA-CREATE NIYO FOR YOUR CLIENTS THIS IS WHAT YOU NEED TO DO PUNTA KAYO SA GOOGLE CHROME AND IVISIT NIYO YUNG WEBSITE NG CLIENT NIYO FOR EXAMPLE THIS ONE YOU NEED TO DOWNLOAD A CHROME EXTENSION PARA MACAPTURE NIYA YUNG IMAGE NG WEBSITE ITONG FULL PAGE PANO SIYA GAWIN PANO SIYA ICAPTURE LAHAT CLICK NIYO LANG TO EXTENSIONS TAPOS CLICK NIYO MANAGE EXTENSIONS DITO SA GILID ICLICK NIYO YUNG CHROME WEBSTORE DITO NA PAGE MARAMI KAYONG EXTENSIONS NA PWEDE MAINSTALL TO MAKE YOUR WORK PRODUCTIVE AND MORE EFFICIENT BUT FOR THIS VIDEO YUNG ISESEARCH NATIN IS YUNG GO FULL PAGE SEARCH ICLICK NIYO YAN TAPOS ICLICK NIYO TONG ADD TO CHROME CLICK ADD EXTENSION INSTALL NA SIYA SO SAAN YAN SIYA MAKITA BALIK KAYO DITO DIYAN SA EXTENSIONS CLICK NIYO YAN HANAPIN NIYO YUNG GO FULL PAGE AYAN SIYA OH TAPOS IPIN NIYO NOW BALIK TAYO DUN SA WEBSITE NATIN TAPOS ICLICK NIYO YUNG GO FULL PAGE NA ICON AS YOU CAN SEE GINACAPTURE NA NIYA YAN YUNG PAGE AWESOME TAPOS MAY OPTION KAYO HERE TO SAVE THIS SA PDF OR PNG SO RIGHT NOW PNG YUNG PILIIN NATIN WHAT WE NEED TO DO NEXT IS IDRAG NATIN TONG IMAGE DITO SA CANVA YAN DRAG AND DROP NA SIYA THEN NIYO SIYA ICROP TAPOS MAKE IT BIG THEN DUPLICATE YUNG FULL PAGE FROM THIS TO THIS OH DI BA AMAZING DI BA MADALI LANG GUYS NO SO AYUN LANG GUYS BE CREATIVE AND NEVER STOP DESIGNING I HOPE YOU FIND THIS VIDEO HELPFUL FOLLOW FOR MORE BABYE

Transcript

Guys gusto niyo bang malaman kung paano gawin tong ganitong mga mockups to showcase your funnel design works? Super simple. Let's go. Say for example, published and live na yung funnels or website na-create niyo for your clients, this is what you need to do. Punta kayo sa Google Chrome and i-visit niyo yung website ng client niyo. For example, this one. You need to download a Chrome extension para ma-capture niya yung image ng website, itong full page. Paano siya gawin? Paano siya i-capture lahat? Click niyo lang to, extensions, tapos click niyo manage extensions. Dito sa gilid, i-click niyo yung Chrome Web Store. Dito na page, marami kayong extensions na pwede ma-install to make your work productive and more efficient. But for this video, yung i-search natin is yung Go Full Page. Search. Ayan, yung blue, i-click niyo yan. Tapos i-click niyo tong Add to Chrome. Click Add extension. Install na siya. So saan yan siya makita? Balik kayo dito, diyan sa extensions. Click niyo yan, hanapin niyo yung Go Full Page. Ayan siya oh. Tapos i-pin niyo. Now, balik tayo dun sa website natin, tapos i-click niyo yung Go Full Page na icon. Ayan. As you can see, kina-capture na niya yan yung page. Awesome. Tapos may option kayo here to save this sa PDF or PNG. So right now, PNG yung piliin natin. What we need to do next is i-drag natin tong image dito sa Canva. Ayan, drag and drop. Na siya. Then niyo siya i-crop, tapos make it big. Then duplicate yung full page. From this to this. Oh di ba? Amazing. Yun lang siya guys, di ba madali lang guys no? So ayun lang guys, be creative and never stop designing. I hope you find this video helpful. Follow for more. Babye.