1. Landing Page Template Desktop (PNG or JPEG format + PSD)

1       Contents   1.   Landing  Page  Template  –  Desktop  (PNG  or  JPEG  format  +  PSD)  .................................................... ...
Author: Eustace Blair
2 downloads 1 Views 2MB Size
1    

 

Contents   1.   Landing  Page  Template  –  Desktop  (PNG  or  JPEG  format  +  PSD)  ....................................................  2   2.   Landing  Page  Specs  –  Desktop  (PNG  or  JPEG  format  +  PSD)  ..........................................................  3   3.   Thankyou  Page  Template  –  Desktop  (PNG  or  JPEG  format  +  PSD)  .................................................  4   4.   Thankyou  Page  Specs  –  Desktop  (PNG  or  JPEG  format  +  PSD)  .......................................................  5   5.   Landing  Page  Template  –  Mobile  (PNG  or  JPEG  format  +  PSD)  ......................................................  6   6.   Landing  Page  Specs  –  Mobile  (PNG  or  JPEG  format  +  PSD)  ............................................................  7   7.   Thankyou  Page  Template  -­‐  Mobile  (PNG  or  JPEG  format  +  PSD)  ...................................................  8   8.   Thankyou  Page  Specs  -­‐  Mobile  (PNG  or  JPEG  format  +  PSD)  ..........................................................  9   9.   Landing  Page  –  Desktop  Example  .................................................................................................  10   10.   Thankyou  Page  –  Desktop  Example  ............................................................................................  11   11.   Landing  Page  –  Mobile  Example  .................................................................................................  12   12.   Thankyou  Page  –  Mobile  Example  .............................................................................................  13    

         

   

Copy  

 

 

Design  

2    

1. Landing  Page  Template  –  Desktop  (PNG  or  JPEG  format  +  PSD)    

     

   

Copy  

 

 

Design  

3    

2. Landing  Page  Specs  –  Desktop  (PNG  or  JPEG  format  +  PSD)     •

(0)  –  Background  image/colour  (all  other  elements  will  be  on  top  of  the  background)   o Guidelines:   a) Must  be  810x890  pixel  dimensions  and  72  DPI   b) Should  be  Simple,  Clear,  Non-­‐intrusive   c) Can  be  an  image  or  a  colour  (if  colour,  supply  hex  code)  



(1)  –Heading  (e.g.  –  Name  the  content!  giveaway)   o Guidelines:   a) Let  the  user  know  the  title  of  the  content  giveaway   b) Company  logo    (Logo  high  up  on  page  allows  for  quick  brand  recognition)  



 (2)  –  Header  images  (These  image  should  be  relevant  to  the  campaign)   o Guidelines:   a) Can  have  multiple  images  here  on  top  of  the  background  layer   b) Must  be  PNG  or  JPEG  format  in  high  quality  with  transparent  background.   c) This  image  should  make  sense  in  regards  to  the  purpose  of  the  app.  



 (3)  –  Content  Details  (What  kind  of  content  is  included  in  the  file  that  they  can  download?)   o Guidelines:   a) Must  include  heading  text  that  stipulates  the  content  in  4-­‐10  words.   b) Must  include  sub-­‐heading  text  that  stipulates  in  detail  what  the  content  offers.   c) Font  should  be  easy  to  read  and  clear.  



(4)  –  Form  Header  (Give  the  user  instructions  i.e  –  ‘download  our  free  eBook’).     o Guidelines:   a) Form  should  always  be  above  the  fold   b) Must  include  heading  text  that  instructs  the  user  on  what  to  do  here.  



(5)  –  Form  image  (Fields  are  exported  as  leads.  Think  of  what  data  you  are  trying  to  gather).     o Must  Include  the  following  fields  on  a  coloured  background  (in  this  order):   a) Name.   b) Email  address.  

o

Can  Include  the  following  optional  fields  (after  the  above):   c) Custom  Field  1  –  Please  define  label  of  field.  (e.g.  Phone)   d) Custom  Field  2  –  Please  define  label  of  field.   e) Custom  Field  3  –  Please  define  label  of  field.  



(6)  –  Call  to  Action  (Direct  the  user  to  submit  their  details,  think  simple  yet  punchy)   o Must  include:   a)

o

Button  image  

Define  the  CTA  terminology  such  as:   b) ‘Download  Now’   c) ‘Find  out  More’   d) ‘Register  Now’  etc.  



 (7)  –  Disclaimer  (Are  there  any  important  conditions  of  the  promo  or  organisation?)   o Guidelines:   a)

Copy  

Disclaimer  Text    

 

Design  

4    

3. Thankyou  Page  Template  –  Desktop  (PNG  or  JPEG  format  +  PSD)      

       

Copy  

 

Design  

5    

4. Thankyou  Page  Specs  –  Desktop  (PNG  or  JPEG  format  +  PSD)     •

(0)  –  Background  image/colour  (all  other  elements  will  be  on  top  of  the  background)   o Guidelines:   a) Must  be  810x890  pixel  dimensions  and  72  DPI   b) Must  match  Landing  page  background   c) Can  be  an  image  or  a  colour  (if  colour,  supply  hex  code)  



(1)  –Heading  (e.g.  –  Name  the  content!  giveaway)   o Guidelines:   a) Let  the  user  know  the  title  of  the  content  giveaway   b) Company  logo    (Logo  high  up  on  page  allows  for  quick  brand  recognition)  



 (2)  –  Header  images  (These  image  should  be  relevant  to  the  campaign)   o Guidelines:   a) Can  have  multiple  images  here  on  top  of  the  background  layer   b) Must  be  PNG  or  JPEG  format  in  high  quality  with  transparent  background.   c) These  images  can  even  be  identical  to  the  landing  page  images  



(3)  –  Thankyou!  (A  line  of  gratitude  for  submitting  your  information)   o Guidelines:   a) Must  include  a  header  style  text  that  says  thankyou  for  …….   b) Font  should  be  easy  to  read  and  clear.  



(4)  –  More  info  (Tell  us  a  little  bit  more  about  the  content/ebook/company)   o Guidelines:   a)



Just  a  couple  of  lines  giving  more  information  here.  

 (5)  –  Call  to  Action  (Direct  the  user  to  follow  the  funnel,  think  simple  yet  punchy)   o Must  include:   a)

o

Button  image  

Define  the  CTA  terminology  such  as:   b) ‘Enquire  now’   c) ‘Find  out  more’   d) ‘Begin  Now’.  



(6)  –  Additional  Information  (Optional  space  as  an  opportunity  to  include  any  additional   information  such  as  a  blurb  about  the  company  or  products)  

             

  Copy  

   

Design  

6    

5. Landing  Page  Template  –  Mobile  (PNG  or  JPEG  format  +  PSD)      

Copy  

 

 

Design  

7    

6. Landing  Page  Specs  –  Mobile  (PNG  or  JPEG  format  +  PSD)     •

(0)  –  Background  image/colour  (all  other  elements  will  be  on  top  of  the  background)   o Guidelines:   a) Must  be  640x1265  pixel  dimensions  and  72  DPI   b) Should  be  Simple,  Clear,  Non-­‐intrusive   c) Can  be  an  image  or  a  colour  (if  colour,  supply  hex  code)  



(1)  –Heading  (e.g.  –  Name  the  content!  giveaway)   o Guidelines:   a) Let  the  user  know  the  title  of  the  content  giveaway   b) Company  logo    (Logo  high  up  on  page  allows  for  quick  brand  recognition)  



 (2)  –  Header  images  (Optional  according  to  appropriateness  and  given  space)   o Guidelines:   a) Can  have  multiple  images  here  on  top  of  the  background  layer   b) Must  be  PNG  or  JPEG  format  in  high  quality  with  transparent  background.   c) This  image  should  make  sense  in  regards  to  the  purpose  of  the  app.  



 (3)  –  Content  Details  (What  kind  of  content  is  included  in  the  file  that  they  can  download?)   o Guidelines:   a) Must  include  heading  text  that  stipulates  the  content  in  4-­‐10  words.   b) Must  include  sub-­‐heading  text  that  stipulates  in  detail  what  the  content  offers.   c) Font  should  be  easy  to  read  and  clear.  



(4)  –  Form  Header  (Give  the  user  instructions  i.e  –  ‘download  our  free  eBook’).     o Guidelines:   a) Form  should  always  be  above  the  fold   b) Must  include  heading  text  that  instructs  the  user  on  what  to  do  here.  



(5)  –  Form  image  (Fields  are  exported  as  leads.  Think  of  what  data  you  are  trying  to  gather).     o Must  Include  the  following  fields  on  a  coloured  background  (in  this  order):   a) Name.   b) Email  address.  

o

Can  Include  the  following  optional  fields  (after  the  above):   c) Custom  Field  1  –  Please  define  label  of  field.  (e.g.  Phone)   d) Custom  Field  2  –  Please  define  label  of  field.   e) Custom  Field  3  –  Please  define  label  of  field.  



(6)  –  Call  to  Action  (Direct  the  user  to  submit  their  details,  think  simple  yet  punchy)   o Must  include:   a)

o

Button  image  

Define  the  CTA  terminology  such  as:   b) ‘Download  Now’   c) ‘Find  out  More’   d) ‘Register  Now’  etc.  



 (7)  –  Disclaimer  (Are  there  any  important  conditions  of  the  promo  or  organisation?)   o Guidelines:   a)

 

Copy  

Disclaimer  Text  

   

Design  

8    

7. Thankyou  Page  Template  -­‐  Mobile  (PNG  or  JPEG  format  +  PSD)            

Copy  

 

 

Design  

9    

8. Thankyou  Page  Specs  -­‐  Mobile  (PNG  or  JPEG  format  +  PSD)     •

(0)  –  Background  image/colour  (all  other  elements  will  be  on  top  of  the  background)   o Guidelines:   a) Must  be  640x850  pixel  dimensions  and  72  DPI   b) Must  match  Landing  page  background   c) Can  be  an  image  or  a  colour  (if  colour,  supply  hex  code)  



(1)  –Heading  (e.g.  –  Name  the  content!  giveaway)   o Guidelines:   a) Let  the  user  know  the  title  of  the  content  giveaway   b) Company  logo    (Logo  high  up  on  page  allows  for  quick  brand  recognition)  



 (2)  –  Header  images  (These  image  should  be  relevant  to  the  campaign)   o Guidelines:   a) Can  have  multiple  images  here  on  top  of  the  background  layer   b) Must  be  PNG  or  JPEG  format  in  high  quality  with  transparent  background.   c) These  images  can  even  be  identical  to  the  landing  page  images  



(3)  –  Thankyou!  (A  line  of  gratitude  for  submitting  your  information)   o Guidelines:   a) Must  include  a  header  style  text  that  says  thankyou  for  …….   b) Font  should  be  easy  to  read  and  clear.  



(4)  –  More  info  (Tell  us  a  little  bit  more  about  the  content/ebook/company)   o Guidelines:   a)



Just  a  couple  of  lines  giving  more  information  here.  

 (5)  –  Call  to  Action  (Direct  the  user  to  follow  the  funnel,  think  simple  yet  punchy)   o Must  include:   a)

o

Button  image  

Define  the  CTA  terminology  such  as:   b) ‘Enquire  now’   c) ‘Find  out  more’   d) ‘Begin  Now’.  



(6)  –  Additional  Information  (Optional  space  as  an  opportunity  to  include  any  additional   information  such  as  a  blurb  about  the  company  or  products)  

             

  Copy  

   

Design  

10    

9. Landing  Page  –  Desktop  Example      

       

 

Copy  

 

Design  

11    

10.

Thankyou  Page  –  Desktop  Example  

 

       

Copy  

 

 

Design  

12    

11.

Landing  Page  –  Mobile  Example  

         

Copy  

 

 

Design  

13    

12.

Thankyou  Page  –  Mobile  Example  

 

 

 

Copy  

 

Design