41

12 Rules to Follow in App Banner Design and Make Your Banner a HIT!

  • Upload
    origzo

  • View
    1.015

  • Download
    1

Embed Size (px)

Citation preview

Page 1: 12 Rules to Follow in App Banner Design and Make Your Banner a HIT!
Page 2: 12 Rules to Follow in App Banner Design and Make Your Banner a HIT!

Beware…Designing for mobile is a challenge!

Page 3: 12 Rules to Follow in App Banner Design and Make Your Banner a HIT!

Why it’s a challenge!

Page 4: 12 Rules to Follow in App Banner Design and Make Your Banner a HIT!

Small Screens

Page 5: 12 Rules to Follow in App Banner Design and Make Your Banner a HIT!

Small Screens

Less attention span of viewers.

Page 6: 12 Rules to Follow in App Banner Design and Make Your Banner a HIT!

You can’t talk muchYou can’t talk

Page 7: 12 Rules to Follow in App Banner Design and Make Your Banner a HIT!

The game depends on user ‘Attention’

IF YOU CATCH IT,YOU GET IT

Page 8: 12 Rules to Follow in App Banner Design and Make Your Banner a HIT!

G

M

A

E

ARE YOU

Page 9: 12 Rules to Follow in App Banner Design and Make Your Banner a HIT!

Hold on for a while!

Answer a few questions

1

2

3

What do you sell?

How will you make your brand stand out?

How will you express your message clearly in visuals and in copy?

Page 10: 12 Rules to Follow in App Banner Design and Make Your Banner a HIT!

CONNECT THE DOTS& get your Photoshop ready!

Page 11: 12 Rules to Follow in App Banner Design and Make Your Banner a HIT!
Page 12: 12 Rules to Follow in App Banner Design and Make Your Banner a HIT!

Pick up pen and paper and write down the required sizes. Understand which is the biggest size

of the banner. Common app banner sizes are…

250x250336x80

200x200

468x60

120x600 160x600

300x250

728x90

Page 13: 12 Rules to Follow in App Banner Design and Make Your Banner a HIT!
Page 14: 12 Rules to Follow in App Banner Design and Make Your Banner a HIT!

Language knowledge

differs in each individual.

So keep it simple.

Page 15: 12 Rules to Follow in App Banner Design and Make Your Banner a HIT!
Page 16: 12 Rules to Follow in App Banner Design and Make Your Banner a HIT!

It grabs the user’s attention and engages them.

To back up your heading, use appropriate fonts and an attractive color combination.

Page 17: 12 Rules to Follow in App Banner Design and Make Your Banner a HIT!
Page 18: 12 Rules to Follow in App Banner Design and Make Your Banner a HIT!

Add

ZINGto your message

don’t go overboard with it.

but remember

Page 19: 12 Rules to Follow in App Banner Design and Make Your Banner a HIT!
Page 20: 12 Rules to Follow in App Banner Design and Make Your Banner a HIT!

USE IMAGES THAT ARE

CONSISTENT WITH YOUR BRAND

AND PRODUCT. IT CATCHES

USER’S ATTENTION

Page 21: 12 Rules to Follow in App Banner Design and Make Your Banner a HIT!
Page 22: 12 Rules to Follow in App Banner Design and Make Your Banner a HIT!

Use facial expressions to capture the emotions.

It must have a strong emotion.

Page 23: 12 Rules to Follow in App Banner Design and Make Your Banner a HIT!

Use a famous face as your brand ambassador

OR

Page 24: 12 Rules to Follow in App Banner Design and Make Your Banner a HIT!

If this is out

just focus on

DON’TWORRY

of your budget,

the next point!

Page 25: 12 Rules to Follow in App Banner Design and Make Your Banner a HIT!
Page 26: 12 Rules to Follow in App Banner Design and Make Your Banner a HIT!

You have a goal to drive .Y.Y .You cant miss to dart it!

This will lead to a higher campaign OI

Page 27: 12 Rules to Follow in App Banner Design and Make Your Banner a HIT!
Page 28: 12 Rules to Follow in App Banner Design and Make Your Banner a HIT!

Background is importantas it affects the visibility of your banner. So, try to make it neat and clean.

Page 29: 12 Rules to Follow in App Banner Design and Make Your Banner a HIT!
Page 30: 12 Rules to Follow in App Banner Design and Make Your Banner a HIT!

100KBThe smaller the file sizes, the better

You can keep your banner file size

for better performance.

your banner will load

Page 31: 12 Rules to Follow in App Banner Design and Make Your Banner a HIT!
Page 32: 12 Rules to Follow in App Banner Design and Make Your Banner a HIT!

Animation attracts user’s eye, that’ why interactive banner ads

greatly outperform the static banners.

Use sliding, fading, blinking text and other motions.

Animation increases the file size of your banner, so plan

accordingly !

Page 33: 12 Rules to Follow in App Banner Design and Make Your Banner a HIT!
Page 34: 12 Rules to Follow in App Banner Design and Make Your Banner a HIT!

BRAND = LOGOis replica of it.is a promise

Page 35: 12 Rules to Follow in App Banner Design and Make Your Banner a HIT!

User recognizes brand by colors, logo, font

colors

logo

Font

Branding

that’s why banner ad must have these.

Page 36: 12 Rules to Follow in App Banner Design and Make Your Banner a HIT!
Page 37: 12 Rules to Follow in App Banner Design and Make Your Banner a HIT!

Clear CTA buttontells the viewers what to do with your banner ad.it must be prominent and must have contrasting colors.

Page 38: 12 Rules to Follow in App Banner Design and Make Your Banner a HIT!

It’s the end. Just Start Designing

Page 39: 12 Rules to Follow in App Banner Design and Make Your Banner a HIT!

http://bit.ly/Appadbannerdesign

This PPT is a synopsis of the blog on the same topic that is available at

If you want detailed information, you are requested to click the

above mentioned link.

Page 40: 12 Rules to Follow in App Banner Design and Make Your Banner a HIT!

Other presentation :

Content Marketing : How It Works for B2B and B2C

Page 41: 12 Rules to Follow in App Banner Design and Make Your Banner a HIT!

THANKSwww.origzo.com +91 (79) 403 - 057 - 87 [email protected]