DIP Essentials+ is your foundation for better funnel design.
Learn the essential principles behind clean and intentional landing pages, including visual hierarchy, layout, spacing, typography, colors, hero sections, and common design mistakes.
You'll also learn how to apply these fundamentals using Canva and Systeme.io through practical examples and guided exercises.
By the end, you'll understand not just how to design a page, but why certain design decisions work.
Course syllabus
Preview the lesson sequence before joining or buying the course.
Lesson 1.1
How To Use These Mini Video Guides + Ebook
Mi, welcome here! Before you dive in, let’s set the flow first. This lesson will help you understand how to use the ebook together with the mini video guides so...
Lesson 1.2
What "Premium Design" Really Means
Mi, bago ka mag design, kailangan muna natin linawin ‘to. Premium design is not about adding more elements. It’s about making better decisions. This video will...
Lesson 2.1
1.1 - Design is Not Decoration
Mi, this lesson is about shifting how you think about design. Hindi siya about pagiging creative or aesthetic. Design is about decision making — ano ang uunahin...
Lesson 2.2
1.2 - "Pwede Na" vs Intentional Design
Mi, this lesson is about the gap between “okay na” and “may plano.” Pareho silang mukhang tapos, pero magkaibang magkaiba ang effect. Intentional design isn’t a...
Lesson 2.3
1.3 - Worksheet Walkthrough: Your Design Wake-Up Call
Mi, this is where everything clicks. Hindi na theory, clarity check muna. This worksheet is your wake up call para makita kung alin ang intentional, at alin ang...
Lesson 2.4
1.4 - Clarity Check: You're Not Bad At Design
Mi, this is a pause moment before you move forward. Hindi na theory, hindi na worksheet, check in lang. This video is here to remind you that you’re not startin...
Lesson 3.1
2.1 - Why Good Offers Still Don’t Convert
Mi, this lesson is the start of your visual hierarchy era. Hindi pa tayo nag aayos ng layout, we’re fixing why people leave. Because even if maganda ang offer m...
Lesson 3.2
2.2 - Isa Lang Ang Bida, Mi!
Mi, this lesson is where visual hierarchy becomes obvious. Hindi pa tayo nag aayos ng buong page — focus lang muna. This is about choosing a leader, para hindi...
Lesson 3.3
2.3 - What Is Visual Hierarchy (Made Simple)
Mi, this lesson explains why the eye moves the way it does. Hindi pa tayo nag aayos ng layout — direction muna. Visual hierarchy is about controlling where the...
Lesson 3.4
2.4 - The 4 Elements of Visual Hierarchy
Mi, this lesson is for moments na alam mong may mali pero di mo ma pinpoint kung alin. Hindi pa tayo nagre redesign, diagnosis muna. These four elements explain...
Lesson 3.5
2.5 - Worksheet Walkthrough: Build Your Premium Hero
Mi, this worksheet exists for one reason: para hindi ka mag design ng hulaan. Hindi pa tayo nagla layout, linaw muna. The hero section sets the tone of the whol...
Lesson 3.6
2.6 – BONUS: Fix That Sabog Section
Mi, quick bonus ‘to. Walang bagong theory. Walang worksheet. Pang rescue lang kapag may section kang “ang gulo pero di ko alam bakit.” CLICK HERE TO ACCESS THE...
Lesson 3.7
2.7 – Clarity Check: Congrats, Foundation Built
Mi, this is a pause moment. Hindi lesson. Hindi worksheet. Quick check in lang bago tayo tumalon sa next chapter. 📝 Notes to Remember Tinapos mo ang foundation...
Lesson 4.1
3.1 – Your Hero Section Is the Front Door
Mi, this lesson sets the tone for everything that follows. Bago tayo mag layout, bago mag design — kailangan malinaw muna kung ano ang role ng hero section. 📝...
Lesson 4.2
3.2 – The 3-Second Clarity Rule
Mi, this is one of the most important rules you’ll ever learn. Hindi design trick. Hindi copy hack. Clarity rule talaga siya. 📝 Notes to Remember May 3 seconds...
Lesson 4.3
3.3 – Headline: Not Poetry, Not A Riddle
Mi, ang headline ang unang binabasa — at kadalasan, huling chance mo para mag stay sila. Hindi siya pang impress. Pang intindi siya. 📝 Notes to Remember Ang he...
Lesson 4.4
3.4 – Subheadline: Support, Not Compete
Mi, kung ang headline ang bida, ang subheadline ay alalay — hindi kaagaw. Hindi siya pampagulo. Pang linaw siya. 📝 Notes to Remember Headline = decision maker...
Lesson 4.5
3.5 – CTA: Wag Kang Mahiya
Mi, malinaw na ang message mo. Ngayon ang tanong — inaaya mo ba talaga sila? Kasi kung hindi obvious ang next step, kahit klaro ang page… titigil pa rin sila. �...
Lesson 4.6
3.6 – Worksheet Walkthrough: Hero Section Clarity
Mi, this worksheet is your moment of truth. Hindi ito pang pressure — pang linaw. Sagutan mo siya habang bukas ang actual hero section mo para real time yung cl...
Lesson 4.7
3.7 – Clarity Check: You're Doing Great!
Mi, this is a pause and acknowledge moment. Hindi lesson. Hindi worksheet. Clarity check lang before tayo mag move on. 📝 Notes to Remember Hindi biro ang ayusi...
Lesson 5.1
4.0 - This Is The Action Chapter
Mi, this chapter is different. Hindi na ‘to pang nood lang. This is where everything you learned actually gets applied. 📝 Notes to Remember This chapter is han...
Lesson 5.2
Meet Our Mock Client: Noema House
Mi, before tayo mag design, kailangan mo muna ng real materials. Ito ang brand assets na parang sinend ng actual client. Gagamitin natin ‘to for practice para h...
Lesson 5.3
NOEMA House Brand Assets Guide
Mi, eto na yung blueprint. Ito yung mga assets na normally sinisend ng client bago ka mag design. Hindi pa tayo nagiging creative dito. Ina absorb muna natin an...
Lesson 5.4
How To Access the BONUS Brand Board Kit
Ito yung brand board kit template na kasama sa ebook and gagamitin natin siya as is for Noema House. This is how you turn brand info into clear design direction...
Lesson 5.5
Brand Board Kit Tutorial (How To Use the BONUS Template)
Mi, dito na tayo sa actual Canva work. This video shows you exactly how to use the Brand Board Kit template at ilagay yung Noema House assets step by step. 📝 W...
Lesson 5.6
Using Canva Brand Kit for Canva Pro Users (Why This Changes Everything)
Mi, this part is for you if gusto mo ng less effort, more consistency. In this video, ipapakita ko kung paano gamitin ang Canva Brand Kit para ilagay ang Noema...
Lesson 5.7
Hero Section Design (Designing With Clarity)
Mi, dito na tayo magde design for real. Hero section muna, kasi ito ang pinaka importanteng part ng landing page. One section. Done properly. 📝 Notes to Rememb...
Lesson 5.8
Finalizing Hero Section (Refining the Hero — spacing, balance, and visual calm)
Mi, tapos na tayo sa pagdesign. Ngayon, pinapakalma na natin ang hero section. Hindi na ito about adding more. Hindi na rin about fixing everything. This is abo...
Lesson 5.9
Landing Page Skeleton Guide (How to Use this BONUS Template)
Mi, this is your shortcut. Hindi mo na kailangang manghula kung ano ang ilalagay sa landing page at saan siya dapat ilagay. This landing page skeleton shows you...
Lesson 5.10
Full Landing Page Design Part 1 (Designing the Core Sections in Canva)
Mi, nasa Canva pa rin tayo. This is still designing the landing page layout, para makita mo muna kung paano siya magmumukhang buo bago pa natin siya i build out...
Lesson 5.11
Full Landing Page Design (Designing the Final Sections in Canva)
Mi, continuation lang tayo. Hindi bagong strategy. Hindi bagong theory. Tinatahi lang natin yung page. This is Part 2 of the full landing page design — still in...
Lesson 5.12
Design-to-Build Workflow a.k.a D2B Workflow (Preparing Canva Assets for Systeme.io)
Mi, welcome to what I personally use in my real projects. I call this the Design to Build Workflow — or D2B Workflow. This is how I go from: 👉 designing freely...
Lesson 5.13
Building the Hero Section in Systeme.io (Applying the D2B Workflow)
Mi, welcome to the build stage. This is where the D2B Workflow finally pays off. May design ka na. May assets ka na. Hindi ka na nangangapa. Now, we’re building...
Lesson 5.14
Building the Credibility & Trust Sections in Systeme.io (Continuing the D2B Workflow)
Mi, tapos na ang hero. Ngayon, papatahimikin na natin ang doubt. Before ka humingi ng commitment, kailangan munang maramdaman ng visitor na: 👉 safe sila dito....
Lesson 5.15
Building the Solution Section in Systeme.io (Clarifying What You Offer Without Selling Hard)
Mi, tapos na ang trust. Ngayon, ipapakilala na natin ang solution. Hindi pa ito bentahan. Hindi pa ito convince mode. This section exists para sabihin: 👉 “Eto...
Lesson 5.16
Building the Primary Offer Section in Systeme.io (Making the Offer Obvious Without Over-selling)
Mi, dito na nagiging concrete ang lahat. Hindi na lang: – “ah okay gets ko” kundi: 👉 “eto pala yung ino offer.” The primary offer section is where clarity turn...
Lesson 5.17
Building the Benefits & Transformation Section in Systeme.io (From “What It Is” to “Why It Matters”)
Mi, dito nagsi shift ang utak ng visitor. Hindi na lang: – “ano ‘to” kundi: 👉 “anong mangyayari sa’kin kapag tinuloy ko ‘to?” This section is where your offer...
Lesson 5.18
Building the Testimonial Section in Systeme.io (Reinforcing Trust Without Overhyping)
Mi, tapos na ang explanation. Tapos na ang offer. Tapos na ang benefits. Ngayon, hahayaan na nating ibang tao ang magsalita. The testimonial section exists para...
Lesson 5.19
Building the FAQ Section in Systeme.io (Removing Doubts Without Killing the Vibe)
Mi, hindi na ‘to about convincing. This section exists para tanggalin ang huling kaba sa utak ng visitor. Yung mga tanong na: – “Wait… pano kung…” – “Okay pero...
Lesson 5.20
Building the Final CTA Section in Systeme.io (Closing the Page With Calm Confidence)
Mi, tapos na ang kwento. Tapos na ang explanation. Tapos na ang reassurance. This is the moment where you simply say: 👉 “If you’re ready — here’s what to do ne...
Lesson 5.21
Optimizing the Hero Section for Mobile (Making the First Impression Work on Small Screens)
Mi, real talk. Kahit gaano kaganda ang hero section mo sa desktop, kung sabog siya sa mobile — talo ka pa rin. And most people? 👉 Mobile muna ang tinitignan. S...
Lesson 5.22
Full Mobile Optimization (Credibility → Final CTA) + My Real-Time Mobile Preview Technique
Mi, eto na yung part na madalas hindi ginagawa — pero sobrang laki ng epekto. Hindi lang hero. Hindi lang first screen. Buong landing page na — mobile view. Fro...
Lesson 5.23
ACTION CHECKPOINT: You Did It! Take the Win. This Deserves to Be Seen!
Mi, bago tayo mag move on — pause muna. Look at what you’ve designed & built. Hindi na ’to theory. Hindi na ’to “someday.” You now have a complete, premium look...
Lesson 6.1
CONGRATULATIONS, YOU DID THIS MI!
Mi, this is not a lesson. This is a moment. Hindi mo lang tinapos ang isang chapter — may nabuo kang system, clarity, at confidence na dati wala. Pause ka muna...
Lesson 6.2
DESIGN IT PREMIUM — QUICK RESET GUIDE (Printable / Downloadable Resource)
Mi, this is your reset button. Hindi mo ‘to kailangan aralin. Hindi mo ‘to kailangan kabisaduhin. Ito yung babalikan mo kapag may araw na: – sabog ang design –...