SlideShare a Scribd company logo
1 of 4
Download to read offline
RESEARCH
I began by looking at basic web banner advertisement for computer games.
Successful banner ads lie somewhere between direct marketing and traditional print work. "Good design
and good marketing are totally different," said Kenneth Dotson, Vice President of Marketing with
SportLine USA.
1. Use color.
2. Use animation that doesn't slow downloading of the ad can attract attention.
3. Use keywords.
4. Keep it simple.
5. Keep it relevant.
When executed correctly, banner ads can be a powerful way to drive traffic to your offers. Unfortunately,
many marketers don’t have the time and resources to devote to “correctly executing” banner ad
campaigns. What they need is a formula for designing banner ads that produce results.
In a recent test, our researchers found that by designing a banner ad to accomplish three key objectives,
they were able to drive a 285% increase in conversion on the landing page.
What’s even more fascinating about the test is that the winning banner actually received less clicks than
the competing treatments.
Essentially, the winning banner weeded out unqualified clicks by matching the messaging on the landing
page.
In this Web clinic replay on banner ad design (originally held on August 31, 2011), Dr. Flint McGlaughlin
taught about this discovery in detail, along with the three key objectives every banner ad must
accomplish to drive maximum conversion. In doing so, he also taught the (until now) unpublished
heuristic – or problem-solving thought tool – we use to optimize banner ads.
I Then went on to look at web banners
made for applications and games that
are available to download from the App
Store for Android and Smart phones.
TEXT POSSIBILITIES
DESIGN
When beginning my design I went back to the layout and
background used in the game for a basic design. I then
incorporated the title text and character art from the game and
began some drafts.
728X90
FINAL DESIGN DRAFTS
When designing my final web banners i made sure to keep it a simple
design by including themes form the game giving any viewers of the
advert an idea on what the game is about. I used scenery from the
game which fitted well with the long layout of the banner and text
colours. I have also added additional information (text) which is
quite essential to a web banner plus it gives it an effective Finnish.
468X60
180X150250X250
INITIAL FEEDBACK
The colours work well together and do not over complicate the banners. In the
rectangular web banner the text seems to fill up most of the space allowing for allot
of information to be included, but it also looks very clustered.
The background is very effective being from the original game but when used with
other images it gets slightly to compact and does not leave space for much text.
The addition of the App Store logo fits better in the larger square web banners as it
ads to the simple display, whereas when it is used in smaller banners it is much
harder to notice.
OVERALL
-Use background from game design.
-large title (bold)
-locate the App Store logo.
-When incorporating images don’t oversize.

More Related Content

Similar to Graphic design - web banners

The building blocks of visual hierarchy
The building blocks of visual hierarchyThe building blocks of visual hierarchy
The building blocks of visual hierarchyHalil Eren Çelik
 
Opportunities handout
Opportunities handoutOpportunities handout
Opportunities handoutJonah Adshead
 
5 Hacks to create awesome Presentations
5 Hacks to create awesome Presentations5 Hacks to create awesome Presentations
5 Hacks to create awesome Presentations3sharad
 
Infographics for Fun and Profit - Chris Bennett #df13
Infographics for Fun and Profit - Chris Bennett #df13Infographics for Fun and Profit - Chris Bennett #df13
Infographics for Fun and Profit - Chris Bennett #df1397th Floor
 
Design & Usability Basics
Design & Usability BasicsDesign & Usability Basics
Design & Usability Basicselmorandall
 
Interactive Design Basics
Interactive Design Basics Interactive Design Basics
Interactive Design Basics katy walker
 
How to-create-5-fabulous-infographics-v4
How to-create-5-fabulous-infographics-v4How to-create-5-fabulous-infographics-v4
How to-create-5-fabulous-infographics-v4www.makedigitalwork.com
 
Luke Hohmann's Software Guru 2009 Keynote: Innovation In Software
Luke Hohmann's Software Guru 2009 Keynote: Innovation In SoftwareLuke Hohmann's Software Guru 2009 Keynote: Innovation In Software
Luke Hohmann's Software Guru 2009 Keynote: Innovation In SoftwareEnthiosys Inc
 
TNelson Final Portfolio_VisComm
TNelson Final Portfolio_VisCommTNelson Final Portfolio_VisComm
TNelson Final Portfolio_VisCommtaylorbnelson
 
Leveraging Distributed Tools with Agile Teams
Leveraging Distributed Tools with Agile TeamsLeveraging Distributed Tools with Agile Teams
Leveraging Distributed Tools with Agile TeamsLuke Hohmann
 
Gamification: Integrating gaming into your brand strategy
Gamification: Integrating gaming into your brand strategy Gamification: Integrating gaming into your brand strategy
Gamification: Integrating gaming into your brand strategy TP1
 
How to create high converting landing pages
How to create high converting landing pagesHow to create high converting landing pages
How to create high converting landing pagesLawrence Berezin
 
Advantages of power point infographics
Advantages of power point infographicsAdvantages of power point infographics
Advantages of power point infographicsinfographicly123
 

Similar to Graphic design - web banners (20)

Graphics Design Evaluation
Graphics Design EvaluationGraphics Design Evaluation
Graphics Design Evaluation
 
Marketing plan final
Marketing plan finalMarketing plan final
Marketing plan final
 
The building blocks of visual hierarchy
The building blocks of visual hierarchyThe building blocks of visual hierarchy
The building blocks of visual hierarchy
 
Opportunities handout
Opportunities handoutOpportunities handout
Opportunities handout
 
5 Hacks to create awesome Presentations
5 Hacks to create awesome Presentations5 Hacks to create awesome Presentations
5 Hacks to create awesome Presentations
 
Infographics for Fun and Profit - Chris Bennett #df13
Infographics for Fun and Profit - Chris Bennett #df13Infographics for Fun and Profit - Chris Bennett #df13
Infographics for Fun and Profit - Chris Bennett #df13
 
Design & Usability Basics
Design & Usability BasicsDesign & Usability Basics
Design & Usability Basics
 
Interactive Design Basics
Interactive Design Basics Interactive Design Basics
Interactive Design Basics
 
My poster design
My poster designMy poster design
My poster design
 
How to-create-5-fabulous-infographics-v4
How to-create-5-fabulous-infographics-v4How to-create-5-fabulous-infographics-v4
How to-create-5-fabulous-infographics-v4
 
Luke Hohmann's Software Guru 2009 Keynote: Innovation In Software
Luke Hohmann's Software Guru 2009 Keynote: Innovation In SoftwareLuke Hohmann's Software Guru 2009 Keynote: Innovation In Software
Luke Hohmann's Software Guru 2009 Keynote: Innovation In Software
 
Graphics evaluation pdf
Graphics evaluation pdf Graphics evaluation pdf
Graphics evaluation pdf
 
TNelson Final Portfolio_VisComm
TNelson Final Portfolio_VisCommTNelson Final Portfolio_VisComm
TNelson Final Portfolio_VisComm
 
Leveraging Distributed Tools with Agile Teams
Leveraging Distributed Tools with Agile TeamsLeveraging Distributed Tools with Agile Teams
Leveraging Distributed Tools with Agile Teams
 
Gamification: Integrating gaming into your brand strategy
Gamification: Integrating gaming into your brand strategy Gamification: Integrating gaming into your brand strategy
Gamification: Integrating gaming into your brand strategy
 
How to create high converting landing pages
How to create high converting landing pagesHow to create high converting landing pages
How to create high converting landing pages
 
Advergaming
AdvergamingAdvergaming
Advergaming
 
Evaluation
EvaluationEvaluation
Evaluation
 
Advantages of power point infographics
Advantages of power point infographicsAdvantages of power point infographics
Advantages of power point infographics
 
Unit 15 LO5 PowerPoint
Unit 15 LO5 PowerPointUnit 15 LO5 PowerPoint
Unit 15 LO5 PowerPoint
 

More from Melchiorre Ruvolo (20)

Graphics Design Evaluation and Process
Graphics Design Evaluation and ProcessGraphics Design Evaluation and Process
Graphics Design Evaluation and Process
 
Pixar studio research
Pixar studio researchPixar studio research
Pixar studio research
 
Animation evaluation
Animation evaluationAnimation evaluation
Animation evaluation
 
Graphic design - stickers
Graphic design - stickersGraphic design - stickers
Graphic design - stickers
 
Graphic Design app icon
Graphic Design app iconGraphic Design app icon
Graphic Design app icon
 
Marketing Plan
Marketing PlanMarketing Plan
Marketing Plan
 
Legal Marketing
Legal MarketingLegal Marketing
Legal Marketing
 
Legal marketing
Legal marketingLegal marketing
Legal marketing
 
Google glass
Google glassGoogle glass
Google glass
 
Future trends unit_34
Future trends unit_34Future trends unit_34
Future trends unit_34
 
Page furniture
Page furniturePage furniture
Page furniture
 
Client feedback stickers
Client feedback stickersClient feedback stickers
Client feedback stickers
 
Client feedback app icon
Client feedback app iconClient feedback app icon
Client feedback app icon
 
Client feedback web banners
Client feedback web bannersClient feedback web banners
Client feedback web banners
 
Edited Photos
Edited PhotosEdited Photos
Edited Photos
 
Physics and Dynamics
Physics and DynamicsPhysics and Dynamics
Physics and Dynamics
 
App Design
App DesignApp Design
App Design
 
App Design
App DesignApp Design
App Design
 
Photo Analysis
Photo AnalysisPhoto Analysis
Photo Analysis
 
Brief for Photography
Brief for PhotographyBrief for Photography
Brief for Photography
 

Recently uploaded

Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptxVS Mahajan Coaching Centre
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxSayali Powar
 
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Educationpboyjonauth
 
Biting mechanism of poisonous snakes.pdf
Biting mechanism of poisonous snakes.pdfBiting mechanism of poisonous snakes.pdf
Biting mechanism of poisonous snakes.pdfadityarao40181
 
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdfssuser54595a
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Sapana Sha
 
Class 11 Legal Studies Ch-1 Concept of State .pdf
Class 11 Legal Studies Ch-1 Concept of State .pdfClass 11 Legal Studies Ch-1 Concept of State .pdf
Class 11 Legal Studies Ch-1 Concept of State .pdfakmcokerachita
 
Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentInMediaRes1
 
Blooming Together_ Growing a Community Garden Worksheet.docx
Blooming Together_ Growing a Community Garden Worksheet.docxBlooming Together_ Growing a Community Garden Worksheet.docx
Blooming Together_ Growing a Community Garden Worksheet.docxUnboundStockton
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxGaneshChakor2
 
History Class XII Ch. 3 Kinship, Caste and Class (1).pptx
History Class XII Ch. 3 Kinship, Caste and Class (1).pptxHistory Class XII Ch. 3 Kinship, Caste and Class (1).pptx
History Class XII Ch. 3 Kinship, Caste and Class (1).pptxsocialsciencegdgrohi
 
Pharmacognosy Flower 3. Compositae 2023.pdf
Pharmacognosy Flower 3. Compositae 2023.pdfPharmacognosy Flower 3. Compositae 2023.pdf
Pharmacognosy Flower 3. Compositae 2023.pdfMahmoud M. Sallam
 
Science lesson Moon for 4th quarter lesson
Science lesson Moon for 4th quarter lessonScience lesson Moon for 4th quarter lesson
Science lesson Moon for 4th quarter lessonJericReyAuditor
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxNirmalaLoungPoorunde1
 
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdfEnzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdfSumit Tiwari
 
Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionSafetyChain Software
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxmanuelaromero2013
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Krashi Coaching
 

Recently uploaded (20)

Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
 
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Education
 
Biting mechanism of poisonous snakes.pdf
Biting mechanism of poisonous snakes.pdfBiting mechanism of poisonous snakes.pdf
Biting mechanism of poisonous snakes.pdf
 
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
 
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdfTataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
 
Class 11 Legal Studies Ch-1 Concept of State .pdf
Class 11 Legal Studies Ch-1 Concept of State .pdfClass 11 Legal Studies Ch-1 Concept of State .pdf
Class 11 Legal Studies Ch-1 Concept of State .pdf
 
Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media Component
 
Blooming Together_ Growing a Community Garden Worksheet.docx
Blooming Together_ Growing a Community Garden Worksheet.docxBlooming Together_ Growing a Community Garden Worksheet.docx
Blooming Together_ Growing a Community Garden Worksheet.docx
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptx
 
History Class XII Ch. 3 Kinship, Caste and Class (1).pptx
History Class XII Ch. 3 Kinship, Caste and Class (1).pptxHistory Class XII Ch. 3 Kinship, Caste and Class (1).pptx
History Class XII Ch. 3 Kinship, Caste and Class (1).pptx
 
Pharmacognosy Flower 3. Compositae 2023.pdf
Pharmacognosy Flower 3. Compositae 2023.pdfPharmacognosy Flower 3. Compositae 2023.pdf
Pharmacognosy Flower 3. Compositae 2023.pdf
 
Science lesson Moon for 4th quarter lesson
Science lesson Moon for 4th quarter lessonScience lesson Moon for 4th quarter lesson
Science lesson Moon for 4th quarter lesson
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptx
 
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdfEnzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
 
Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory Inspection
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptx
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
 
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Bikash Puri  Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Bikash Puri  Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
 

Graphic design - web banners

  • 1. RESEARCH I began by looking at basic web banner advertisement for computer games. Successful banner ads lie somewhere between direct marketing and traditional print work. "Good design and good marketing are totally different," said Kenneth Dotson, Vice President of Marketing with SportLine USA. 1. Use color. 2. Use animation that doesn't slow downloading of the ad can attract attention. 3. Use keywords. 4. Keep it simple. 5. Keep it relevant. When executed correctly, banner ads can be a powerful way to drive traffic to your offers. Unfortunately, many marketers don’t have the time and resources to devote to “correctly executing” banner ad campaigns. What they need is a formula for designing banner ads that produce results. In a recent test, our researchers found that by designing a banner ad to accomplish three key objectives, they were able to drive a 285% increase in conversion on the landing page. What’s even more fascinating about the test is that the winning banner actually received less clicks than the competing treatments. Essentially, the winning banner weeded out unqualified clicks by matching the messaging on the landing page. In this Web clinic replay on banner ad design (originally held on August 31, 2011), Dr. Flint McGlaughlin taught about this discovery in detail, along with the three key objectives every banner ad must accomplish to drive maximum conversion. In doing so, he also taught the (until now) unpublished heuristic – or problem-solving thought tool – we use to optimize banner ads. I Then went on to look at web banners made for applications and games that are available to download from the App Store for Android and Smart phones.
  • 2. TEXT POSSIBILITIES DESIGN When beginning my design I went back to the layout and background used in the game for a basic design. I then incorporated the title text and character art from the game and began some drafts.
  • 3. 728X90 FINAL DESIGN DRAFTS When designing my final web banners i made sure to keep it a simple design by including themes form the game giving any viewers of the advert an idea on what the game is about. I used scenery from the game which fitted well with the long layout of the banner and text colours. I have also added additional information (text) which is quite essential to a web banner plus it gives it an effective Finnish. 468X60 180X150250X250
  • 4. INITIAL FEEDBACK The colours work well together and do not over complicate the banners. In the rectangular web banner the text seems to fill up most of the space allowing for allot of information to be included, but it also looks very clustered. The background is very effective being from the original game but when used with other images it gets slightly to compact and does not leave space for much text. The addition of the App Store logo fits better in the larger square web banners as it ads to the simple display, whereas when it is used in smaller banners it is much harder to notice. OVERALL -Use background from game design. -large title (bold) -locate the App Store logo. -When incorporating images don’t oversize.