[go: up one dir, main page]

0% found this document useful (1 vote)
287 views2 pages

Design Hacking Checklist PDF

1. This document provides a checklist of steps for finalizing a website design. It includes steps for answering questions about the business niche and customers, brainstorming competitors, collecting website information, designing a blueprint, building the website, and optimizing elements like structure, content, colors, and spacing. 2. The checklist also includes steps for technical elements like favicon, SEO metadata, affiliate tags, integrations, pop-ups, products, terms & conditions, privacy policy, and publishing. 3. Each step lists explanations and details to ensure all essential elements are considered in the design process.

Uploaded by

Lia Moore
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (1 vote)
287 views2 pages

Design Hacking Checklist PDF

1. This document provides a checklist of steps for finalizing a website design. It includes steps for answering questions about the business niche and customers, brainstorming competitors, collecting website information, designing a blueprint, building the website, and optimizing elements like structure, content, colors, and spacing. 2. The checklist also includes steps for technical elements like favicon, SEO metadata, affiliate tags, integrations, pop-ups, products, terms & conditions, privacy policy, and publishing. 3. Each step lists explanations and details to ensure all essential elements are considered in the design process.

Uploaded by

Lia Moore
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

DESIGN HACKING CHECKLIST 

Go through each step to ensure the finalization of your design. 


 
  COMPLETED  STEP  EXPLANATION  DETAILS 

1    A  ANSWER  1. What niche of business? 


2. Who are you selling to? 
3. What do you want them to 
do? 
 
View the ABCDE + SWIPES Method: 
At A Glance Guide. 

2    B  BRAINSTORM  Brainstorm and research competitors 


for those in same space as answer to 
Q1, Q2, and Q3.   
 
Organize information in ABCDE + 
SWIPES method Google Sheet. 

3    C  COLLECT  Collect information from company and 


web page you’re doing the redesign 
for. 
 
Organize information in ABCDE + 
SWIPES method Google Sheet.  

4    D  DESIGN  Design a blueprint for what you want 


your redesigned web page to look like. 
 
Go through the SWIPES method to 
ensure you gather all essential 
elements. 
 
View the SWIPES Method: At A 
Glance PDF. 

5    E  EXECUTE  Actually build web page in 


Clickfunnels. Go through SWIPES 
method. 
 
See the specifics of the method below. 

6    S  STRUCTURE  ● Sections 
● Rows 
● Elements 

7    W  WORDS  ● Font type 


● Font style 
● Font size 

8    I  IMAGES  ● Background images 


● Foreground images 

9    P  PAINT  ● Background colors 


● Foreground colors 
● Font colors 
10    E  ENERGY  ● Buttons 
● Input rows 
● Videos 
● Hyperlinks 
● Others 

11    S  SPACING  ● Row width 


● Row orientation 
● Row spacing 
● Image size 
● Final tweaks 

12    Favicon  Image in web browser  Extract using Google URL formula. 
tag   
Details in SWIPES Method: 
Step-By-Step Guide. 

13    SEO Meta Data  What appears when  Update in SETTINGS > SEO META 
you share URL  DATA section of Clickfunnels. 

14    CF Affiliate Tag  To receive CF affiliate  Update in SETTINGS > GENERAL 


commissions  section of Clickfunnels. 

15    Integrations  Email, webinar  Update in SETTINGS > 


registrations  INTEGRATIONS section of 
Clickfunnels. 
 
Learn more in “Clickfunnels Made 
Easy” course in Bonus Section. 

16    Pop-Up  Page element often  Edit in POP-UP > EDIT POP-UP 
used to gather  section of Clickfunnels. 
subscribers 

17    Product  Pricing, purchase  Update in Funnel Settings of 


confirmation  Clickfunnels. 
 
Learn more in “Clickfunnels Made 
Easy” course in Bonus Section. 

18    Terms & Conditions  Needed for some  Add to necessary pages. 
pages 

19    Privacy Policy  Needed for some  Add to necessary pages. 


pages 

20    Optimize for mobile  How you web page  Click the MOBILE ICON in the header 
looks on a mobile  to edit page as it appears on mobile 
phone  phones. 
 
Use RIGHT CLICK + INSPECT to view 
how pages appear on mobile phones. 

21    Publish  Publishing page to the  Learn more in “Clickfunnels Made 


web  Easy” course in Bonus Section. 

You might also like