Loading
Created by:octaviopovoaoctaviopovoa
{"id":600943,"type":0,"block_id":"octaviopovoa_1360696649","theme_id":29,"user_id":212900,"path":"Doing-well-and-going-mobile","title":"Doing Well And Going Mobile","pubtitle":"Doing well and going mobile","tags":"","public":true,"publicAccess":true,"private_link_enabled":0,"thumb":"https://s3-eu-west-1.amazonaws.com/infogram-thumbs-200/octaviopovoa_1360696649.jpg","width":520,"copyright":null,"properties":{"transparent":false,"rtl":false,"export_settings":{"showGrid":true,"showValues":true},"whitelabel":false,"embed_button":"enabled","title_link":"infogram","custom_logo":"infogram","custom_link_url":"","embed_button_text":"Share","decimal_separator":".,"},"elements":[{"type":"particle","particle_id":16248970,"object_id":"2aa68918-eab5-11e4-a037-7b5f270fdca9","particle_type":"maintitle","picture":null,"text":"Doing Well And Going Mobile","content_type":"","title":null,"shrink":null},{"type":"particle","particle_id":582268,"object_id":"octaviopovoa1360698972","particle_type":"bodytext","picture":null,"text":"When asked to deliver XPIENT&#39;s new website for the 2012 User Conference on October 16th, little did I know that we would be able to achieve that target and much more in less than four months.","content_type":"","title":null,"shrink":null},{"type":"particle","particle_id":582269,"object_id":"octaviopovoa1360698950","particle_type":"bodytext","picture":null,"text":"We now have a platform for communicating with our clients that is both modern and dynamic. For example, our initiative to raise donations for the victims of Hurricane Sandy achieved results in a matter of hours.","content_type":"","title":null,"shrink":null},{"type":"particle","particle_id":582277,"object_id":"octaviopovoa1360698999","particle_type":"bodytext","picture":null,"text":"Taking a look at our stats helps to put things in perspective. Here&#39;s how we&#39;ve done so far:","content_type":"","title":null,"shrink":null},{"type":"chart","chart_id":894396,"object_id":"octaviopovoa_1360768225","chart_type_nr":23,"data":[[["6,412","Total visits to date.","profilePath",""],["00:03:13","Average time spent on website.","upPath"],["400.8","Weekly average of visits.","starPath"]]],"custom":{},"colors":["#b02c20","#929292","#286b7b","#f2b036","#b02c20","#307d99","#f28a35","#852b33","#41a3c6","#ea594e","#60284f","#53cae8","#ffe670","#da6f6e","#4c7b86","#ffca68","#ba5c53","#498ca4","#ffa760","#844a4f","#5aacc9","#ff9088","#6f4a64","#8cd7ea"],"dimensions":[],"modifier":0,"sheetnames":[],"sheets_settings":[]},{"type":"particle","particle_id":582281,"object_id":"octaviopovoa1360699019","particle_type":"bodytext","picture":null,"text":"These figures show that we now have greater presence on the web, thereby raising our visibility in the market. How are people finding our site? Here&#39;s what our Google Analytics say:","content_type":"","title":null,"shrink":null},{"type":"chart","chart_id":887526,"object_id":"octaviopovoa_1360696997","chart_type_nr":2,"data":[[["","Top 4 Sources"],["Direct","2744"],["Google","2533"],["Bing","206"],["Facebook","124"]]],"custom":{"distribution":"radial"},"colors":["#b02c20","#929292","#77c300","#286b7b","#307d99","#f28a35","#852b33","#41a3c6","#ea594e","#60284f","#53cae8","#ffe670","#da6f6e","#4c7b86","#ffca68","#ba5c53","#498ca4","#ffa760","#844a4f","#5aacc9","#ff9088","#6f4a64","#8cd7ea"],"dimensions":[],"modifier":2,"sheetnames":[],"sheets_settings":[]},{"type":"particle","particle_id":586127,"object_id":"octaviopovoa1360764969","particle_type":"bodytext","picture":null,"text":"A-ha! People are both googling us and coming to us directly - and that&#39;s great! But where are these people?","content_type":"","title":null,"shrink":null},{"type":"chart","chart_id":887557,"object_id":"octaviopovoa_1360697267","chart_type_nr":3,"data":[[["","Country"],["USA","5693"],["India","179"],["Canada","76"],["Philippines","55"],["United Kingdom","39"]]],"custom":{"absoluteDistribution":false,"defaultPath":"boyPath"},"colors":["#b02c20","#77c300","#929292","#f2b036","#286b7b","#f28a35","#852b33","#41a3c6","#60284f","#53cae8","#ffe670","#da6f6e","#4c7b86","#ffca68","#ba5c53","#498ca4","#ffa760","#844a4f","#5aacc9","#ff9088","#6f4a64","#8cd7ea"],"dimensions":[],"modifier":0,"sheetnames":[],"sheets_settings":[]},{"type":"particle","particle_id":582284,"object_id":"octaviopovoa1360699029","particle_type":"bodytext","picture":null,"text":"So now we get to think about our next steps. Here are two key 2012 web-usage factors to consider:","content_type":"","title":null,"shrink":null},{"type":"chart","chart_id":897419,"object_id":"octaviopovoa_1360785769","chart_type_nr":23,"data":[[["1 in 8","Internet page views are from mobile devices.","",""],["75%","of customers prefer a mobile-friendly site.",""]]],"custom":{},"colors":["#b02c20","#286b7b","#f2b036","#b02c20","#307d99","#f28a35","#852b33","#41a3c6","#ea594e","#60284f","#53cae8","#ffe670","#da6f6e","#4c7b86","#ffca68","#ba5c53","#498ca4","#ffa760","#844a4f","#5aacc9","#ff9088","#6f4a64","#8cd7ea"],"dimensions":[],"modifier":0,"sheetnames":[],"sheets_settings":[]},{"type":"particle","particle_id":586121,"object_id":"octaviopovoa1360764908","particle_type":"bodytext","picture":null,"text":"That goes hand-in-hand with our 2013 strategic objectives to provide easy-to-use access to our customers and therefore promote growth - hence some of our new products, like the XENON Employee Self-Service Portal.","content_type":"","title":null,"shrink":null},{"type":"particle","particle_id":588582,"object_id":"octaviopovoa1360786804","particle_type":"bodytext","picture":null,"text":"All these factors made us look at our website figures - less than 9% of our visits came from mobile browsing. As the 2012 average is 12.5%, our performance can still improve.","content_type":"","title":null,"shrink":null},{"type":"chart","chart_id":889688,"object_id":"octaviopovoa_1360721117","chart_type_nr":5,"data":[[["title","Platform"],["MIN","Desktop"],["MAX","Mobile"],["Value","91.1"],["Label","Platform"]]],"custom":{"innerRadiusKoeficient":"0.7"},"colors":["#b02c20","#929292","#286b7b","#f2b036","#b02c20","#307d99","#f28a35","#852b33","#41a3c6","#ea594e","#60284f","#53cae8","#ffe670","#da6f6e","#4c7b86","#ffca68","#ba5c53","#498ca4","#ffa760","#844a4f","#5aacc9","#ff9088","#6f4a64","#8cd7ea"],"dimensions":[],"modifier":0,"sheetnames":[],"sheets_settings":[]},{"type":"particle","particle_id":586161,"object_id":"octaviopovoa1360765339","particle_type":"bodytext","picture":null,"text":"So it became evident that we had to offer our audience a better way to connect with us on-the-go, i.e. using their smartphones. Therefore, we have created a mobile version of our website:","content_type":"","title":null,"shrink":null},{"type":"particle","particle_id":586343,"object_id":"octaviopovoa1360767262","particle_type":"image","picture":"http://s3-eu-west-1.amazonaws.com/infogram-particles-700/octaviopovoa1360767262.png"},{"type":"particle","particle_id":586269,"object_id":"octaviopovoa1360766508","particle_type":"bodytext","picture":null,"text":"I think we all have ended up lost in Google Maps Land when using their directions to find a place, right? So we made sure that we still offer our main content on mobile, along with call + e-mail + social media + directions content. These features will appeal to our audience and most likely increase our online presence even more.","content_type":"","title":null,"shrink":null},{"type":"particle","particle_id":586205,"object_id":"octaviopovoa1360765931","particle_type":"bodytext","picture":null,"text":"This time last year we were nowhere near having a modern website. Now we not only have a desktop website, but a mobile one as well! I am always amazed at how things progress - I wonder how things will be next year...","content_type":"","title":null,"shrink":null}],"theme":{"createdAt":"2016-04-22T04:54:07.000Z","updatedAt":"2016-12-28T10:33:06.000Z","logoImages":[""],"charts":{"wordcloud":{"labels":{"fontWeight":"700","fontFamily":"Arial"}},"treemap":{"labels":{"value":{"fontFamily":"PT Sans Narrow"},"name":{"fontWeight":"700","fontFamily":"PT Sans Narrow"}}},"table":{"cellBackground":"#ffffff","headerBackground":"#eeeeee","cellColor":"#444444","headerColor":"#444444","shapeFill":"307d99"}},"color":{"bg":"#ffffff","text":"#000000","chart":{"bg":"transparent","text":"#767676"},"element":{"bg":"transparent","text":"#000000"}},"colorPresets":[],"localFonts":[],"font":{"common":{"fontFamily":"PT Sans Narrow","fontWeight":"400","fontStyle":"normal","fontSize":"16","textAlign":"initial"},"legend":{"fontSize":"16","fontWeight":"400"},"label":{"fontSize":16,"fontWeight":400}},"fontPresets":[],"fontFamilies":["PT Sans Narrow","PT Sans","Open Sans"],"id":29,"title":"infogr.am default","usergroup":"archived","picture":"https://d1m5pq7b4fzvad.cloudfront.net/29/thumbnail.png","thumb":"/i/templates/S/infogram.png","order":16,"public":0,"width":550,"fonts":"PT+Sans:400,700;PT+Sans+Narrow","colors":["#ffd200","#cc3635","#286b7b","#f2b036","#b02c20","#307d99","#f28a35","#852b33","#41a3c6","#ea594e","#60284f","#53cae8","#ffe670","#da6f6e","#4c7b86","#ffca68","#ba5c53","#498ca4","#ffa760","#844a4f","#5aacc9","#ff9088","#6f4a64","#8cd7ea"],"logocolor":"d51a1a","logoUrl":"","showLogo":"","showEmbed":"","embedButtonText":"Share","top":0,"padding":20,"spacing":20,"shrinkMargin":20,"shrinkPadding":20,"spacingElementMin":null,"spacingElementMax":null,"css":".igc-textual-figure {\n\tfont-size: 45px;\n}\n.igc-sheets .igc-sheet .igc-sheet-ico,\n.igc-sheets .igc-sheet:hover .igc-sheet-ico {\n\tborder-color: #7d7d7d;\n}\n.igc-sheets .igc-sheet .igc-sheet-label,\n.igc-sheets .igc-sheet:hover .igc-sheet-label,\n.igc-sheets .igc-sheet.active .igc-sheet-label {\n\tcolor: #7d7d7d;\n}\n.igc-sheet .igc-sheet-ico,\n.igc-sheet.active .igc-sheet-ico {\n\tbackground: transparent;\n}\n.igc-sheets .igc-sheet.active .igc-sheet-ico::after,\n.igc-sheets .igc-sheet:hover .igc-sheet-ico::after {\n\theight: 14px;\n\twidth: 14px;\n\tleft: 2px;\n\ttop: 2px;\n\tbackground: #7d7d7d;\n}\n.heatmap-legend-item {\n\tcolor: #000 !important;\n}\n.igc-table .igc-table-cell {\n\tfont-size: 16px;\n\tfont-family: PT Sans Narrow;\n\tfont-weight: 700;\n}\n.igc-table .igc-table-header {\n\tfont-size: 16px;\n\tfont-family: PT Sans Narrow;\n\tfont-weight: 700;\n}\n.igc-table-scroll {\n\tbackground: #eee;\n}\n.ig-container {\n\tbackground: white;\n}\n.headline {\n\tfont-family: PT Sans;\n\tfont-weight: 700;\n\tfont-size: 48px;\n\tline-height: 60px;\n\tcolor: #000000;\n}\n.chart-title {\n\tfont-family: PT Sans;\n\tfont-weight: 700;\n\tborder-bottom: 2px solid #313131;\n\tfont-size: 36px;\n\tcolor: #313131;\n}\ndiv.quoted,\ndiv.body-text,\ndiv.picture,\ndiv.video,\n.chart,\n.chart > .inner {\n\tpadding-left: 20px;\n\tpadding-right: 20px;\n}\n.shrink .chart > .inner {\n\tpadding-left: 10px;\n\tpadding-right: 10px;\n}\n.shrink .chart,\n.shrink .headline,\n.shrink .bodytext,\n.shrink div.quoted,\n.shrink div.body-text,\n.shrink div.picture,\n.shrink div.video {\n\tpadding-left: 0;\n\tpadding-right: 0;\n}\n.zeropadding div.quoted,\n.zeropadding div.body-text,\n.zeropadding div.picture,\n.zeropadding div.video,\n.zeropadding .chart,\n.zeropadding .chart > .inner {\n\tpadding-left: 0px;\n\tpadding-right: 0px;\n}\ndiv[id^='table_'] > .inner {\n\tpadding-left: 0 !important;\n\tpadding-right: 0 !important;\n}\n.bodytext {\n\tfont-family: PT Sans;\n\tfont-weight: 400;\n\ttext-align: justify;\n\tcolor: #494949;\n\tfont-size: 16px;\n}\n.quote {\n\tpadding-top: 50px;\n\tbackground: url(/i/templates/29/quote.png) 50% 0% no-repeat;\n\tfont-family: PT Sans;\n\tfont-weight: 700;\n\tfont-size: 30px;\n\tcolor: #313131;\n\tpadding-bottom: 15px;\n\tborder-bottom: 1px solid #000;\n}\n.quotetitle {\n\tfont-weight: 400;\n}\n.ig-copyright {\n\tcolor: #4e4e4e;\n\ttop: 0!important;\n}\n#madewith a,\n#madewith a:link,\n#madewith a:hover,\n#madewith a:visited,\n#madewith a:active {\n\tcolor: #4e4e4e !important;\n}\n#madewith.active a:hover,\n.headline.active:hover {\n\tcolor: #cc3635 !important;\n}\n.titlepopup1,\n.titlepopup2 {\n\tborder-color: #cc3635;\n}\n.headline a {\n\tcolor: #cc3535;\n}\n.ig-separator-line {\n\tbackground: rgba(118, 118, 118, 0.5);\n}\n.heatmap-legend {\n\tbackground: rgba(255, 255, 255, 0.7);\n}\n.heatmap-legend-item,\n.heatmap-label {\n\tcolor: #6c6c6c;\n\tfont-size: 12px;\n\tfont-size: 11px;\n\tfont-weight: 500;\n\tfont-family: Open Sans;\n\tfont-family: PT Sans;\n}\n.igc-graph-pie-piece {\n\tstroke: rgba(255, 255, 255, 0.7);\n}\n.igc-tabs .igc-tab-active {\n background: #ffffff;\n }\n .igc-tabs .igc-tab .igc-tab-content,\n .igc-tabs .igc-tab.icon-down:after {\n font-family: PT Sans Narrow;\n color: #000000;\n font-weight: 400;\n }\n .igc-tabs .igc-tab,\n .igc-tab-switcher {\n color: #000000;\n } .igc-tabs.igc-tabs-dropdown .igc-tab-name {\n font-family: PT Sans Narrow;\n color: #000000;\n font-weight: 400;\n } .captiontext {font-family: PT Sans Narrow;color: #000000;font-weight: 400;} .captiontext .innertext {line-height: 1.5;}","chartOptions":{"pictobar":{"fill":"cc3635","shapeStyleEmpty":{"fill":"#e1e1e1"}},"progress":{"backgroundInactive":{"fill":"#e1e1e1"}},"candle":{"blankfill":"url(https://cdn.jifo.co/i/templates/29/chart-background.png)"},"waterfall":{"colors":"206b79 ffd145 d13439"},"map":{"showLegend":false,"countryyStroke":"#e1e1e1","countryFill":"#e1e1e1","canvasFill":"transparent"},"common":{"legendOptions":{"font-size":16,"font-family":"PT Sans Narrow"},"backgroundStyle":{"stroke-opacity":0,"stroke-width":0},"_gridOptions":{"marginLineStyle":{"stroke-width":0,"stroke":"transparent"},"fontStyle":{}},"tooltipOptions":{"nameFontStyle":{"font-family":"PT Sans Narrow","text-anchor":"start","font-weight":700,"font-size":16,"fill":"#ffffff"},"valueFontStyle":{"font-family":"PT Sans Narrow","text-anchor":"start","font-size":16,"fill":"#fff"},"containerStyle":{"stroke":"#464646","fill":"#464646"}}}},"version":1,"archived":true,"tabs":false,"zeroPaddingEmbed":true,"created_at":"2016-04-22T04:54:07.000Z","updated_at":"2016-12-28T10:33:06.000Z"},"embed":"<script id=\"infogram_0_Doing-well-and-going-mobile\" title=\"Doing Well And Going Mobile\" src=\"//e.infogr.am/js/dist/embed.js?gL0\" type=\"text/javascript\"></script><div style=\"padding:8px 0;font-family:Arial!important;font-size:13px!important;line-height:15px!important;text-align:center;border-top:1px solid #dadada;margin:0 30px\"><a href=\"https://infogr.am/Doing-well-and-going-mobile\" style=\"color:#989898!important;text-decoration:none!important;\" target=\"_blank\" rel=\"nofollow\">Doing Well And Going Mobile</a><br><a href=\"https://infogr.am\" style=\"color:#989898!important;text-decoration:none!important;\" target=\"_blank\" rel=\"nofollow\">Create your own infographics</a></div>","embedIframe":"<iframe src=\"//e.infogr.am/Doing-well-and-going-mobile?src=embed\" title=\"Doing Well And Going Mobile\" width=\"520\" height=\"\" scrolling=\"no\" frameborder=\"0\" style=\"border:none;\"></iframe><div style=\"padding:8px 0;font-family:Arial!important;font-size:13px!important;line-height:15px!important;text-align:center;border-top:1px solid #dadada;margin:0 30px\"><a href=\"https://infogr.am/Doing-well-and-going-mobile\" style=\"color:#989898!important;text-decoration:none!important;\" target=\"_blank\" rel=\"nofollow\">Doing Well And Going Mobile</a><br><a href=\"https://infogr.am\" style=\"color:#989898!important;text-decoration:none!important;\" target=\"_blank\" rel=\"nofollow\">Create your own infographics</a></div>","embedWordpress":"[infogram id=\"Doing-well-and-going-mobile\" prefix=\"fNq\" format=\"interactive\" title=\"Doing Well And Going Mobile\"]","embedWordpressImage":"[infogram id=\"Doing-well-and-going-mobile\" prefix=\"imP\" format=\"image\" title=\"Doing Well And Going Mobile\"]","embedAsync":"<div class=\"infogram-embed\" data-id=\"Doing-well-and-going-mobile\" data-type=\"interactive\" data-title=\"Doing Well And Going Mobile\"></div><script>!function(e,t,n,s){var i=\"InfogramEmbeds\",o=e.getElementsByTagName(t),d=o[0],a=/^http:/.test(e.location)?\"http:\":\"https:\";if(/^\\/{2}/.test(s)&&(s=a+s),window[i]&&window[i].initialized)window[i].process&&window[i].process();else if(!e.getElementById(n)){var r=e.createElement(t);r.async=1,r.id=n,r.src=s,d.parentNode.insertBefore(r,d)}}(document,\"script\",\"infogram-async\",\"//e.infogr.am/js/dist/embed-loader-min.js\");</script><div style=\"padding:8px 0;font-family:Arial!important;font-size:13px!important;line-height:15px!important;text-align:center;border-top:1px solid #dadada;margin:0 30px\"><a href=\"https://infogr.am/Doing-well-and-going-mobile\" style=\"color:#989898!important;text-decoration:none!important;\" target=\"_blank\" rel=\"nofollow\">Doing Well And Going Mobile</a><br><a href=\"https://infogr.am\" style=\"color:#989898!important;text-decoration:none!important;\" target=\"_blank\" rel=\"nofollow\">Create your own infographics</a></div>","embedImageAsync":"<div class=\"infogram-embed\" data-id=\"Doing-well-and-going-mobile\" data-type=\"image\" data-title=\"Doing Well And Going Mobile\"></div><script>!function(e,t,n,s){var i=\"InfogramEmbeds\",o=e.getElementsByTagName(t),d=o[0],a=/^http:/.test(e.location)?\"http:\":\"https:\";if(/^\\/{2}/.test(s)&&(s=a+s),window[i]&&window[i].initialized)window[i].process&&window[i].process();else if(!e.getElementById(n)){var r=e.createElement(t);r.async=1,r.id=n,r.src=s,d.parentNode.insertBefore(r,d)}}(document,\"script\",\"infogram-async\",\"//e.infogr.am/js/dist/embed-loader-min.js\");</script><div style=\"padding:8px 0;font-family:Arial!important;font-size:13px!important;line-height:15px!important;text-align:center;border-top:1px solid #dadada;margin:0 30px\"><a href=\"https://infogr.am/Doing-well-and-going-mobile\" style=\"color:#989898!important;text-decoration:none!important;\" target=\"_blank\" rel=\"nofollow\">Doing Well And Going Mobile</a><br><a href=\"https://infogr.am\" style=\"color:#989898!important;text-decoration:none!important;\" target=\"_blank\" rel=\"nofollow\">Create your own infographics</a></div>"}