{"id":21243,"date":"2019-10-04T22:19:42","date_gmt":"2019-10-04T21:19:42","guid":{"rendered":"https:\/\/helpfuldigital.com\/?p=21243"},"modified":"2022-02-10T14:13:53","modified_gmt":"2022-02-10T14:13:53","slug":"what-does-helpful-do","status":"publish","type":"post","link":"https:\/\/helpfuldigital.com\/fr\/what-does-helpful-do\/","title":{"rendered":"What does Helpful do? How we built our new website"},"content":{"rendered":"<p>A couple of years ago, we did some thinking as a team about our proposition.<\/p>\n<p>If you\u2019ve known Helpful a few years, you might remember us for things like consultation websites, disruptive WordPress intranets or blogs. We\u2019re still proud of that work, but we do a wider, different range of things these days. So we changed our strap line from one about our good value, to focussing on the challenge we actually work on day in, day out, building teams&#8217; confidence communicating in a digital world.<\/p>\n<p>We&#8217;ve taken a bigger step forward with that recently with an update to our visual identity, and a full rebuild of this site.<\/p>\n<p><a href=\"https:\/\/helpfuldigital.com\/fr\/helpfuls-2019-brand-refresh\/\">My colleague Anthony has written about the evolution of our visual brand<\/a>, and the thinking we\u2019ve put into readability, accessibility and use of our new identity. Like any good architect, he cringes at the loft extensions and conservatories we (I) bolted onto the 2015 site he crafted. But the reality is that organisations evolve and change, and things need tidying up &#8211; or radically rethinking &#8211; once in a while.<\/p>\n<p>For instance, we found we struggled to convey the global range, scale and diversity of the work we do to prospective clients, and even boiling it down into a bald list of \u2018services\u2019 is quite hard. Whilst we never want to overcomplicate things, some people only know us for one product or sector when the real menu is much broader. The &#8216;stories&#8217; approach we\u2019re taking with our homepage and pared-back content elsewhere is designed to help new clients get a sense of that at a glance, whether they\u2019re from an airport security team in Canada, a fashion PR agency in Hong Kong or a government department on Whitehall. Even if a client still goes on to order the burger, they hopefully get a sense there\u2019s a world buffet to choose from too.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-21275\" src=\"https:\/\/helpfuldigital.com\/wp-content\/uploads\/2019\/10\/swot-1024x768.jpg\" alt=\"\" width=\"1024\" height=\"768\" srcset=\"https:\/\/helpfuldigital.com\/wp-content\/uploads\/2019\/10\/swot-1024x768.jpg 1024w, https:\/\/helpfuldigital.com\/wp-content\/uploads\/2019\/10\/swot-300x225.jpg 300w, https:\/\/helpfuldigital.com\/wp-content\/uploads\/2019\/10\/swot-768x576.jpg 768w, https:\/\/helpfuldigital.com\/wp-content\/uploads\/2019\/10\/swot-1400x1050.jpg 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>The new website project helped us trial some new methods. We reviewed analytics, workshopped strengths and weaknesses, looked at what we could learn from competitors, and <a href=\"https:\/\/docs.google.com\/document\/d\/1E9ddoBc9cok2vZx_wJ9Jd-ilZzIr-Conz3HbDRV58Xo\/edit?usp=sharing\">shaped a reasonable brief, which you can read here<\/a>. The design process followed our new approach of building from a pattern library of UI components we know from user research work well for this type of content and audience. Using <a href=\"https:\/\/fractal.build\/\">Fractal<\/a> helps us improve consistency and modularity, and move from UI to code components and templates in a controlled way. We layered on visual design later in the process once we knew more about content and structure &#8211; in fact, for a long time we worked on a greyscale prototype to check content and templates would work together. Unlike earlier iterations, this site was a real team effort, and run much more like a client project than we&#8217;ve done before.<\/p>\n<p>And yet. Content &#8211; as it is for many of our clients &#8211; proved a blocker, as winnowing and revamping case studies, services and background content got held up by me and took longer than we thought. We still don&#8217;t quite have the &#8216;story&#8217; content we hoped for, but we&#8217;ll get there. Ultimately, setting a firm date for launch helped to focus our minds, as did being firm with ourselves that a site could go live and be iterated post-launch. After all, it&#8217;s a website not a brochure.<\/p>\n<p>Ultimately, the proof will be in the connections it helps us to make and whether people react with surprise or knowing nods when they meet us and hear what we do. So far, so good.<\/p>","protected":false},"excerpt":{"rendered":"<p>A couple of years ago, we did some thinking as a team about our proposition. If you\u2019ve known Helpful a few years, you might remember us for things like consultation websites, disruptive WordPress intranets or blogs. We\u2019re still proud of that work, but we do a wider, different range of things these days. So we [&hellip;]<\/p>","protected":false},"author":9,"featured_media":21052,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[11],"tags":[132],"class_list":["post-21243","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-helpful"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Helpful Digital - What does Helpful do? How we built our new website<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/helpfuldigital.com\/fr\/what-does-helpful-do\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Helpful Digital - What does Helpful do? How we built our new website\" \/>\n<meta property=\"og:description\" content=\"A couple of years ago, we did some thinking as a team about our proposition. If you\u2019ve known Helpful a few years, you might remember us for things like consultation websites, disruptive WordPress intranets or blogs. We\u2019re still proud of that work, but we do a wider, different range of things these days. So we [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/helpfuldigital.com\/fr\/what-does-helpful-do\/\" \/>\n<meta property=\"og:site_name\" content=\"Helpful Digital\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/helpfulhq\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-10-04T21:19:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-02-10T14:13:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/helpfuldigital.com\/wp-content\/uploads\/2019\/04\/engagement.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1886\" \/>\n\t<meta property=\"og:image:height\" content=\"2130\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Steph Gray\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@helpfuldigital\" \/>\n<meta name=\"twitter:site\" content=\"@helpfuldigital\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Steph Gray\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/helpfuldigital.com\/what-does-helpful-do\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/helpfuldigital.com\/what-does-helpful-do\/\"},\"author\":{\"name\":\"Steph Gray\",\"@id\":\"https:\/\/helpfuldigital.com\/#\/schema\/person\/a9ed63c77570a51f26fd8a34020b6353\"},\"headline\":\"What does Helpful do? How we built our new website\",\"datePublished\":\"2019-10-04T21:19:42+00:00\",\"dateModified\":\"2022-02-10T14:13:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/helpfuldigital.com\/what-does-helpful-do\/\"},\"wordCount\":600,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/helpfuldigital.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/helpfuldigital.com\/what-does-helpful-do\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/helpfuldigital.com\/wp-content\/uploads\/2019\/04\/engagement.png\",\"keywords\":[\"Helpful Digital\"],\"articleSection\":[\"Blog\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/helpfuldigital.com\/what-does-helpful-do\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/helpfuldigital.com\/what-does-helpful-do\/\",\"url\":\"https:\/\/helpfuldigital.com\/what-does-helpful-do\/\",\"name\":\"Helpful Digital - What does Helpful do? How we built our new website\",\"isPartOf\":{\"@id\":\"https:\/\/helpfuldigital.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/helpfuldigital.com\/what-does-helpful-do\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/helpfuldigital.com\/what-does-helpful-do\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/helpfuldigital.com\/wp-content\/uploads\/2019\/04\/engagement.png\",\"datePublished\":\"2019-10-04T21:19:42+00:00\",\"dateModified\":\"2022-02-10T14:13:53+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/helpfuldigital.com\/what-does-helpful-do\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/helpfuldigital.com\/what-does-helpful-do\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/helpfuldigital.com\/what-does-helpful-do\/#primaryimage\",\"url\":\"https:\/\/helpfuldigital.com\/wp-content\/uploads\/2019\/04\/engagement.png\",\"contentUrl\":\"https:\/\/helpfuldigital.com\/wp-content\/uploads\/2019\/04\/engagement.png\",\"width\":1886,\"height\":2130},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/helpfuldigital.com\/what-does-helpful-do\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/helpfuldigital.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What does Helpful do? How we built our new website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/helpfuldigital.com\/#website\",\"url\":\"https:\/\/helpfuldigital.com\/\",\"name\":\"Helpful Digital\",\"description\":\"Building confidence in a digital world\",\"publisher\":{\"@id\":\"https:\/\/helpfuldigital.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/helpfuldigital.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/helpfuldigital.com\/#organization\",\"name\":\"Helpful Digital\",\"url\":\"https:\/\/helpfuldigital.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/helpfuldigital.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/helpfuldigital.com\/wp-content\/uploads\/2019\/12\/helpful-h-logo.png\",\"contentUrl\":\"https:\/\/helpfuldigital.com\/wp-content\/uploads\/2019\/12\/helpful-h-logo.png\",\"width\":871,\"height\":869,\"caption\":\"Helpful Digital\"},\"image\":{\"@id\":\"https:\/\/helpfuldigital.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/helpfulhq\/\",\"https:\/\/x.com\/helpfuldigital\",\"https:\/\/instagram.com\/helpfuldigital\",\"https:\/\/www.linkedin.com\/company\/helpful-technology\",\"https:\/\/www.youtube.com\/channel\/UC1zSFtjZqozK0aNd6KryN8g\/featured\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/helpfuldigital.com\/#\/schema\/person\/a9ed63c77570a51f26fd8a34020b6353\",\"name\":\"Steph Gray\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/helpfuldigital.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0d6b7fd848067a566924a124a0661fae?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0d6b7fd848067a566924a124a0661fae?s=96&d=mm&r=g\",\"caption\":\"Steph Gray\"},\"url\":\"https:\/\/helpfuldigital.com\/fr\/author\/lesteph\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Helpful Digital - What does Helpful do? How we built our new website","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/helpfuldigital.com\/fr\/what-does-helpful-do\/","og_locale":"fr_FR","og_type":"article","og_title":"Helpful Digital - What does Helpful do? How we built our new website","og_description":"A couple of years ago, we did some thinking as a team about our proposition. If you\u2019ve known Helpful a few years, you might remember us for things like consultation websites, disruptive WordPress intranets or blogs. We\u2019re still proud of that work, but we do a wider, different range of things these days. So we [&hellip;]","og_url":"https:\/\/helpfuldigital.com\/fr\/what-does-helpful-do\/","og_site_name":"Helpful Digital","article_publisher":"https:\/\/www.facebook.com\/helpfulhq\/","article_published_time":"2019-10-04T21:19:42+00:00","article_modified_time":"2022-02-10T14:13:53+00:00","og_image":[{"width":1886,"height":2130,"url":"https:\/\/helpfuldigital.com\/wp-content\/uploads\/2019\/04\/engagement.png","type":"image\/png"}],"author":"Steph Gray","twitter_card":"summary_large_image","twitter_creator":"@helpfuldigital","twitter_site":"@helpfuldigital","twitter_misc":{"\u00c9crit par":"Steph Gray","Dur\u00e9e de lecture estim\u00e9e":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/helpfuldigital.com\/what-does-helpful-do\/#article","isPartOf":{"@id":"https:\/\/helpfuldigital.com\/what-does-helpful-do\/"},"author":{"name":"Steph Gray","@id":"https:\/\/helpfuldigital.com\/#\/schema\/person\/a9ed63c77570a51f26fd8a34020b6353"},"headline":"What does Helpful do? How we built our new website","datePublished":"2019-10-04T21:19:42+00:00","dateModified":"2022-02-10T14:13:53+00:00","mainEntityOfPage":{"@id":"https:\/\/helpfuldigital.com\/what-does-helpful-do\/"},"wordCount":600,"commentCount":0,"publisher":{"@id":"https:\/\/helpfuldigital.com\/#organization"},"image":{"@id":"https:\/\/helpfuldigital.com\/what-does-helpful-do\/#primaryimage"},"thumbnailUrl":"https:\/\/helpfuldigital.com\/wp-content\/uploads\/2019\/04\/engagement.png","keywords":["Helpful Digital"],"articleSection":["Blog"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/helpfuldigital.com\/what-does-helpful-do\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/helpfuldigital.com\/what-does-helpful-do\/","url":"https:\/\/helpfuldigital.com\/what-does-helpful-do\/","name":"Helpful Digital - What does Helpful do? How we built our new website","isPartOf":{"@id":"https:\/\/helpfuldigital.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/helpfuldigital.com\/what-does-helpful-do\/#primaryimage"},"image":{"@id":"https:\/\/helpfuldigital.com\/what-does-helpful-do\/#primaryimage"},"thumbnailUrl":"https:\/\/helpfuldigital.com\/wp-content\/uploads\/2019\/04\/engagement.png","datePublished":"2019-10-04T21:19:42+00:00","dateModified":"2022-02-10T14:13:53+00:00","breadcrumb":{"@id":"https:\/\/helpfuldigital.com\/what-does-helpful-do\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/helpfuldigital.com\/what-does-helpful-do\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/helpfuldigital.com\/what-does-helpful-do\/#primaryimage","url":"https:\/\/helpfuldigital.com\/wp-content\/uploads\/2019\/04\/engagement.png","contentUrl":"https:\/\/helpfuldigital.com\/wp-content\/uploads\/2019\/04\/engagement.png","width":1886,"height":2130},{"@type":"BreadcrumbList","@id":"https:\/\/helpfuldigital.com\/what-does-helpful-do\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/helpfuldigital.com\/"},{"@type":"ListItem","position":2,"name":"What does Helpful do? How we built our new website"}]},{"@type":"WebSite","@id":"https:\/\/helpfuldigital.com\/#website","url":"https:\/\/helpfuldigital.com\/","name":"Helpful Digital","description":"Building confidence in a digital world","publisher":{"@id":"https:\/\/helpfuldigital.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/helpfuldigital.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/helpfuldigital.com\/#organization","name":"Helpful Digital","url":"https:\/\/helpfuldigital.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/helpfuldigital.com\/#\/schema\/logo\/image\/","url":"https:\/\/helpfuldigital.com\/wp-content\/uploads\/2019\/12\/helpful-h-logo.png","contentUrl":"https:\/\/helpfuldigital.com\/wp-content\/uploads\/2019\/12\/helpful-h-logo.png","width":871,"height":869,"caption":"Helpful Digital"},"image":{"@id":"https:\/\/helpfuldigital.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/helpfulhq\/","https:\/\/x.com\/helpfuldigital","https:\/\/instagram.com\/helpfuldigital","https:\/\/www.linkedin.com\/company\/helpful-technology","https:\/\/www.youtube.com\/channel\/UC1zSFtjZqozK0aNd6KryN8g\/featured"]},{"@type":"Person","@id":"https:\/\/helpfuldigital.com\/#\/schema\/person\/a9ed63c77570a51f26fd8a34020b6353","name":"Steph Gray","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/helpfuldigital.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0d6b7fd848067a566924a124a0661fae?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0d6b7fd848067a566924a124a0661fae?s=96&d=mm&r=g","caption":"Steph Gray"},"url":"https:\/\/helpfuldigital.com\/fr\/author\/lesteph\/"}]}},"_links":{"self":[{"href":"https:\/\/helpfuldigital.com\/fr\/wp-json\/wp\/v2\/posts\/21243","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/helpfuldigital.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/helpfuldigital.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/helpfuldigital.com\/fr\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/helpfuldigital.com\/fr\/wp-json\/wp\/v2\/comments?post=21243"}],"version-history":[{"count":8,"href":"https:\/\/helpfuldigital.com\/fr\/wp-json\/wp\/v2\/posts\/21243\/revisions"}],"predecessor-version":[{"id":24424,"href":"https:\/\/helpfuldigital.com\/fr\/wp-json\/wp\/v2\/posts\/21243\/revisions\/24424"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/helpfuldigital.com\/fr\/wp-json\/wp\/v2\/media\/21052"}],"wp:attachment":[{"href":"https:\/\/helpfuldigital.com\/fr\/wp-json\/wp\/v2\/media?parent=21243"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/helpfuldigital.com\/fr\/wp-json\/wp\/v2\/categories?post=21243"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/helpfuldigital.com\/fr\/wp-json\/wp\/v2\/tags?post=21243"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}