{"id":12800,"date":"2024-12-20T06:56:26","date_gmt":"2024-12-20T06:56:26","guid":{"rendered":"https:\/\/www.chittlesoft.com\/blog\/?post_type=web-story&#038;p=12800"},"modified":"2024-12-20T08:40:33","modified_gmt":"2024-12-20T08:40:33","slug":"5-negative-outcomes-of-poor-homepage-banner-design","status":"publish","type":"web-story","link":"https:\/\/www.chittlesoft.com\/blog\/web-stories\/5-negative-outcomes-of-poor-homepage-banner-design\/","title":{"rendered":"5 Negative Outcomes of Poor Homepage Banner Design"},"content":{"rendered":"<p><html amp=\"\" lang=\"en\"><head><meta charSet=\"utf-8\"\/><meta name=\"viewport\" content=\"width=device-width,minimum-scale=1,initial-scale=1\"\/><script async=\"\" src=\"https:\/\/cdn.ampproject.org\/v0.js\"><\/script><script async=\"\" src=\"https:\/\/cdn.ampproject.org\/v0\/amp-story-1.0.js\" custom-element=\"amp-story\"><\/script><link href=\"https:\/\/fonts.googleapis.com\/css2?display=swap&amp;family=Roboto%3Aital%2Cwght%400%2C400%3B0%2C700%3B1%2C400\" rel=\"stylesheet\"\/>\n<style amp-boilerplate=\"\">body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}<\/style>\n<p><noscript><\/p>\n<style amp-boilerplate=\"\">body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}<\/style>\n<p><\/noscript><\/p>\n<style amp-custom=\"\">\n              h1, h2, h3 { font-weight: normal; }<\/p>\n<p>              amp-story-page {\n                background-color: #131516;\n              }<\/p>\n<p>              amp-story-grid-layer {\n                overflow: visible;\n              }<\/p>\n<p>              @media (max-aspect-ratio: 9 \/ 16)  {\n                @media (min-aspect-ratio: 320 \/ 678) {\n                  amp-story-grid-layer.grid-layer {\n                    margin-top: calc((100% \/ 0.5625 - 100% \/ 0.6666666666666666) \/ 2);\n                  }\n                }\n              }<\/p>\n<p>              @media not all and (min-resolution:.001dpcm) {\n                @media {\n                  p.text-wrapper > span {\n                    font-size: calc(100% - 0.5px);\n                  }\n                }\n              }<\/p>\n<p>              .page-fullbleed-area,\n              .page-background-overlay-area {\n                position: absolute;\n                overflow: hidden;\n                width: 100%;\n                left: 0;\n                height: calc(1.1851851851851851 * 100%);\n                top: calc((1 - 1.1851851851851851) * 100% \/ 2);\n              }<\/p>\n<p>              .element-overlay-area {\n                position: absolute;\n                width: 100%;\n                height: 100%;\n                top: 0;\n                left: 0;\n              }<\/p>\n<p>              .page-safe-area {\n                overflow: visible;\n                position: absolute;\n                top: 0;\n                bottom: 0;\n                left: 0;\n                right: 0;\n                width: 100%;\n                height: calc(0.84375 * 100%);\n                margin: auto 0;\n              }<\/p>\n<p>              .mask {\n                position: absolute;\n                overflow: hidden;\n              }<\/p>\n<p>              .fill {\n                position: absolute;\n                top: 0;\n                left: 0;\n                right: 0;\n                bottom: 0;\n                margin: 0;\n              }<\/p>\n<p>              @media (prefers-reduced-motion: no-preference) {\n                .animation-wrapper {\n                  opacity: var(--initial-opacity);\n                  transform: var(--initial-transform);\n                }\n              }<\/p>\n<p>              amp-story-grid-layer.align-bottom {\n                align-content: end;\n                padding: 0;\n                \/*\n                  AMP CTA Layer will exactly occupy 74px regardless of any device.\n                  To space out captions 74px from the BOTTOM (AMP CTA Layer),\n                  74px from the TOP should also be spaced out and thus: 2 * 74px\n                  will be the desired max-height.\n                *\/\n                max-height: calc(100vh - (2 * 74px));\n              }<\/p>\n<p>              .captions-area {\n                padding: 0 32px 0;\n              }<\/p>\n<p>              amp-story-captions {\n                margin-bottom: 16px;\n                text-align: center;\n              }<\/p>\n<p>              amp-story-audio-sticker {\n                height: 100%;\n              }<\/p>\n<p>              .audio-sticker {\n                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;\n              }\n              <\/style>\n<p><meta name=\"web-stories-replace-head-start\"\/><title>5 Negative Outcomes of Poor Homepage Banner Design<\/title><link rel=\"canonical\" href=\"https:\/\/www.chittlesoft.com\/blog\/web-stories\/5-negative-outcomes-of-poor-homepage-banner-design\/\"\/><meta name=\"web-stories-replace-head-end\"\/><\/head><body><amp-story standalone=\"\" publisher=\"Chittlesoft\" publisher-logo-src=\"https:\/\/www.chittlesoft.com\/blog\/wp-content\/uploads\/2022\/05\/Chittlesoft-logo-01-2.png\" title=\"5 Negative Outcomes of Poor Homepage Banner Design\" poster-portrait-src=\"https:\/\/www.chittlesoft.com\/blog\/wp-content\/uploads\/2024\/12\/Web_story_5.jpg\"><amp-story-page id=\"14f1d556-ba3e-4304-9c2c-5c3f370e6afc\" auto-advance-after=\"7s\"><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#0091ca\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-5120650b-3c64-494c-95f7-b4362df91a98\">\n<div class=\"fill\" style=\"will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:11.65049%;top:8.57605%;width:81.5534%;height:20.38835%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0% 0% 0% 0% \/ 0% 0% 0% 0%\" id=\"el-b7bd7a02-da3e-444f-af04-ef6f4544bd4f\">\n<p class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:0;font-family:&quot;Roboto&quot;,&quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,sans-serif;font-size:0.485437em;line-height:calc(1.1em + 0.2666669413332729em);text-align:center;padding:0;color:#000000;background-color:#fff;background:none\"><span style=\"display:block;position:relative;left:0;top:0;margin:0.3208705357142857% 0;-webkit-box-decoration-break:clone;box-decoration-break:clone\"><span style=\"background-color:#fff;-webkit-box-decoration-break:clone;box-decoration-break:clone;position:relative;padding:1.1904761904761905% 2.380952380952381%;text-align:center;border-radius:0px 0px 0px 0px;color:transparent\"><span style=\"font-weight: 700\">5 Negative Outcomes of Poor Homepage Banner Design<\/span><\/span><\/span><\/p>\n<p class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:0;font-family:&quot;Roboto&quot;,&quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,sans-serif;font-size:0.485437em;line-height:calc(1.1em + 0.2666669413332729em);text-align:center;padding:0;color:#000000;background-color:#fff;background:none;position:absolute;top:0;left:0;right:0\" aria-hidden=\"true\"><span style=\"display:block;position:relative;left:0;top:0;margin:0.3208705357142857% 0;-webkit-box-decoration-break:clone;box-decoration-break:clone\"><span style=\"background-color:#fff;-webkit-box-decoration-break:clone;box-decoration-break:clone;position:relative;padding:1.1904761904761905% 2.380952380952381%;text-align:center;border-radius:0px 0px 0px 0px;background:none\"><span style=\"font-weight: 700; color: #264156\">5 Negative Outcomes of Poor Homepage Banner Design<\/span><\/span><\/span><\/p>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:16.74757%;top:28.9644%;width:71.60194%;height:68.28479%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-f7729d29-261d-41ee-86cb-13b7bb93215b\">\n<div style=\"position:absolute;width:107.33006%;height:100%;left:-3.66503%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/www.chittlesoft.com\/blog\/wp-content\/uploads\/2024\/12\/Web_story_5.jpg\" alt=\"homepage banner design\" srcSet=\"https:\/\/www.chittlesoft.com\/blog\/wp-content\/uploads\/2024\/12\/Web_story_5.jpg 640w,https:\/\/www.chittlesoft.com\/blog\/wp-content\/uploads\/2024\/12\/Web_story_5-450x595.jpg 450w,https:\/\/www.chittlesoft.com\/blog\/wp-content\/uploads\/2024\/12\/Web_story_5-225x300.jpg 225w,https:\/\/www.chittlesoft.com\/blog\/wp-content\/uploads\/2024\/12\/Web_story_5-150x200.jpg 150w\" sizes=\"(min-width: 1024px) 32vh, 72vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><\/amp-story-page><amp-story-page id=\"66f978ae-cd61-476f-8c06-fbe79179c2d6\" auto-advance-after=\"7s\"><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#fff\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-bfffa10b-6e01-4eac-bc59-79fe7bb08044\">\n<div class=\"fill\" style=\"will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-25.24272%;width:100%;height:133.81877%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-4557045d-1916-4af3-b97f-7861c20780ef\">\n<div class=\"fill\" style=\"background-color:#c1ddeb;will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:11.65049%;top:15.85761%;width:76.69903%;height:67.63754%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.6329113924050633% 0.6329113924050633% 0.6329113924050633% 0.6329113924050633% \/ 0.4784688995215311% 0.4784688995215311% 0.4784688995215311% 0.4784688995215311%\" id=\"el-4b2cc9af-d621-4a98-95e0-e5d2c1c00ec4\">\n<h2 class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.15575553797468356% 0;font-family:&quot;Roboto&quot;,&quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,sans-serif;font-size:0.566343em;line-height:1.2;text-align:center;padding:0;color:#000000\"><span>Poor banner design could be impacting your business&#8217;s online success and customer engagement.&nbsp;<\/p>\n<p>Here\u2019s how<\/p>\n<p>\u2192<\/span><\/h2>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><\/amp-story-page><amp-story-page id=\"ada64d92-4da7-42ec-939a-c4a167687b76\" auto-advance-after=\"7s\"><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#fff\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-a72dc966-c674-4c99-b6be-8a6a1d1ebba3\">\n<div class=\"fill\" style=\"will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-25.24272%;width:100%;height:133.81877%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-cf7dcc46-8987-4b76-bbba-681ddcc34e7e\">\n<div class=\"fill\" style=\"background-color:#c1ddeb;will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:11.65049%;top:9.2233%;width:76.69903%;height:81.5534%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.6329113924050633% 0.6329113924050633% 0.6329113924050633% 0.6329113924050633% \/ 0.3968253968253968% 0.3968253968253968% 0.3968253968253968% 0.3968253968253968%\" id=\"el-0775491b-dd00-4f60-8ac8-39b99553ae41\">\n<h2 class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.15575553797468356% 0;font-family:&quot;Roboto&quot;,&quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,sans-serif;font-size:0.566343em;line-height:1.2;text-align:center;padding:0;color:#000000\"><span><span style=\"font-weight: 700; text-decoration: underline; color: #0044c9\">1. Poor first impressions<\/span><br \/>\n<span style=\"font-weight: 700\"><br \/>\n<\/span> Mismatched, off-brand colors and confusing layouts can make your homepage look cluttered and unprofessional, deterring potential customers.<\/span><\/h2>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><\/amp-story-page><amp-story-page id=\"4c70f268-ab22-46c7-8864-6ae964351d54\" auto-advance-after=\"7s\"><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#fff\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-6a1e4432-6427-4848-b781-a5d331ff2f41\">\n<div class=\"fill\" style=\"will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-25.24272%;width:100%;height:133.81877%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-63daa6e6-d07f-4813-95e1-f59796fddf12\">\n<div class=\"fill\" style=\"background-color:#c1ddeb;will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:11.65049%;top:9.2233%;width:76.69903%;height:67.63754%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.6329113924050633% 0.6329113924050633% 0.6329113924050633% 0.6329113924050633% \/ 0.4784688995215311% 0.4784688995215311% 0.4784688995215311% 0.4784688995215311%\" id=\"el-d87fc925-5132-4a2a-b3cf-496c02dd20be\">\n<h2 class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.15575553797468356% 0;font-family:&quot;Roboto&quot;,&quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,sans-serif;font-size:0.566343em;line-height:1.2;text-align:center;padding:0;color:#000000\"><span><span style=\"font-weight: 700; text-decoration: underline; color: #0044c9\">2. Low conversion rates<\/span><br \/>\n<span style=\"font-weight: 700\"><br \/>\n<\/span> Poor typography and ineffective CTA button text and design can make it difficult for visitors to know what to do next.<\/span><\/h2>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><\/amp-story-page><amp-story-page id=\"26374eba-e46e-4383-85e4-23fc4ef48b57\" auto-advance-after=\"7s\"><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#fff\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-28b6920b-6485-49bd-8b64-31968e48732a\">\n<div class=\"fill\" style=\"will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-25.24272%;width:100%;height:133.81877%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-322d118b-d599-4ddb-af51-0ba5cb487655\">\n<div class=\"fill\" style=\"background-color:#c1ddeb;will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:11.65049%;top:9.2233%;width:76.69903%;height:74.91909%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.6329113924050633% 0.6329113924050633% 0.6329113924050633% 0.6329113924050633% \/ 0.4319654427645789% 0.4319654427645789% 0.4319654427645789% 0.4319654427645789%\" id=\"el-7e1665a0-0d3c-4651-a0ba-aa102e19c0b4\">\n<h2 class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.15575553797468356% 0;font-family:&quot;Roboto&quot;,&quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,sans-serif;font-size:0.566343em;line-height:1.2;text-align:center;padding:0;color:#000000\"><span><span style=\"font-weight: 700; text-decoration: underline; color: #0044c9\">3. High bounce rates<\/span><br \/>\n<span style=\"font-weight: 700\"><br \/>\n<\/span> Slow loading images or excessive multimedia that affects page speed can frustrate users, causing them to leave the site quickly.<\/span><\/h2>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><\/amp-story-page><amp-story-page id=\"c2d0b547-3a81-4618-a3ff-c12b4ff688e5\" auto-advance-after=\"7s\"><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#fff\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-8b6876ec-7598-4ddf-a911-6926b1f2ae92\">\n<div class=\"fill\" style=\"will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-25.24272%;width:100%;height:133.81877%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-064cdc80-952b-47e1-a496-35b2b1c414b0\">\n<div class=\"fill\" style=\"background-color:#c1ddeb;will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:11.65049%;top:9.2233%;width:76.69903%;height:74.91909%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.6329113924050633% 0.6329113924050633% 0.6329113924050633% 0.6329113924050633% \/ 0.4319654427645789% 0.4319654427645789% 0.4319654427645789% 0.4319654427645789%\" id=\"el-66ef2893-4615-4dc4-9e0a-a99086519c51\">\n<h2 class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.15575553797468356% 0;font-family:&quot;Roboto&quot;,&quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,sans-serif;font-size:0.566343em;line-height:1.2;text-align:center;padding:0;color:#000000\"><span><span style=\"font-weight: 700; text-decoration: underline; color: #0044c9\">4. Brand perception damage<\/span><br \/>\n<span style=\"font-weight: 700\"><br \/>\n<\/span> Inconsistent branding and low-quality graphics can give visitors a negative impression of your business, undermining trust and credibility.<\/span><\/h2>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><\/amp-story-page><amp-story-page id=\"4f749450-89db-4527-abc1-1badd5fffb15\" auto-advance-after=\"7s\"><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#fff\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-e1f35774-6aef-4513-9d33-0dd9d2549c46\">\n<div class=\"fill\" style=\"will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-25.24272%;width:100%;height:133.81877%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-100ae436-d071-49fc-b3fa-91c2b9fbbe6f\">\n<div class=\"fill\" style=\"background-color:#c1ddeb;will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:11.65049%;top:9.2233%;width:76.69903%;height:81.5534%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.6329113924050633% 0.6329113924050633% 0.6329113924050633% 0.6329113924050633% \/ 0.3968253968253968% 0.3968253968253968% 0.3968253968253968% 0.3968253968253968%\" id=\"el-f282f904-b1f7-4105-93b6-9cc1a93db03e\">\n<h2 class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.15575553797468356% 0;font-family:&quot;Roboto&quot;,&quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,sans-serif;font-size:0.566343em;line-height:1.2;text-align:center;padding:0;color:#000000\"><span><span style=\"font-weight: 700; text-decoration: underline; color: #0044c9\">5. Competitive disadvantage<\/span><br \/>\n<span style=\"font-weight: 700\"><br \/>\n<\/span> Lacking visual appeal or innovation compared to competitors&#8217; well-designed banners can make your site appear less attractive to your target audience.<\/span><\/h2>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><\/amp-story-page><amp-story-page id=\"7693c072-abef-43a0-9214-eec53fe03e63\" auto-advance-after=\"7s\"><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#fff\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-f02ea2dd-aa9a-45f1-b73d-9ed36178efb3\">\n<div class=\"fill\" style=\"will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-25.24272%;width:100%;height:133.81877%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-f492361e-5416-4382-bb40-4ae304d6af1c\">\n<div class=\"fill\" style=\"background-color:#c1ddeb;will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:11.65049%;top:9.2233%;width:76.69903%;height:74.91909%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.6329113924050633% 0.6329113924050633% 0.6329113924050633% 0.6329113924050633% \/ 0.4319654427645789% 0.4319654427645789% 0.4319654427645789% 0.4319654427645789%\" id=\"el-8fbca733-f450-4242-a284-288696fb88c4\">\n<h2 class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.15575553797468356% 0;font-family:&quot;Roboto&quot;,&quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,sans-serif;font-size:0.566343em;line-height:1.2;text-align:center;padding:0;color:#000000\"><span>Ignoring your homepage banner&#8217;s design can significantly impact your web presence and business&#8217;s financial health, highlighting the importance of an engaging and effective design.<\/span><\/h2>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><\/amp-story-page><amp-story-page id=\"c87941fc-cc9c-43b6-b58b-4a02b80b98b1\" auto-advance-after=\"7s\"><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#fff\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-207faaf9-2601-42f7-8eb2-9758e5622ae9\">\n<div class=\"fill\" style=\"will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-25.24272%;width:100%;height:133.81877%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-148e9b5b-7261-4697-a996-e2b4636eb220\">\n<div class=\"fill\" style=\"background-color:#c1ddeb;will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:11.65049%;top:9.2233%;width:76.69903%;height:69.7411%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.6329113924050633% 0.6329113924050633% 0.6329113924050633% 0.6329113924050633% \/ 0.46403712296983757% 0.46403712296983757% 0.46403712296983757% 0.46403712296983757%\" id=\"el-bc2eaa7d-1f7d-4c9c-bfe0-1386889c8214\"><a href=\"https:\/\/www.chittlesoft.com\/blog\/could-your-homepage-banner-design-be-better-try-these-tips\/\" data-tooltip-icon=\"https:\/\/www.chittlesoft.com\/blog\/wp-content\/uploads\/2024\/10\/Blog-thumbnail-image-370X215.jpg\" data-tooltip-text=\"Homepage Banner Design be Better? Try These Tips | Chittlesoft\" target=\"_blank\" rel=\"noreferrer\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0\"><\/p>\n<h1 class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.17800632911392406% 0;font-family:&quot;Roboto&quot;,&quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,sans-serif;font-size:0.647249em;line-height:1.2;text-align:center;padding:0;color:#000000\"><span><span style=\"font-style: italic; color: #0044c9\">To make a first impression that gets results, read our 7 tips for better homepage banner design:<\/span><\/p>\n<p><span style=\"font-style: italic; color: #0044c9\">Read More<\/span><\/span><\/h1>\n<p><\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><\/amp-story-page><\/amp-story><\/body><\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>5 Negative Outcomes of Poor Homepage Banner Design 5 Negative Outcomes of Poor Homepage Banner Design 5 Negative Outcomes of Poor Homepage Banner Design Poor banner design could be impacting your business&#8217;s online success and customer engagement.&nbsp; Here\u2019s how \u2192 1. Poor first impressions Mismatched, off-brand colors and confusing layouts can make your homepage look [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":12801,"template":"","meta":{"web_stories_publisher_logo":8000,"web_stories_poster":[],"web_stories_products":[],"footnotes":""},"web_story_category":[],"web_story_tag":[],"class_list":["post-12800","web-story","type-web-story","status-publish","has-post-thumbnail","hentry"],"story_data":{"version":47,"pages":[{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"id":"5120650b-3c64-494c-95f7-b4362df91a98","type":"shape"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"HIGHLIGHT","font":{"family":"Roboto"},"fontSize":30,"backgroundColor":{"color":{"r":255,"g":255,"b":255}},"lineHeight":1.1,"textAlign":"center","padding":{"locked":true,"hasHiddenPadding":true,"horizontal":8,"vertical":4},"content":"<span style=\"font-weight: 700; color: #264156\">5 Negative Outcomes of Poor Homepage Banner Design<\/span>","borderRadius":{"locked":true,"topLeft":0,"topRight":0,"bottomRight":0,"bottomLeft":0},"x":48,"y":53,"width":336,"height":126,"id":"b7bd7a02-da3e-444f-af04-ef6f4544bd4f","type":"text","tagName":"p","marginOffset":-1.9406249999999972},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":false,"scale":100,"focalX":50,"focalY":50,"resource":{"type":"image","mimeType":"image\/jpeg","width":640,"height":853,"sizes":{"medium":{"file":"Web_story_5-225x300.jpg","width":225,"height":300,"filesize":11031,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.chittlesoft.com\/blog\/wp-content\/uploads\/2024\/12\/Web_story_5-225x300.jpg"},"thumbnail":{"file":"Web_story_5-150x150.jpg","width":150,"height":150,"filesize":5427,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.chittlesoft.com\/blog\/wp-content\/uploads\/2024\/12\/Web_story_5-150x150.jpg"},"ultp_layout_landscape_large":{"file":"Web_story_5-640x800.jpg","width":640,"height":800,"filesize":60455,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.chittlesoft.com\/blog\/wp-content\/uploads\/2024\/12\/Web_story_5-640x800.jpg"},"ultp_layout_landscape":{"file":"Web_story_5-640x570.jpg","width":640,"height":570,"filesize":52536,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.chittlesoft.com\/blog\/wp-content\/uploads\/2024\/12\/Web_story_5-640x570.jpg"},"ultp_layout_portrait":{"file":"Web_story_5-600x853.jpg","width":600,"height":853,"filesize":59856,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.chittlesoft.com\/blog\/wp-content\/uploads\/2024\/12\/Web_story_5-600x853.jpg"},"ultp_layout_square":{"file":"Web_story_5-600x600.jpg","width":600,"height":600,"filesize":46697,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.chittlesoft.com\/blog\/wp-content\/uploads\/2024\/12\/Web_story_5-600x600.jpg"},"neeon-size1":{"file":"Web_story_5-640x700.jpg","width":640,"height":700,"filesize":58102,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.chittlesoft.com\/blog\/wp-content\/uploads\/2024\/12\/Web_story_5-640x700.jpg"},"neeon-size2":{"file":"Web_story_5-640x520.jpg","width":640,"height":520,"filesize":49774,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.chittlesoft.com\/blog\/wp-content\/uploads\/2024\/12\/Web_story_5-640x520.jpg"},"neeon-size3":{"file":"Web_story_5-551x431.jpg","width":551,"height":431,"filesize":35429,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.chittlesoft.com\/blog\/wp-content\/uploads\/2024\/12\/Web_story_5-551x431.jpg"},"neeon-size4":{"file":"Web_story_5-480x504.jpg","width":480,"height":504,"filesize":33112,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.chittlesoft.com\/blog\/wp-content\/uploads\/2024\/12\/Web_story_5-480x504.jpg"},"neeon-size5":{"file":"Web_story_5-537x512.jpg","width":537,"height":512,"filesize":38295,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.chittlesoft.com\/blog\/wp-content\/uploads\/2024\/12\/Web_story_5-537x512.jpg"},"neeon-size6":{"file":"Web_story_5-450x595.jpg","width":450,"height":595,"filesize":33239,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.chittlesoft.com\/blog\/wp-content\/uploads\/2024\/12\/Web_story_5-450x595.jpg"},"neeon-size7":{"file":"Web_story_5-160x117.jpg","width":160,"height":117,"filesize":5038,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.chittlesoft.com\/blog\/wp-content\/uploads\/2024\/12\/Web_story_5-160x117.jpg"},"neeon-size8":{"file":"Web_story_5-200x200.jpg","width":200,"height":200,"filesize":8065,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.chittlesoft.com\/blog\/wp-content\/uploads\/2024\/12\/Web_story_5-200x200.jpg"},"neeon-size9":{"file":"Web_story_5-640x600.jpg","width":640,"height":600,"filesize":53168,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.chittlesoft.com\/blog\/wp-content\/uploads\/2024\/12\/Web_story_5-640x600.jpg"},"neeon-size10":{"file":"Web_story_5-220x175.jpg","width":220,"height":175,"filesize":8369,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.chittlesoft.com\/blog\/wp-content\/uploads\/2024\/12\/Web_story_5-220x175.jpg"},"web-stories-publisher-logo":{"file":"Web_story_5-96x96.jpg","width":96,"height":96,"filesize":2952,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.chittlesoft.com\/blog\/wp-content\/uploads\/2024\/12\/Web_story_5-96x96.jpg"},"web-stories-thumbnail":{"file":"Web_story_5-150x200.jpg","width":150,"height":200,"filesize":6036,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.chittlesoft.com\/blog\/wp-content\/uploads\/2024\/12\/Web_story_5-150x200.jpg"},"full":{"file":"Web_story_5.jpg","width":640,"height":853,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.chittlesoft.com\/blog\/wp-content\/uploads\/2024\/12\/Web_story_5.jpg"}},"isPlaceholder":false,"isExternal":false,"needsProxy":false,"baseColor":"#c3bcef","blurHash":"UoI=7yI8n|%M_4etsmt6IXxuoMRjIwtPWXRi","creationDate":"2024-12-20T06:53:57","src":"https:\/\/www.chittlesoft.com\/blog\/wp-content\/uploads\/2024\/12\/Web_story_5.jpg","id":12801,"alt":"homepage banner design","local":false,"provider":"local"},"type":"image","x":69,"y":179,"width":295,"height":422,"mask":{"type":"rectangle","showInLibrary":true,"name":"Rectangle","path":"M 0,0 1,0 1,1 0,1 0,0 Z","ratio":1,"supportsBorder":true},"id":"f7729d29-261d-41ee-86cb-13b7bb93215b"}],"animations":[],"backgroundColor":{"color":{"r":0,"g":145,"b":202}},"type":"page","id":"14f1d556-ba3e-4304-9c2c-5c3f370e6afc","pageTemplateType":null},{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"type":"shape","id":"bfffa10b-6e01-4eac-bc59-79fe7bb08044"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":false,"backgroundColor":{"color":{"r":193,"g":221,"b":235}},"type":"shape","x":0,"y":-156,"width":412,"height":827,"mask":{"type":"rectangle"},"id":"4557045d-1916-4af3-b97f-7861c20780ef"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Roboto"},"fontSize":35,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.2,"textAlign":"center","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"content":"Poor banner design could be impacting your business's online success and customer engagement.&nbsp;\n\nHere\u2019s how\n\n\u2192","x":48,"y":98,"width":316,"borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"type":"text","height":418,"id":"4b2cc9af-d621-4a98-95e0-e5d2c1c00ec4","marginOffset":0.7875000000000014}],"animations":[],"backgroundColor":{"color":{"r":255,"g":255,"b":255}},"type":"page","id":"66f978ae-cd61-476f-8c06-fbe79179c2d6","pageTemplateType":"steps","groups":{"1d1b6c99-ad82-4fa0-8fa7-6f213ef06c6c":{"name":"Header","isLocked":false,"isCollapsed":true}}},{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"id":"a72dc966-c674-4c99-b6be-8a6a1d1ebba3","type":"shape"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":false,"backgroundColor":{"color":{"r":193,"g":221,"b":235}},"x":0,"y":-156,"width":412,"height":827,"mask":{"type":"rectangle"},"id":"cf7dcc46-8987-4b76-bbba-681ddcc34e7e","type":"shape"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Roboto"},"fontSize":35,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.2,"textAlign":"center","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"content":"<span style=\"font-weight: 700; text-decoration: underline; color: #0044c9\">1. Poor first impressions<\/span>\n<span style=\"font-weight: 700\">\n<\/span> Mismatched, off-brand colors and confusing layouts can make your homepage look cluttered and unprofessional, deterring potential customers.","x":48,"y":57,"width":316,"borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"height":504,"id":"0775491b-dd00-4f60-8ac8-39b99553ae41","marginOffset":0.7875000000000014,"type":"text"}],"backgroundColor":{"color":{"r":255,"g":255,"b":255}},"animations":[],"type":"page","id":"ada64d92-4da7-42ec-939a-c4a167687b76","pageTemplateType":"steps","groups":{"1d1b6c99-ad82-4fa0-8fa7-6f213ef06c6c":{"name":"Header","isLocked":false,"isCollapsed":true}}},{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"id":"6a1e4432-6427-4848-b781-a5d331ff2f41","type":"shape"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":false,"backgroundColor":{"color":{"r":193,"g":221,"b":235}},"x":0,"y":-156,"width":412,"height":827,"mask":{"type":"rectangle"},"id":"63daa6e6-d07f-4813-95e1-f59796fddf12","type":"shape"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Roboto"},"fontSize":35,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.2,"textAlign":"center","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"content":"<span style=\"font-weight: 700; text-decoration: underline; color: #0044c9\">2. Low conversion rates<\/span>\n<span style=\"font-weight: 700\">\n<\/span> Poor typography and ineffective CTA button text and design can make it difficult for visitors to know what to do next.","x":48,"y":57,"width":316,"borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"height":418,"id":"d87fc925-5132-4a2a-b3cf-496c02dd20be","marginOffset":0.7875000000000014,"type":"text"}],"backgroundColor":{"color":{"r":255,"g":255,"b":255}},"animations":[],"type":"page","id":"4c70f268-ab22-46c7-8864-6ae964351d54","pageTemplateType":"steps","groups":{"1d1b6c99-ad82-4fa0-8fa7-6f213ef06c6c":{"name":"Header","isLocked":false,"isCollapsed":true}}},{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"id":"28b6920b-6485-49bd-8b64-31968e48732a","type":"shape"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":false,"backgroundColor":{"color":{"r":193,"g":221,"b":235}},"x":0,"y":-156,"width":412,"height":827,"mask":{"type":"rectangle"},"id":"322d118b-d599-4ddb-af51-0ba5cb487655","type":"shape"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Roboto"},"fontSize":35,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.2,"textAlign":"center","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"content":"<span style=\"font-weight: 700; text-decoration: underline; color: #0044c9\">3. High bounce rates<\/span>\n<span style=\"font-weight: 700\">\n<\/span> Slow loading images or excessive multimedia that affects page speed can frustrate users, causing them to leave the site quickly.","x":48,"y":57,"width":316,"borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"height":463,"id":"7e1665a0-0d3c-4651-a0ba-aa102e19c0b4","marginOffset":0.7875000000000014,"type":"text"}],"backgroundColor":{"color":{"r":255,"g":255,"b":255}},"animations":[],"type":"page","id":"26374eba-e46e-4383-85e4-23fc4ef48b57","pageTemplateType":"steps","groups":{"1d1b6c99-ad82-4fa0-8fa7-6f213ef06c6c":{"name":"Header","isLocked":false,"isCollapsed":true}}},{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"id":"8b6876ec-7598-4ddf-a911-6926b1f2ae92","type":"shape"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":false,"backgroundColor":{"color":{"r":193,"g":221,"b":235}},"x":0,"y":-156,"width":412,"height":827,"mask":{"type":"rectangle"},"id":"064cdc80-952b-47e1-a496-35b2b1c414b0","type":"shape"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Roboto"},"fontSize":35,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.2,"textAlign":"center","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"content":"<span style=\"font-weight: 700; text-decoration: underline; color: #0044c9\">4. Brand perception damage<\/span>\n<span style=\"font-weight: 700\">\n<\/span> Inconsistent branding and low-quality graphics can give visitors a negative impression of your business, undermining trust and credibility.","x":48,"y":57,"width":316,"borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"height":463,"id":"66ef2893-4615-4dc4-9e0a-a99086519c51","marginOffset":0.7875000000000014,"type":"text"}],"backgroundColor":{"color":{"r":255,"g":255,"b":255}},"animations":[],"type":"page","id":"c2d0b547-3a81-4618-a3ff-c12b4ff688e5","pageTemplateType":"steps","groups":{"1d1b6c99-ad82-4fa0-8fa7-6f213ef06c6c":{"name":"Header","isLocked":false,"isCollapsed":true}}},{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"id":"e1f35774-6aef-4513-9d33-0dd9d2549c46","type":"shape"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":false,"backgroundColor":{"color":{"r":193,"g":221,"b":235}},"x":0,"y":-156,"width":412,"height":827,"mask":{"type":"rectangle"},"id":"100ae436-d071-49fc-b3fa-91c2b9fbbe6f","type":"shape"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Roboto"},"fontSize":35,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.2,"textAlign":"center","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"content":"<span style=\"font-weight: 700; text-decoration: underline; color: #0044c9\">5. Competitive disadvantage<\/span>\n<span style=\"font-weight: 700\">\n<\/span> Lacking visual appeal or innovation compared to competitors' well-designed banners can make your site appear less attractive to your target audience.","x":48,"y":57,"width":316,"borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"height":504,"id":"f282f904-b1f7-4105-93b6-9cc1a93db03e","marginOffset":0.7875000000000014,"type":"text"}],"backgroundColor":{"color":{"r":255,"g":255,"b":255}},"animations":[],"type":"page","id":"4f749450-89db-4527-abc1-1badd5fffb15","pageTemplateType":"steps","groups":{"1d1b6c99-ad82-4fa0-8fa7-6f213ef06c6c":{"name":"Header","isLocked":false,"isCollapsed":true}}},{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"id":"f02ea2dd-aa9a-45f1-b73d-9ed36178efb3","type":"shape"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":false,"backgroundColor":{"color":{"r":193,"g":221,"b":235}},"x":0,"y":-156,"width":412,"height":827,"mask":{"type":"rectangle"},"id":"f492361e-5416-4382-bb40-4ae304d6af1c","type":"shape"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Roboto"},"fontSize":35,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.2,"textAlign":"center","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"content":"Ignoring your homepage banner's design can significantly impact your web presence and business's financial health, highlighting the importance of an engaging and effective design.","x":48,"y":57,"width":316,"borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"height":463,"id":"8fbca733-f450-4242-a284-288696fb88c4","marginOffset":0.7875000000000014,"type":"text"}],"backgroundColor":{"color":{"r":255,"g":255,"b":255}},"animations":[],"type":"page","id":"7693c072-abef-43a0-9214-eec53fe03e63","pageTemplateType":"steps","groups":{"1d1b6c99-ad82-4fa0-8fa7-6f213ef06c6c":{"name":"Header","isLocked":false,"isCollapsed":true}}},{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"id":"207faaf9-2601-42f7-8eb2-9758e5622ae9","type":"shape"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":false,"backgroundColor":{"color":{"r":193,"g":221,"b":235}},"x":0,"y":-156,"width":412,"height":827,"mask":{"type":"rectangle"},"id":"148e9b5b-7261-4697-a996-e2b4636eb220","type":"shape"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Roboto"},"fontSize":40,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.2,"textAlign":"center","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"content":"<span style=\"font-style: italic; color: #0044c9\">To make a first impression that gets results, read our 7 tips for better homepage banner design:<\/span>\n\n\n<span style=\"font-style: italic; color: #0044c9\">Read More<\/span>","x":48,"y":57,"width":316,"borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"height":431,"id":"bc2eaa7d-1f7d-4c9c-bfe0-1386889c8214","marginOffset":0.7875000000000014,"type":"text","link":{"needsProxy":false,"url":"https:\/\/www.chittlesoft.com\/blog\/could-your-homepage-banner-design-be-better-try-these-tips\/","rel":[],"type":"regular","pageId":null,"icon":"https:\/\/www.chittlesoft.com\/blog\/wp-content\/uploads\/2024\/10\/Blog-thumbnail-image-370X215.jpg","desc":"Homepage Banner Design be Better? Try These Tips | Chittlesoft"}}],"backgroundColor":{"color":{"r":255,"g":255,"b":255}},"animations":[],"type":"page","id":"c87941fc-cc9c-43b6-b58b-4a02b80b98b1","pageTemplateType":"steps","groups":{"1d1b6c99-ad82-4fa0-8fa7-6f213ef06c6c":{"name":"Header","isLocked":false,"isCollapsed":true}}}],"fonts":{"Roboto":{"family":"Roboto","weights":[100,300,400,500,700,900],"styles":["italic","regular"],"variants":[[0,100],[1,100],[0,300],[1,300],[0,400],[1,400],[0,500],[1,500],[0,700],[1,700],[0,900],[1,900]],"fallbacks":["Helvetica Neue","Helvetica","sans-serif"],"service":"fonts.google.com","metrics":{"upm":2048,"asc":1900,"des":-500,"tAsc":1536,"tDes":-512,"tLGap":102,"wAsc":1946,"wDes":512,"xH":1082,"capH":1456,"yMin":-555,"yMax":2163,"hAsc":1900,"hDes":-500,"lGap":0}}},"autoAdvance":true,"defaultPageDuration":7,"currentStoryStyles":{"colors":[{"color":{"r":255,"g":255,"b":255}},{"color":{"r":72,"g":153,"b":191}},{"color":{"r":193,"g":221,"b":235}},{"color":{"r":38,"g":65,"b":86}}]}},"story_poster":{"id":12801,"url":"https:\/\/www.chittlesoft.com\/blog\/wp-content\/uploads\/2024\/12\/Web_story_5.jpg","width":640,"height":853,"needsProxy":false},"_links":{"self":[{"href":"https:\/\/www.chittlesoft.com\/blog\/wp-json\/web-stories\/v1\/web-story\/12800","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.chittlesoft.com\/blog\/wp-json\/web-stories\/v1\/web-story"}],"about":[{"href":"https:\/\/www.chittlesoft.com\/blog\/wp-json\/wp\/v2\/types\/web-story"}],"author":[{"embeddable":true,"href":"https:\/\/www.chittlesoft.com\/blog\/wp-json\/web-stories\/v1\/users\/1"}],"version-history":[{"count":3,"href":"https:\/\/www.chittlesoft.com\/blog\/wp-json\/web-stories\/v1\/web-story\/12800\/revisions"}],"predecessor-version":[{"id":12804,"href":"https:\/\/www.chittlesoft.com\/blog\/wp-json\/web-stories\/v1\/web-story\/12800\/revisions\/12804"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.chittlesoft.com\/blog\/wp-json\/web-stories\/v1\/media\/12801"}],"wp:attachment":[{"href":"https:\/\/www.chittlesoft.com\/blog\/wp-json\/web-stories\/v1\/media?parent=12800"}],"wp:term":[{"taxonomy":"web_story_category","embeddable":true,"href":"https:\/\/www.chittlesoft.com\/blog\/wp-json\/web-stories\/v1\/web_story_category?post=12800"},{"taxonomy":"web_story_tag","embeddable":true,"href":"https:\/\/www.chittlesoft.com\/blog\/wp-json\/web-stories\/v1\/web_story_tag?post=12800"}],"wp:lock":[{"embeddable":true,"href":"https:\/\/www.chittlesoft.com\/blog\/wp-json\/web-stories\/v1\/web-story\/12800\/lock"}],"wp:publisherlogo":[{"embeddable":true,"href":"https:\/\/www.chittlesoft.com\/blog\/wp-json\/web-stories\/v1\/media\/8000"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}