From d9dd648c51f3bb1ce15984482b76abfb585ab241 Mon Sep 17 00:00:00 2001
From: Celia Collins <celiadcollins@gmail.com>
Date: Fri, 20 Sep 2019 16:14:17 +0100
Subject: [PATCH 01/10] Add product story upload to Netlify CMS frontend

---
 config.rb               | 10 ++++++++++
 source/admin/index.html |  1 +
 2 files changed, 11 insertions(+)

diff --git a/config.rb b/config.rb
index ceb25e690..e7827fe4d 100644
--- a/config.rb
+++ b/config.rb
@@ -44,6 +44,16 @@
   blog.page_link = 'page-{num}'
 end
 
+# product stories
+activate :blog do |blog|
+  blog.name = 'product-stories'
+  blog.sources = '{year}-{month}-{day}-{title}.html'
+  blog.layout = 'product_story'
+  blog.prefix = 'product-stories'
+  blog.permalink = "{title}.html"
+  blog.new_article_template = 'templates/product_story.md'
+end
+
 # news
 activate :blog do |blog|
   blog.name = 'news'
diff --git a/source/admin/index.html b/source/admin/index.html
index 162f557db..6714cf1df 100644
--- a/source/admin/index.html
+++ b/source/admin/index.html
@@ -53,6 +53,7 @@
       });
 
       CMS.registerPreviewTemplate('blog_posts', BlogPostPreview);
+      CMS.registerPreviewTemplate('product_stories', BlogPostPreview);
       CMS.registerPreviewTemplate('news_articles', BlogPostPreview);
       CMS.registerPreviewTemplate('weekly_roundup', BlogPostPreview);
     </script>

From 620e7c4eacb5e5f3181484dc1fd8c0abd6ccf2b7 Mon Sep 17 00:00:00 2001
From: Celia Collins <celiadcollins@gmail.com>
Date: Fri, 20 Sep 2019 16:17:28 +0100
Subject: [PATCH 02/10] Add content blocks for product story to Netlify CMS
 frontend

---
 source/admin/config.yml | 195 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 195 insertions(+)

diff --git a/source/admin/config.yml b/source/admin/config.yml
index c74ef30be..b7669daca 100644
--- a/source/admin/config.yml
+++ b/source/admin/config.yml
@@ -59,6 +59,201 @@ collections:
         name: 'body'
         widget: 'markdown'
 
+  - name: 'product_stories'
+    label: 'Product stories'
+    folder: '/source/product-stories'
+    label_singular: 'product story'
+    create: true
+    slug: '{{year}}-{{month}}-{{day}}-{{slug}}'
+    extension: 'html.markdown' # Middleman v4 requires .html.markdown
+    format: 'frontmatter'
+    fields:
+      - label: 'Page title - e.g Product Story - Client'
+        name: 'title'
+        widget: 'string'
+
+      - label: 'Description (shown on the product story listing page)'
+        name: 'description'
+        widget: 'string'
+
+      - label: 'Client logo shown on the product story listing page - 454 x 180 px'
+        name: image
+        widget: "image"
+
+      - label: 'Date'
+        name: 'date'
+        widget: 'datetime'
+
+      - label: 'Published?'
+        name: published
+        widget: boolean
+        default: true
+
+      - label: "Header"
+        name: "header"
+        widget: "object"
+        fields:
+          - {label: "Client", name: client, widget: string}
+          - {label: "Introduction", name: introduction, widget: string}
+          - {label: "Header image", name: image, widget: image}
+          - {label: "Image description", name: image_description, widget: string}
+
+      - label: 'Introduction (heading and bullet point summary)'
+        name: introduction
+        widget: object
+        fields:
+          - {label: "Title", name: title, widget: string}
+          - label: "Bullet points"
+            name: content
+            widget: list
+            fields:
+              - {label: "Bullet point", widget: string}
+          - {label: "Image", name: image, widget: image}
+          - {label: "Image description", name: image_description, widget: string}
+
+      - label: "In numbers"
+        name: "highlight_1"
+        widget: object
+        fields:
+          - {label: "Title", name: title, widget: string}
+          - {label: "Project (used to create coloured bands)", name: project, widget: string}
+          - label: "Statistics"
+            name: statistics
+            widget: list
+            fields:
+              - {label: "number", name: number, widget: string}
+              - {label: "text", name: text, widget: string}
+
+      - label: "Paragraph and photo"
+        name: "paragraph_1"
+        widget: object
+        fields:
+          - {label: "Header", name: title, widget: string}
+          - {label: "Content", name: content, widget: markdown}
+          - {label: "Image", name: image, widget: image}
+          - {label: "Image description", name: image_description, widget: string}
+
+      - label: "Quote"
+        name: "quote_1"
+        widget: object
+        fields:
+          - {label: "Quote", name: quote, widget: string}
+          - {label: "Source", name: source, widget: string}
+
+      - label: "Paragraph and photo"
+        name: "paragraph_2"
+        widget: object
+        fields:
+          - {label: "Header", name: title, widget: string}
+          - {label: "Content", name: content, widget: markdown}
+          - {label: "Image", name: image, widget: image}
+          - {label: "Image description", name: image_description, widget: string}
+
+      - label: "In numbers (not required)"
+        name: "highlight_2"
+        widget: object
+        required: false
+        fields:
+          - {label: "Title", name: title, widget: string}
+          - {label: "Project (used to create coloured band)", name: project, widget: string}
+          - label: "Statistics"
+            name: statistics
+            widget: list
+            fields:
+              - {label: "Number", name: number, widget: string}
+              - {label: "Text", name: text, widget: string}
+
+      - label: "Paragraph and photo"
+        name: "paragraph_3"
+        widget: object
+        fields:
+          - {label: "Header", name: title, widget: string}
+          - {label: "Content", name: content, widget: markdown}
+          - {label: "Image", name: image, widget: image}
+          - {label: "Image description", name: image_description, widget: string}
+
+      - label: "Quote"
+        name: "quote_2"
+        widget: object
+        fields:
+          - {label: "Quote", name: quote, widget: string}
+          - {label: "Source", name: source, widget: string}
+
+      - label: "Paragraph and photo (not required)"
+        name: "paragraph_4"
+        widget: object
+        required: false
+        fields:
+          - {label: "header", name: title, widget: string}
+          - {label: "content", name: content, widget: markdown}
+          - {label: "Image", name: image, widget: image}
+          - {label: "Image description", name: image_description, widget: string}
+
+      - label: "Quote (not required)"
+        name: "quote_3"
+        widget: object
+        required: false
+        fields:
+          - {label: "quote", name: quote, widget: string}
+          - {label: "source", name: source, widget: string}
+
+      - label: "Video (not required)"
+        name: "video"
+        widget: object
+        required: false
+        fields:
+          - {label: "Youtube ID", name: youtube_id, widget: string}
+          - {label: "Image", name: image, widget: image}
+          - {label: "Image description", name: image_description, widget: string}
+
+      - label: "Team"
+        name: team
+        widget: object
+        fields:
+          - label: "People"
+            name: people
+            widget: list
+            fields:
+              - {label: "Full name", name: full_name, widget: string}
+              - {label: "Image", name: image, widget: image}
+              - {label: "Link to people page", name: link, widget: string, required: false}
+
+      - label: "Site of the client (not required)"
+        name: "site"
+        widget: object
+        required: false
+        fields:
+          - {label: "Link", name: link, widget: string}
+          - {label: "Text", name: text, widget: string}
+
+      - label: "Links related to this product story (not required)"
+        name: links
+        widget: list
+        required: false
+        fields:
+          - {label: "Title", name: title, widget: string}
+          - {label: "Source", name: source, widget: string}
+          - {label: "Type", name: type, widget: string}
+          - {label: "Link", name: link, widget: string}
+
+      - label: "Related Articles (not required)"
+        name: "related"
+        widget: object
+        required: false
+        fields:
+          - {label: "Title (fill in with 'related')", name: title, widget: string}
+          - label: "Articles"
+            name: articles
+            widget: list
+            fields:
+              - {label: "Title", name: title, widget: string}
+              - {label: "Type", name: type, widget: string}
+              - {label: "Link", name: link, widget: string}
+
+      - label: 'Body (just fill in with single character)'
+        name: 'body'
+        widget: 'markdown'
+
   - name: 'news_articles'
     label: 'News articles'
     folder: '/source/news'

From e6c6e74b565395176d24de19183b0da7d7b4d06b Mon Sep 17 00:00:00 2001
From: Celia Collins <celiadcollins@gmail.com>
Date: Fri, 20 Sep 2019 16:22:08 +0100
Subject: [PATCH 03/10] Update product story index page to use cms produced
 articles

---
 source/product-stories.html.erb | 111 ++------------------------------
 1 file changed, 5 insertions(+), 106 deletions(-)

diff --git a/source/product-stories.html.erb b/source/product-stories.html.erb
index 348931e0c..770baa177 100644
--- a/source/product-stories.html.erb
+++ b/source/product-stories.html.erb
@@ -5,107 +5,6 @@ header:
   title: "Product stories"
   subtitle: "Since 2005, Unboxed has been working across both the public and private sectors to
             deliver end-to-end digital products and services through agile, user-centered approaches."
-
-product_stories:
-  - client: "Petitions"
-    description: "Public sector collaboration with GDS to relaunch Petitions platform for UK citizens, meeting new user needs and public demand in just 10 weeks"
-    link: "/product-stories/petitions/"
-    image: "/assets/images/product-stories/petitions.png"
-
-  - client: "Guy's and St Thomas'"
-    description: "Introducing a patient-led innovation programme into the NHS"
-    link: "/product-stories/guys-and-st-thomas/"
-    image: "/assets/images/product-stories/guys-and-st-thomas.jpg"
-
-  - client: "SH:24"
-    description: "Transformation of NHS sexual health clinics to a digital service in 8 weeks"
-    link: "/product-stories/sh24/"
-    image: "/assets/images/product-stories/sh24.jpg"
-
-  - client: "Public Health England"
-    description: "Developing the UK National Screening Committee’s new online presence with Public Health England: discovery phase"
-    link: "/product-stories/public-health-england-nsc-discovery/"
-    image: "/assets/images/product-stories/public-health-england.jpg"
-
-  - client: "Southwark CCG"
-    description: "Improving general practice access with Southwark CCG: Design sprint"
-    link: "/product-stories/southwark-ccg/"
-    image: "/assets/images/product-stories/southwark-ccg.jpg"
-
-  - client: "char.gy"
-    description: "Providing residents with an on-street electric vehicle lamppost charging solution with char.gy"
-    link: "/product-stories/chargy/"
-    image: "/assets/images/product-stories/chargy.jpg"
-
-  - client: "States of Jersey"
-    description: "Launching Jersey Petitions through an open source approach with States of Jersey"
-    link: "/product-stories/jersey-petitions/"
-    image: "/assets/images/product-stories/jersey-petitions.png"
-
-  - client: "Plymouth University"
-    description: "Unboxed leads Agile rebuild of Plymouth University website"
-    link: "/product-stories/plymouth-university/"
-    image: "/assets/images/product-stories/plymouth-university.jpg"
-
-  - client: "Newham Council"
-    description: "Exploring special education needs and disability services with Newham Council"
-    link: "/product-stories/newham-council-local-offer/"
-    image: "/assets/images/product-stories/newham-council-local-offer.jpg"
-
-  - client: "Newham Council"
-    description: "Improving residential access and support to homelessness services - the Discovery and Alpha phases"
-    link: "/product-stories/newham-council/"
-    image: "/assets/images/product-stories/newham-council.jpg"
-
-  - client: "Channel 5"
-    description: "Redevelopment of Channel5.com attracts more users, driving revenue"
-    link: "/product-stories/channel-5/"
-    image: "/assets/images/product-stories/channel-5.jpg"
-
-  - client: "Buckinghamshire County Council"
-    description: "12-week Beta phase for two services with annual cost-saving of £350,000"
-    link: "/product-stories/bucks-cc-beta"
-    image: "/assets/images/product-stories/bucks-cc-beta.jpg"
-
-  - client: "Pearson"
-    description: "Unlocking a new digital learning revenue stream with Pearson"
-    link: "/product-stories/pearson"
-    image: "/assets/images/product-stories/pearson.jpg"
-
-  - client: "Reed Learning"
-    description: "Leading digital transformation in professional learning and development"
-    link: "/product-stories/reed-learning"
-    image: "/assets/images/product-stories/reed-learning.jpg"
-
-  - client: "Springer Nature"
-    description: "Exploring the impact of online publishing with Bookmetrix"
-    link: "/product-stories/bookmetrix"
-    image: "/assets/images/product-stories/bookmetrix.jpg"
-
-  - client: "Buckinghamshire County Council"
-    description: "6-week Discovery and 8-week Alpha phases for two key public services"
-    link: "/product-stories/bucks-cc"
-    image: "/assets/images/product-stories/bucks-cc.jpg"
-
-  - client: "Contiki Holidays"
-    description: "Powerful offshore partnership creates 47% increase in bookings for Contiki Holidays"
-    link: "/product-stories/contiki-holidays/"
-    image: "/assets/images/product-stories/contiki.jpg"
-
-  - client: "Naturejobs"
-    description: "Recruitment site revitalisation for major scientific publishing group"
-    link: "/product-stories/naturejobs/"
-    image: "/assets/images/product-stories/naturejobs-macmillan.jpg"
-
-  - client: "V&A"
-    description: "Hosting and infrastructure delivery of new digital platform for world-leading V&A"
-    link: "/product-stories/v-and-a-museum"
-    image: "/assets/images/product-stories/v-and-a-museum.jpg"
-
-  - client : "Petition Map"
-    description: "Visualising UK petition signatures and open source data"
-    link: "/product-stories/petition-map"
-    image: "/assets/images/product-stories/petition-map.jpg"
 ---
 
 <header class="page-header page-header--bottom-margin">
@@ -122,13 +21,13 @@ product_stories:
 
 <div class="container">
   <div class="container--grid" data-header-waypoint>
-    <% current_page.data.product_stories.each_with_index do |product_story, index| %>
-      <a class="product-story-small-tile" href="<%= product_story.link %>">
+    <% blog("product-stories").articles.each do |product_story| %>
+      <a class="product-story-small-tile" href="<%= product_story.url %>">
         <div class="product-story-small-tile__container">
-          <%= image_tag product_story.image, alt: product_story.client, class: "product-story-small-tile__image", srcset: retina_srcset(product_story.image) %>
+          <%= image_tag product_story.data.image, alt: product_story.data.header.client, class: "product-story-small-tile__image", srcset: retina_srcset(product_story.data.image) %>
           <div class="product-story-small-tile__content">
-            <div class="product-story-small-tile__client"><%= product_story.client %></div>
-            <div class="product-story-small-tile__description"><%= product_story.description %></div>
+            <div class="product-story-small-tile__client"><%= product_story.data.header.client %></div>
+            <div class="product-story-small-tile__description"><%= product_story.data.description %></div>
           </div>
         </div>
       </a>

From 3d2c37cb0bd0e72d09695d523f588e3f2f0e28bf Mon Sep 17 00:00:00 2001
From: Celia Collins <celiadcollins@gmail.com>
Date: Fri, 20 Sep 2019 16:25:04 +0100
Subject: [PATCH 04/10] Add layout for all product stories

---
 source/layouts/product_story.erb | 134 +++++++++++++++++++++++++++++++
 1 file changed, 134 insertions(+)
 create mode 100644 source/layouts/product_story.erb

diff --git a/source/layouts/product_story.erb b/source/layouts/product_story.erb
new file mode 100644
index 000000000..c87f6a2a9
--- /dev/null
+++ b/source/layouts/product_story.erb
@@ -0,0 +1,134 @@
+<% content_for(:title) { "#{current_page.data.title}" } %>
+<% content_for(:meta_description) { truncate(strip_tags(current_article.body), length: 150) } %>
+<% add_atom_feed_to_head %>
+
+<!--Twitter card tags-->
+<% content_for(:twitter_card) do %>
+  <meta name="twitter:description" content="<%= truncate(strip_tags(current_article.body), length: 150) %>">
+  <meta name="twitter:image" content="<%= current_page.data.main_image %>">
+<% end %>
+
+<% wrap_layout :application do %>
+  <% article_info = article_info(data.people, current_page.data) %>
+
+  <section class="blog-article">
+    <%= partial 'shared/page_header', locals: current_page.data.header %>
+
+    <div class="container">
+      <%= partial 'shared/full_image', locals: current_page.data.header %>
+
+      <%= partial 'shared/text_tile', locals: current_page.data.introduction %>
+
+      <%= partial 'shared/highlight', locals: current_page.data.highlight_1 %>
+
+      <%= partial 'shared/text_tile', locals: current_page.data.paragraph_1 %>
+
+      <%= partial 'shared/quote', locals: current_page.data.quote_1 %>
+
+      <%= partial 'shared/text_tile_reversed', locals: current_page.data.paragraph_2 %>
+
+      <% if current_page.data.video %>
+        <%= partial 'shared/full_video', locals: current_page.data.video %>
+      <% end %>
+
+      <% if current_page.data.highlight_2 %>
+        <%= partial 'shared/highlight', locals: current_page.data.highlight_2 %>
+      <% end %>
+
+      <%= partial 'shared/text_tile', locals: current_page.data.paragraph_3 %>
+
+      <%= partial 'shared/quote', locals: current_page.data.quote_2 %>
+
+      <% if current_page.data.paragraph_4 %>
+        <%= partial 'shared/text_tile_reversed', locals: current_page.data.paragraph_4 %>
+      <% end %>
+
+      <% if current_page.data.highlight_3 %>
+        <%= partial 'shared/highlight', locals: current_page.data.highlight_3 %>
+      <% end %>
+
+      <% if current_page.data.quote_3 %>
+        <%= partial 'shared/quote', locals: current_page.data.quote_3 %>
+      <% end %>
+
+      <% if current_page.data.paragraph_5 %>
+        <%= partial 'shared/text_tile', locals: current_page.data.paragraph_5 %>
+      <% end %>
+
+      <% if current_page.data.quote_4 %>
+        <%= partial 'shared/quote', locals: current_page.data.quote_4 %>
+      <% end %>
+
+      <% if current_page.data.paragraph_6 %>
+        <%= partial 'shared/text_tile_reversed', locals: current_page.data.paragraph_6 %>
+      <% end %>
+
+      <% if current_page.data.quote_5 %>
+        <%= partial 'shared/quote', locals: current_page.data.quote_5 %>
+      <% end %>
+
+      <% if current_page.data.paragraph_7 %>
+        <%= partial 'shared/text_tile', locals: current_page.data.paragraph_7 %>
+      <% end %>
+
+      <%= partial 'shared/project_team' %>
+
+      <% if current_page.data.links %>
+        <%= partial 'shared/link_tiles' %>
+      <% end %>
+
+      <% if current_page.data.related %>
+        <%= partial 'shared/related_tiles' %>
+      <% end %>
+
+      <%= partial 'share_social_icons' %>
+    </div>
+  </section>
+
+  <div class="blog-footer">
+    <div class="blog-footer__container">
+      <% if current_article.similar_articles.any? %>
+        <div class="page-footer-introduction">
+          <h3 class="page-footer-introduction__title">
+            Related
+          </h3>
+        </div>
+
+        <% current_article.similar_articles.first(3).each do |article| %>
+          <a class="blog-related-tile" href="<%= article.url %>">
+            <div class="blog-related-tile__title">
+              <%= truncate(article.title, length: 70) %>
+            </div>
+
+            <div>
+              <div class="blog-related-tile__author">
+                <%= article_info(data.people, article.data).author_names %>
+              </div>
+            </div>
+          </a>
+        <% end %>
+      <% end %>
+    </div>
+  </div>
+
+  <script>
+    var iframes = document.querySelectorAll('.blog-content iframe');
+    if (iframes.length !== 0) {
+      function resizeIframes() {
+        for (var i = 0; i < iframes.length; i++) {
+          var iframe = iframes[i]
+          // Get the iframe's intended aspect ratio via it's inline dimensions
+          var ratio = iframe.getAttribute('height') / iframe.getAttribute('width');
+          // Apply a CSS height that is in correct ratio to it's current width
+          iframe.style.height = iframe.offsetWidth * ratio + 'px';
+        };
+      }
+      var timer;
+      window.onresize = function() {
+        clearTimeout(timer);
+        timer = setTimeout(resizeIframes, 100);
+      };
+      resizeIframes();
+    }
+  </script>
+<% end %>

From f2391b7a969d841e90d938d9dbb822e54faef518 Mon Sep 17 00:00:00 2001
From: Celia Collins <celiadcollins@gmail.com>
Date: Fri, 20 Sep 2019 16:39:13 +0100
Subject: [PATCH 05/10] Reformat and rename old product stories to fit new
 layout

---
 ...l.erb => 2018-02-20-petition-map.html.erb} | 100 +++---------
 ...erb => 2018-03-20-v-and-a-museum.html.erb} |  59 ++------
 ...tml.erb => 2018-04-20-naturejobs.html.erb} |  63 ++------
 ...b => 2018-05-20-contiki-holidays.html.erb} |  74 ++-------
 ....html.erb => 2018-06-20-bucks-cc.html.erb} |  82 +++-------
 ...tml.erb => 2018-07-20-bookmetrix.html.erb} |  88 ++++-------
 ....erb => 2018-08-20-reed-learning.html.erb} |  58 ++-----
 ...n.html.erb => 2018-09-20-pearson.html.erb} | 129 +++-------------
 ....erb => 2018-10-20-bucks-cc-beta.html.erb} |  72 +++------
 ...html.erb => 2018-11-20-channel-5.html.erb} |  63 ++------
 ...12-20-newham-council-local-offer.html.erb} |  53 ++-----
 ...erb => 2019-01-20-newham-council.html.erb} |  90 +++--------
 ...> 2019-02-20-plymouth-university.html.erb} |  64 ++------
 ...b => 2019-03-20-jersey-petitions.html.erb} |  44 ++----
 ...gy.html.erb => 2019-04-20-chargy.html.erb} |  53 ++-----
 .../2019-05-20-southwark-ccg.html.erb         | 124 +++++++++++++++
 ...lic-health-england-nsc-discovery.html.erb} |  60 ++------
 ...sh24.html.erb => 2019-07-20-sh24.html.erb} |  89 ++++-------
 ...=> 2019-08-20-guys-and-st-thomas.html.erb} |  53 ++-----
 ...html.erb => 2019-09-20-petitions.html.erb} |  68 +++------
 .../plymouth-university-gets-agile.html.erb   |   0
 source/product-stories/southwark-ccg.html.erb | 143 ------------------
 22 files changed, 446 insertions(+), 1183 deletions(-)
 rename source/product-stories/{petition-map.html.erb => 2018-02-20-petition-map.html.erb} (62%)
 rename source/product-stories/{v-and-a-museum.html.erb => 2018-03-20-v-and-a-museum.html.erb} (80%)
 rename source/product-stories/{naturejobs.html.erb => 2018-04-20-naturejobs.html.erb} (73%)
 rename source/product-stories/{contiki-holidays.html.erb => 2018-05-20-contiki-holidays.html.erb} (74%)
 rename source/product-stories/{bucks-cc.html.erb => 2018-06-20-bucks-cc.html.erb} (81%)
 rename source/product-stories/{bookmetrix.html.erb => 2018-07-20-bookmetrix.html.erb} (76%)
 rename source/product-stories/{reed-learning.html.erb => 2018-08-20-reed-learning.html.erb} (82%)
 rename source/product-stories/{pearson.html.erb => 2018-09-20-pearson.html.erb} (68%)
 rename source/product-stories/{bucks-cc-beta.html.erb => 2018-10-20-bucks-cc-beta.html.erb} (80%)
 rename source/product-stories/{channel-5.html.erb => 2018-11-20-channel-5.html.erb} (72%)
 rename source/product-stories/{newham-council-local-offer.html.erb => 2018-12-20-newham-council-local-offer.html.erb} (83%)
 rename source/product-stories/{newham-council.html.erb => 2019-01-20-newham-council.html.erb} (79%)
 rename source/product-stories/{plymouth-university.html.erb => 2019-02-20-plymouth-university.html.erb} (80%)
 rename source/product-stories/{jersey-petitions.html.erb => 2019-03-20-jersey-petitions.html.erb} (83%)
 rename source/product-stories/{chargy.html.erb => 2019-04-20-chargy.html.erb} (82%)
 create mode 100644 source/product-stories/2019-05-20-southwark-ccg.html.erb
 rename source/product-stories/{public-health-england-nsc-discovery.html.erb => 2019-06-20-public-health-england-nsc-discovery.html.erb} (81%)
 rename source/product-stories/{sh24.html.erb => 2019-07-20-sh24.html.erb} (78%)
 rename source/product-stories/{guys-and-st-thomas.html.erb => 2019-08-20-guys-and-st-thomas.html.erb} (83%)
 rename source/product-stories/{petitions.html.erb => 2019-09-20-petitions.html.erb} (80%)
 rename source/product-stories/{ => archived}/plymouth-university-gets-agile.html.erb (100%)
 delete mode 100644 source/product-stories/southwark-ccg.html.erb

diff --git a/source/product-stories/petition-map.html.erb b/source/product-stories/2018-02-20-petition-map.html.erb
similarity index 62%
rename from source/product-stories/petition-map.html.erb
rename to source/product-stories/2018-02-20-petition-map.html.erb
index f01c6947c..7323d4855 100644
--- a/source/product-stories/petition-map.html.erb
+++ b/source/product-stories/2018-02-20-petition-map.html.erb
@@ -1,5 +1,7 @@
 ---
 title: "Product Story - Petition Map"
+description: "Visualising UK petition signatures and open source data"
+image: "/assets/images/product-stories/petition-map.jpg"
 
 header:
   client: "Unboxed"
@@ -21,22 +23,22 @@ quote_1:
   source: "Cale Tilford, Developer, Unboxed"
   image: "/product-stories/petition-map/team/cale-tilford-full.png"
 
-about:
+paragraph_1:
   title: "A heat map of UK politics"
   content: "Petition Map is an interactive heat map, which allows users to visualise signatures of a UK petition on a real-time map of the United Kingdom. Following the redevelopment of the Parliament Petitions platform with GDS (Government Digital Service), our intern developer, Cale, spent innovation time during his summer here to explore, develop and build this heat map to support the Petitions platform for members of the public."
   image: "/product-stories/petition-map/map.jpg"
   image_description: "Close up of heatmap"
 
-statistics_1:
+highlight_1:
   title: "Petition Map in numbers"
-  number: "4,066,694"
-  text: "Sessions since launch"
-
-statistics_2:
-  number: "693,785"
-  text: "Peak number of daily active users"
-
-open_source:
+  project: "petition-map"
+  statistics:
+    - number: "4,066,694"
+      text: "Sessions since launch"
+    - number: "693,785"
+      text: "Peak number of daily active users"
+
+paragraph_2:
   title: '​Pulling open data for real-time visualisation'
   content: "Petition Map pulls the JSON data of each individual petition, allowing users to select from a list of active petitions to visualise, with the popular Javascript library D3 used to render the outline of each parliamentary constituency. Each instance a petition is loaded, the colour scale is calculated relative to the total number of signatures, with each constituency then coloured in relation to this."
   image: "/product-stories/petition-map/open-source.jpg"
@@ -46,20 +48,20 @@ quote_2:
   quote: "Petition Map has been built to work on both desktop and mobile so that petitions can be visualised even when on the move. The tool is constantly being iterated using the feedback we receive from our users."
   source: "Cale Tilford, Developer, Unboxed"
 
-public_following:
+paragraph_3:
   title: "Gaining a high public following"
   content: "Following a number of high-profile political topics, the map has begun to build up a public following, appearing in publications such as Mail Online and The Independent. Petitions such as ‘Block Donald J Trump from UK entry’ and the more recent four-million-signature receiving ‘EU Referendum Rules triggering a 2nd EU Referendum’ have caused a sharp surge in map users, with the number of session crossing four million since it launched."
   image: "/product-stories/petition-map/mac.jpg"
   image_description: "Petition Map on a Mac"
 
-statistics_3:
+highlight_2:
   title: "Petition Map in numbers"
-  number: "2,643,906"
-  text: "Individual users"
-
-statistics_4:
-  number: "5,904,720"
-  text: "Page views"
+  project: "petition-map"
+  statistics:
+    - number: "2,643,906"
+      text: "Individual users"
+    - number: "5,904,720"
+      text: "Page views"
 
 quote_3:
   quote: "Since the EU Referendum petition, by popular demand the map has been updated with a new colouring option – weighting each constituency with its population. Hovering over each constituency also shows you the percentage of constituents that have signed. These new features make Petition Map an even more useful tool for examining regional engagement with politics."
@@ -87,65 +89,3 @@ links:
     link: "/news/record-breaking-eu-2nd-referendum-petition-hits-3-9-million-signatures-and-rising-most-popular-parliament-petition-ever/"
 
 ---
-
-<%= partial 'shared/page_header', locals: current_page.data.header %>
-
-<div class="container" data-header-waypoint>
-  <%= partial 'shared/full_image', locals: current_page.data.header %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.introduction %>
-
-  <section class="highlight--petition-map">
-    <h2 class="highlight__title">
-      <%= current_page.data.statistics_1.title %>
-    </h2>
-
-    <div class="highlight__tile--two">
-      <p class="highlight__large-text"><%= current_page.data.statistics_1.number %></p>
-      <p class="highlight__small-text"><%= current_page.data.statistics_1.text %></p>
-      <p class="highlight__large-text"><%= current_page.data.statistics_2.number %></p>
-      <p class="highlight__wide-text"><%= current_page.data.statistics_2.text %></p>
-    </div>
-  </section>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.about %>
-
-  <blockquote class="quote">
-    <aside class="quote__right-section">
-      <p class="quote__text--centered">
-        <%= current_page.data.quote_1.quote %>
-      </p>
-      <p class="quote__source">
-        <%= current_page.data.quote_1.source %>
-      </p>
-    </aside>
-    <img class="quote__source-image" src="<%= current_page.data.quote_1.image %>" alt="<%= current_page.data.quote_1.source %>"/>
-  </blockquote>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.open_source %>
-
-  <%= partial 'shared/quote', locals: current_page.data.quote_2 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.public_following %>
-
-  <%= partial 'shared/quote', locals: current_page.data.quote_3 %>
-
-  <%= partial 'shared/project_team' %>
-
-  <section class="highlight--petition-map">
-    <h2 class="highlight__title">
-      <%= current_page.data.statistics_3.title %>
-    </h2>
-
-    <div class="highlight__tile--two">
-      <p class="highlight__large-text"><%= current_page.data.statistics_3.number %></p>
-      <p class="highlight__small-text"><%= current_page.data.statistics_3.text %></p>
-      <p class="highlight__large-text"><%= current_page.data.statistics_4.number %></p>
-      <p class="highlight__small-text"><%= current_page.data.statistics_4.text %></p>
-    </div>
-  </section>
-
-  <%= partial 'shared/link_tiles' %>
-
-</div>
-
diff --git a/source/product-stories/v-and-a-museum.html.erb b/source/product-stories/2018-03-20-v-and-a-museum.html.erb
similarity index 80%
rename from source/product-stories/v-and-a-museum.html.erb
rename to source/product-stories/2018-03-20-v-and-a-museum.html.erb
index a74c1eb5b..613ad5c2a 100644
--- a/source/product-stories/v-and-a-museum.html.erb
+++ b/source/product-stories/2018-03-20-v-and-a-museum.html.erb
@@ -1,5 +1,7 @@
 ---
 title: "Product Story - V&A"
+description: "Hosting and infrastructure delivery of new digital platform for world-leading V&A"
+image: "/assets/images/product-stories/v-and-a-museum.jpg"
 
 header:
   client: "V&A"
@@ -20,12 +22,12 @@ highlight_1:
   title: "V&A in numbers"
   project: "v-and-a-museum"
   statistics:
-  - number: "12,699,552"
-    text: "Online visitors during 2014-2015"
-  - number: "8%"
-    text: "Conversion rate from online to museum visitors"
+    - number: "12,699,552"
+      text: "Online visitors during 2014-2015"
+    - number: "8%"
+      text: "Conversion rate from online to museum visitors"
 
-infrastructure:
+paragraph_1:
   title: "Support and infrastructure for world-leading digital platform"
   content: "Founded in 1852, the Victoria and Albert Museum (V&A) is the world's leading museum of art and design, with over 60,000 collection items on permanent display. Following the delivery of a new digital platform, their Digital Media team required a partner to ensure this remained live during the critical website re-launch phase, along with efficient, scalable infrastructure and support for the future."
   image: "/product-stories/v-and-a-museum/devs2.jpg"
@@ -35,7 +37,7 @@ quote_1:
   quote: "The aim is for our website to bring the V&A to life online. With our new site ready for re-launch, it was time to invest in our digital infrastructure and support. Unboxed came highly recommended to us by our development partner."
   source: "Kati Price, Head of Digital Media, V&A"
 
-aws:
+paragraph_2:
   title: "Rails application deployed to AWS for peak traffic levels"
   content: "We began by deploying the application onto AWS (Amazon Web Services) to ensure accommodation for extra capacity at peak traffic levels. Meeting new levels of traffic demand was a key activity of preparation for V&A’s high profile re-launch. We evaluated a number of methods for the infrastructure build, settling on AWS CloudFormation to manage the AWS resource and CodeDeploy to co-ordinate application deployments."
   image: "/product-stories/v-and-a-museum/devs1.jpg"
@@ -46,7 +48,7 @@ quote_2:
   source: "Andrew White, CTO, Unboxed"
   image: "/product-stories/v-and-a-museum/team/andrew-white-full.png"
 
-server_load:
+paragraph_3:
   title: "Reducing the server load, automatically deploying"
   content: "Cloudfront, a Content Delivery Network, was implemented reducing the load of the system’s front-end CMS servers. The CMS was then separated from the front-end, ensuring an extra layer of security, and S3 selected for the backup and recovery of media and catalogue uploads – vital for support of the 5,000-page CMS. Automatically deploying to a preview environment when merging pull requests reduced development time."
   image: "/product-stories/v-and-a-museum/mac.jpg"
@@ -56,12 +58,12 @@ highlight_2:
   title: "V&A in numbers"
   project: "v-and-a-museum"
   statistics:
-  - number: "10.08%"
-    text: "Target online-to-visitor conversion rate for 2017/18"
-  - number: "5,000"
-    text: "Page CMS supported"
+    - number: "10.08%"
+      text: "Target online-to-visitor conversion rate for 2017/18"
+    - number: "5,000"
+      text: "Page CMS supported"
 
-digital_platform:
+paragraph_4:
   title: "Supported digital platform successfully re-launched"
   content: "With the re-launch of the platform a success, we are now responsible for the ongoing infrastructure services and application support. Multiple servers behind Elastic Load Balancing now allow for zero downtime deploys and AWS autoscaling is used to reduce running costs during lower capacity periods. The V&A is now in a position to continue growing their digital presence."
   image: "/product-stories/v-and-a-museum/iphone.jpg"
@@ -121,36 +123,3 @@ related:
     link: "https://unboxed.co/blog/andrew-white-s-technical-breakfast-club-what-s-coming-in-rails-5-0/"
 
 ---
-
-<%= partial 'shared/page_header', locals: current_page.data.header %>
-
-<div class="container" data-header-waypoint>
-  <%= partial 'shared/full_image', locals: current_page.data.header %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.introduction %>
-
-  <%= partial 'shared/highlight', locals: current_page.data.highlight_1 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.infrastructure %>
-
-  <%= partial 'shared/quote', locals: current_page.data.quote_1 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.aws %>
-
-  <%= partial 'shared/quote_caricature', locals: current_page.data.quote_2 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.server_load %>
-
-  <%= partial 'shared/highlight', locals: current_page.data.highlight_2 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.digital_platform %>
-
-  <%= partial 'shared/quote', locals: current_page.data.quote_3 %>
-
-  <%= partial 'shared/project_team' %>
-
-  <%= partial 'shared/link_tiles' %>
-
-  <%= partial 'shared/related_tiles' %>
-
-</div>
diff --git a/source/product-stories/naturejobs.html.erb b/source/product-stories/2018-04-20-naturejobs.html.erb
similarity index 73%
rename from source/product-stories/naturejobs.html.erb
rename to source/product-stories/2018-04-20-naturejobs.html.erb
index ff5471b93..74b93f7a0 100644
--- a/source/product-stories/naturejobs.html.erb
+++ b/source/product-stories/2018-04-20-naturejobs.html.erb
@@ -1,7 +1,8 @@
 ---
 title: "Product Story - Naturejobs"
-meta_description: "Recruitment site revitalisation for major scientific publishing group"
 meta_keywords: "Ruby on Rails, Ruby on Rails developer, Ruby on Rails developers, Ruby on Rails development, Ruby on Rails developer London"
+description: "Recruitment site revitalisation for major scientific publishing group"
+image: "/assets/images/product-stories/naturejobs-macmillan.jpg"
 
 header:
   client: "Naturejobs"
@@ -9,7 +10,7 @@ header:
   image: "/product-stories/naturejobs/header.jpg"
   image_description: "Naturejobs"
 
-collaboration:
+introduction:
   title: "Close, early engagement fosters confidence and aligns interests"
   content:
     - "Streamlined website development by gaining stakeholder buy-in"
@@ -19,40 +20,44 @@ collaboration:
   image: "/product-stories/naturejobs/naturejobs-website.jpg"
   image_description: "Naturejobs website screenshot"
 
-waterfall_to_agile_highlight: "The team took a product which had previously been worked on in a waterfall way and applied an Agile approach to it."
+highlight_1:
+  title: "The team took a product which had previously been worked on in a waterfall way and applied an Agile approach to it."
+  project: "naturejobs"
 
-technology:
+paragraph_1:
   title: "Upgrading the platform to use latest core technologies"
   content: "Core technologies were dated, with versions of software language and frameworks reaching end of life. This severely limited Naturejobs’ opportunity to utilise the latest framework innovations and increased security risk. We successfully planned and delivered upgrades of Ruby software, Rails framework and further business features."
   image: "/product-stories/naturejobs/team-meeting.jpg"
   image_description: "Naturejobs team meeting"
 
-collaboration_quote:
+quote_1:
   quote: "Unboxed were part of the team we were used to working with. I didn’t feel like we were customers."
   source: "David Bright, Head of Product Management — Naturejobs"
 
-user_journey:
+paragraph_2:
   title: "UX enhanced to benefit user journey"
   content: "With feedback of long and complicated user journeys on the current website, along with a high drop off rate, the user experience from start to finish was investigated and refined. Unnecessary stages in the user journey were removed, greatly reducing the drop-off rate. Every iteration was tested and assessed against real user data, resulting in a smoother and more concise journey."
   image: "/product-stories/naturejobs/ux-sketch.jpg"
   image_description: "UX design sketch"
 
-head_of_product_video:
+video:
   youtube_id: "VGu9hWOYIT0"
   image: "/product-stories/naturejobs/video-still.jpg"
   image_description: "Naturejobs Head of Product Management video"
 
-metrics:
+paragraph_3:
   title: "Establishing valuable metrics for success"
   content: "To gauge the site’s success, Naturejobs had previously been measuring page views and similar metrics. Customer feedback and studied site Analytics were reviewed to learn what users wanted and valued. Relevant metrics were then established, such as the number of CV uploads achieved and job searches conducted. From this, Naturejobs were able to remove many redundant and unused features, resulting in a reduction of their maintenance overheads."
   image: "/product-stories/naturejobs/workstation.jpg"
   image_description: ""
 
-mentality_quote:
+quote_2:
   quote: "The mentality was: 'We want to build great products together.'"
   source: "David Bright, Head of Product Management — Naturejobs"
 
-feedback_highlight: "At the end of fortnightly sprints, the team were able to get feedback that built momentum and trust with stakeholders."
+highlight_2:
+  title: "At the end of fortnightly sprints, the team were able to get feedback that built momentum and trust with stakeholders."
+  project: "naturejobs"
 
 team:
   title: "Unboxed team"
@@ -106,41 +111,3 @@ related:
       type: "product story"
       link: "/product-stories/plymouth-university"
 ---
-
-<%= partial 'shared/page_header', locals: current_page.data.header %>
-
-<div class="container" data-header-waypoint>
-  <%= partial 'shared/full_image', locals: current_page.data.header %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.collaboration %>
-
-  <section class="highlight--naturejobs">
-    <h2 class="highlight__title">
-      <%= current_page.data.waterfall_to_agile_highlight %>
-    </h2>
-  </section>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.technology %>
-
-  <%= partial 'shared/quote', locals: current_page.data.collaboration_quote %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.user_journey %>
-
-  <%= partial 'shared/full_video', locals: current_page.data.head_of_product_video %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.metrics %>
-
-  <%= partial 'shared/quote', locals: current_page.data.mentality_quote %>
-
-  <%= partial 'shared/project_team' %>
-
-  <section class="highlight--naturejobs">
-    <h2 class="highlight__title">
-      <%= current_page.data.feedback_highlight %>
-    </h2>
-  </section>
-
-  <%= partial 'shared/link_tiles' %>
-
-  <%= partial 'shared/related_tiles' %>
-</div>
diff --git a/source/product-stories/contiki-holidays.html.erb b/source/product-stories/2018-05-20-contiki-holidays.html.erb
similarity index 74%
rename from source/product-stories/contiki-holidays.html.erb
rename to source/product-stories/2018-05-20-contiki-holidays.html.erb
index 207328b7a..649e546d6 100644
--- a/source/product-stories/contiki-holidays.html.erb
+++ b/source/product-stories/2018-05-20-contiki-holidays.html.erb
@@ -1,7 +1,8 @@
 ---
 title: "Product Story - Contiki Holidays"
-meta_description: "Powerful offshore partnership creates 47% increase in bookings for Contiki Tours"
 meta_keywords: "Ruby on Rails, Ruby on Rails developer, Ruby on Rails developers, Ruby on Rails development"
+description: "Powerful offshore partnership creates 47% increase in bookings for Contiki Tours"
+image: "/assets/images/product-stories/contiki.jpg"
 
 header:
   client: "Contiki Holidays"
@@ -9,7 +10,7 @@ header:
   image: "/product-stories/contiki-holidays/header-image.jpg"
   image_description: "Couple on the beach"
 
-partnership:
+introduction:
   title: "47% more holiday bookings through rebuilding travel platform"
   content:
     - "Offshore team led overhaul, vastly improving UX"
@@ -18,7 +19,7 @@ partnership:
   image: "/product-stories/contiki-holidays/yellow-screen.jpg"
   image_description: "Contiki website screenshot"
 
-introduction:
+paragraph_1:
   title: "10-year-old site needed more than a facelift to improve conversions"
   content: "Contiki Tours is a global travel operation, with 150k bookings for 18-35s per year. Contiki needed to revamp online platform to increase visitor-to sale conversion and meet expectations of tech-savvy audience. Something special was needed for the 10-year old site, already tweaked by several other agencies."
   image: "/product-stories/contiki-holidays/team-meeting.jpg"
@@ -42,33 +43,33 @@ highlight_2:
     text: "Increase in bookings over previous period"
     icon: fa-arrow-up
 
-agile:
+paragraph_2:
   title: "Agile key in move to iterative customer-led design development"
   content: "Unboxed’s offshore Cape Town team, led Contiki through the Agile-based project – focusing on rapid delivery of customer features over ‘pixel perfect’ designs. The complete project team consisted of four developers, a Scrum Master, Contiki’s design team and the Product Owner and the total project duration was 16 weeks."
   image: "/product-stories/contiki-holidays/design-presentation.jpg"
   image_description: "Presentation of a design"
 
-project_quote:
+quote_1:
   quote: "Our ambitious business objectives around performance and revenue were overwhelmingly met. The project came in on time and budget. Can’t ask for more than that!"
   source: "Simon Larkin, Product Owner — Contiki"
 
-collaboration:
+paragraph_3:
   title: "A step change in site performance shifts dated business model"
   content: "The development and design teams worked side-by-side and communicated using ‘The Unboxed Way’ - frequent, high-bandwidth, clear and open channels. Contiki were able to re-prioritise their features on a weekly basis as new requirements emerged. Built in Ruby on Rails, with JavaScript elements and Unboxed’s own micro-service APIs, this is a site created to meet Contiki’s future business goals."
   image: "/product-stories/contiki-holidays/sketch.jpg"
   image_description: "Sketch of a design"
 
-release_quote:
+quote_2:
   quote: "We had a straightforward and smooth product release, with minimal fuss or user support issues."
   source: "Simon Larkin, Product Owner — Contiki"
 
-objectives:
+paragraph_4:
   title: "Pre-project objectives met – results dropped straight onto bottom line"
   content: "All project’s objectives have been met or exceeded. Page loading times have decreased by 56%, conversion rates are up 43% and bookings up 47%. The technologies employed are designed to dramatically cut the cost of future improvements."
   image: "/product-stories/contiki-holidays/blue-screen.jpg"
   image_description: "Contiki website screenshot"
 
-team_quote:
+quote_3:
   quote: "The 'Unboxed Way' created a fully integrated team and made offshoring development a reality for Contiki."
   source: "Simon Larkin, Product Owner — Contiki"
 
@@ -132,58 +133,3 @@ related:
       type: "product story"
       link: "/product-stories/plymouth-university"
 ---
-
-<%= partial 'shared/page_header', locals: current_page.data.header %>
-
-<div class="container" data-header-waypoint>
-  <%= partial 'shared/full_image', locals: current_page.data.header %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.partnership %>
-
-  <%= partial 'shared/highlight', locals: current_page.data.highlight_1 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.introduction %>
-
-  <%= partial 'shared/quote', locals: current_page.data.project_quote %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.agile %>
-
-  <%= partial 'shared/highlight', locals: current_page.data.highlight_2 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.collaboration %>
-
-  <%= partial 'shared/quote', locals: current_page.data.release_quote %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.objectives %>
-
-  <%= partial 'shared/quote', locals: current_page.data.team_quote %>
-
-  <%= partial 'shared/project_team' %>
-
-  <section class="highlight--contiki-holidays">
-    <h2 class="highlight__title">
-      <%= current_page.data.objectives_outcomes.title %>
-    </h2>
-
-    <ul class="highlight__list--bulleted">
-      <% current_page.data.objectives_outcomes.objectives.each do |objective| %>
-        <li class="highlight__list-item">
-          <%= objective %>
-          <span class="highlight__small-list-item">Objective met</span>
-        </li>
-      <% end %>
-      <ul class="highlight__list--bulleted-one-column">
-        <% current_page.data.objectives_outcomes.objective_smashed.each do |objective| %>
-          <li class="highlight__list-item">
-            <%= objective %>
-            <span class="highlight__small-list-item">Objective smashed!</span>
-          </li>
-        <% end %>
-      </ul>
-    </ul>
-  </section>
-
-  <%= partial 'shared/link_tiles' %>
-
-  <%= partial 'shared/related_tiles' %>
-</div>
diff --git a/source/product-stories/bucks-cc.html.erb b/source/product-stories/2018-06-20-bucks-cc.html.erb
similarity index 81%
rename from source/product-stories/bucks-cc.html.erb
rename to source/product-stories/2018-06-20-bucks-cc.html.erb
index 4bde67743..d48e5ccde 100644
--- a/source/product-stories/bucks-cc.html.erb
+++ b/source/product-stories/2018-06-20-bucks-cc.html.erb
@@ -1,5 +1,7 @@
 ---
 title: "Product Story - Buckinghamshire County Council"
+description: "6-week Discovery and 8-week Alpha phases for two key public services"
+image: "/assets/images/product-stories/bucks-cc.jpg"
 
 header:
   client: "Buckinghamshire County Council"
@@ -21,74 +23,74 @@ highlight_1:
   title: "Buckinghamshire County Council in numbers"
   project: "bucks-cc"
   statistics:
-  - number: "£200,000"
-    text: "Estimated combined cost-saving by these new services per year"
-  - number: "£1.8m"
-    text: "Overall cost-saving target"
+    - number: "£200,000"
+      text: "Estimated combined cost-saving by these new services per year"
+    - number: "£1.8m"
+      text: "Overall cost-saving target"
 
 highlight_2:
   title: "Buckinghamshire County Council in numbers"
   project: "bucks-cc"
   statistics:
-  - number: "18,000"
-    text: "Children placed in schools per year in the district"
-  - number: "322"
-    text: "Responses to customer surveys"
+    - number: "18,000"
+      text: "Children placed in schools per year in the district"
+    - number: "322"
+      text: "Responses to customer surveys"
 
-digital_service_standard:
+paragraph_1:
   title: "Step one: Adopting a digital service standard"
   content: "Buckinghamshire County Council provides their services to over 522,000 local residents. As a first step in their cost-saving target of £1.8 million, and with a focus for delivering two ‘end-to-end’ exemplar services, Buckinghamshire County Council came to us with the aim of redesigning two of their highest volume services around user needs: ‘Find my child a school place’ and ‘Maintain my street’."
   image: "product-stories/bucks-cc/meeting.jpg"
   image_description: "Bucks CC meeting"
 
-digital_services_quote:
+quote_1:
   quote: "We provide very few digital services at the moment. So we are working on some of the most complex, highest volume services to understand what our users want from the experience – and how much of the service can be delivered through digital. We believe we can only achieve this if we design services good enough that people self-serve online, and find them easy to use, first-time."
   source: "Matthew Cain, Head of Digital, Buckinghamshire County Council"
 
-understanding_customer:
+paragraph_2:
   title: "Discovering what the customer really wants"
   content: "Customer feedback of current services revealed responses including: &quot;It was a messy, unclear and painful process...&quot; and &quot;A horrendous experience...&quot;. This feedback, teamed with a high level of contact centre calls of customers experiencing service problems, meant we needed to explore readdressing the needs of the customer and recreating these services with effective user journeys."
   image: "product-stories/bucks-cc/customers.jpg"
   image_description: "Talking to customers"
 
-impact_quote:
+quote_2:
   quote: "We are creating high quality digital services that will have a positive impact on key performance indicators such as customer satisfaction and cost per transaction. Unhappy and confused customers result in significant unnecessary work chasing information and handling queries and complaints. A better user experience in a few key areas will deliver benefits across the organisation."
   source: "Martyn Evans, Head of Product, Unboxed"
   image: "/product-stories/bucks-cc/team/martyn-evans-full.png"
 
-talking_with_customers:
+paragraph_3:
   title: "Getting out the door and talking to real customers"
   content: "During the Discovery phase, the team challenged the idea of who was thought to be the customer and went back to the drawing board (literally) to investigate who the customer actually is. We took the team outside of the council building to talk to real service users where they live and work in Aylesbury. Engaging through face-to-face interviews and conversations resulted in a fresh range of customer personas to begin prototyping with."
   image: "product-stories/bucks-cc/getout.jpg"
   image_description: "Get out of the building"
 
-development_quote:
+quote_3:
   quote: "We’ve learnt the core techniques for digital service development: Developing personas, interviewing users, sketching solutions and prototyping."
   source: "Matthew Cain, Head of Digital, Buckinghamshire County Council"
 
-agile_local_council:
+paragraph_4:
   title: "Shifting to agile in a local council"
   content: "Co-locating and working within the Buckinghamshire County Council council offices in Aylesbury means bringing agile working to within a local council environment. Daily stand ups with the team and fortnightly Show & Tells with stakeholders are scheduled in, the team has a “war room” where everything is up on the walls for all to see and transparent, open communication is actively and constantly encouraged."
   image: "product-stories/bucks-cc/meeting2.jpg"
   image_description: "Another Bucks CC meeting"
 
-agile_quote:
+quote_4:
   quote: "We have been forced to move away from our comfort zone, leave our desks and find the people within the organisation with the authority to make a decision quickly. Some might call it being more agile. It has worked. We have achieved a lot in a short frame of time and impressed our colleagues sat in their meetings along the way."
   source: "Helen Gracie, Business Improvement Manager, Buckinghamshire County Council"
 
-mvp_prototyping:
+paragraph_5:
   title: "MVP prototyping using user feedback"
   content: "The team encountered and overcame a series of technical challenges during the Alpha phase, mostly around integration with existing business systems and data sources. Both services were iterated and redesigned, with user journeys remapped, through MVP prototyping and incorporating the user feedback received. The completion of this phase has highlighted the biggest risks for the team to tackle next."
   image: "product-stories/bucks-cc/street.jpg"
   image_description: ""
 
-beta_phase:
+paragraph_6:
   title: "Ready to begin the journey into Beta"
   content: "With the Discovery and Alpha phases both successfully completed, the team is now in a position to begin building these two digital services in the 12-week Beta phase, based on what the residents of Buckinghamshire really want and need. The digital service standard has now been adopted at Buckinghamshire County Council in their journey to being digital by default, something the next three years are critical in delivering."
   image: "product-stories/bucks-cc/schools.jpg"
   image_description: "Schools app"
 
-alpha_quote:
+quote_5:
   quote: "With Unboxed’s help we designed Alpha to address the biggest design, business and technical risks to the project. This is part of the new ways of working we’re trying. We’re now in a good position to provide customers with good digital services that they prefer to use."
   source: "Matthew Cain, Head of Digital, Buckinghamshire County Council"
   image: "/product-stories/bucks-cc/team/matthew-cain-full.png"
@@ -145,46 +147,4 @@ related:
     - title: "Guest post: Learning in Local Government - Part 2"
       type: "blog"
       link: "https://unboxed.co/blog/guest-post-learning-in-local-government-part-2/"
-
-
 ---
-
-<%= partial 'shared/page_header', locals: current_page.data.header %>
-
-<div class="container" data-header-waypoint>
-  <%= partial 'shared/full_image', locals: current_page.data.header %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.introduction %>
-
-  <%= partial 'shared/highlight', locals: current_page.data.highlight_1 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.digital_service_standard %>
-
-  <%= partial 'shared/quote', locals: current_page.data.digital_services_quote %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.understanding_customer %>
-
-  <%= partial 'shared/quote_caricature', locals: current_page.data.impact_quote %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.talking_with_customers %>
-
-  <%= partial 'shared/quote', locals: current_page.data.development_quote %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.agile_local_council %>
-
-  <%= partial 'shared/quote', locals: current_page.data.agile_quote %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.mvp_prototyping %>
-
-  <%= partial 'shared/highlight', locals: current_page.data.highlight_2 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.beta_phase %>
-
-  <%= partial 'shared/quote_caricature', locals: current_page.data.alpha_quote %>
-
-  <%= partial 'shared/project_team' %>
-
-  <%= partial 'shared/link_tiles' %>
-
-  <%= partial 'shared/related_tiles' %>
-</div>
diff --git a/source/product-stories/bookmetrix.html.erb b/source/product-stories/2018-07-20-bookmetrix.html.erb
similarity index 76%
rename from source/product-stories/bookmetrix.html.erb
rename to source/product-stories/2018-07-20-bookmetrix.html.erb
index 6203ff2a3..e7bc013e3 100644
--- a/source/product-stories/bookmetrix.html.erb
+++ b/source/product-stories/2018-07-20-bookmetrix.html.erb
@@ -1,5 +1,7 @@
 ---
 title: "Product Story - Bookmetrix"
+description: "Exploring the impact of online publishing with Bookmetrix"
+image: "/assets/images/product-stories/bookmetrix.jpg"
 
 header:
   client: "Bookmetrix"
@@ -14,77 +16,75 @@ introduction:
     - Re-kickstarting the development of new revenue stream
     - Delivering a series of valuable metric features for authors and readers through collaboration
     - Platform experiencing 90+% growth in individual user sessions and pageviews
+  image: "/product-stories/bookmetrix/ben-and-charlie.jpg"
+  image_description: "Developer at work"
 
 highlight_1:
   title: "The Bookmetrix project in numbers"
   project: "bookmetrix"
   statistics:
-  - number: "16,000"
-    text: "Book report requests during first month"
-  - number: "4,000,000+"
-    text: "Online chapters now available for users"
+    - number: "16,000"
+      text: "Book report requests during first month"
+    - number: "4,000,000+"
+      text: "Online chapters now available for users"
 
-section_2:
+paragraph_1:
   title: "Working towards overcoming an industry-specific problem"
-  content_1: |
+  content: |
     Springer Nature is experiencing a publishing industry-specific problem - authors of scholarly books often do not receive any recognition from their university for publishing new books. Working on an idea to overcome this, Bookmetrix was born - an online platform for measuring the reach, usage and readership of a book or chapter by a published author.
-  content_2: |
     The system works towards to supporting academic authors in answering vital questions from funders about the broader impact of their work, as well as supporting customers in making their purchasing decisions.
+  image: "/product-stories/bookmetrix/print-report.png"
 
-image_section_1:
-  image: "/product-stories/bookmetrix/ben-full-width-1.jpg"
-  image_description: "Developer at work"
-
-section_3:
+paragraph_2:
   title: "Partnering to deliver an impact in the world of publishing"
   content: |
     Following the global merger, Springer Nature required a development partner to bridge the gap in delivering tangible results, boosting Bookmetrix to new heights within the world of publishing. Keen to quickly begin building on the existing functionality of this highly data-driven platform, progress kicked off through an inception workshop.
   image: "/product-stories/bookmetrix/ben-and-charlie.jpg"
 
-section_4:
+
+paragraph_3:
   title: "Quickly progressing through close collaboration"
-  content_1: |
+  content: |
     Aligning the direction of the project with stakeholders and the team, a clear roadmap and first set of prioritised user stories emerged from this session through close collaboration alongside Martijn Roelandse, Head of Publishing Innovation at Springer Nature.
-  content_2: |
     Led by Martijn, as Product Owner of Bookmetrix, the team began undertaking the first steps to building on the already-existing functionality of this highly data-driven system. Initially reviewing the existing code base, work began on the development environments.
+  image: "/product-stories/bookmetrix/ben-and-charlie.jpg"
+  image_description: "Developers at work"
 
 highlight_2:
   project: "bookmetrix"
   statistics:
-  - number: "4"
-    text: "Team members"
-  - number: "10,000+"
-    text: "Publications imported to the existing database"
+    - number: "4"
+      text: "Team members"
+    - number: "10,000+"
+      text: "Publications imported to the existing database"
 
-section_5:
+paragraph_4:
   title: "Growing the existing database for a broader audience"
-  content_1: |
+  content: |
     Springer Nature were requiring a number of vital system features for Bookmetrix. Importing over 10,000+ external Palgrave ebooks grew the existing database by over 5%, reaching a total of over four million chapters, expanding the Bookmetrix offering to a broader audience.
-  content_2: |
     This marked a significant milestone as the first time a non-Springer publication had been imported into the system. Collaborating with a number of internal stakeholders, through close online communication, allowed the release of this major feature to open up the opportunity for further third party imports to meet future requirements.
+  image: "/product-stories/bookmetrix/ben-and-charlie.jpg"
+  image_description: "Developers at work"
 
-section_6:
+paragraph_5:
   title: "Emerging new features introduced to support users"
   content: |
     As the platform rapidly grows through continuous development and regular releases, further key features have emerged for users. A ‘Print book report’ feature now gives authors the ability to print a report surrounding the analytics and activity of their ebooks for use in supporting publishing grant applications. Across the first month of this feature release, over 16,000+ book report requests have already been made.
   image: "/product-stories/bookmetrix/print-report.png"
 
-section_7:
+paragraph_6:
   title: "Increasing the team to build on momentum"
-  content_1: |
+  content: |
     Sustained growth is already beginning to develop across Bookmetrix. Individual user sessions are experiencing a 90%+ increase and pageviews are growing by 98%+. A newly-released 'Call to Action' feature has also began converting click-throughs to direct sale results.
-  content_2: |
     Following the success of the merger period, Springer Nature is now in a position to resume Bookmetrix development internally, bringing the project in-house. The delivered results to date and momentum surrounding the project have now justified scaling up the development team from two developers to a team of four.
-
-image_section_2:
-  image: "/product-stories/bookmetrix/ben-full-width-2.jpg"
+  image: "/product-stories/bookmetrix/ben-and-charlie.jpg"
   image_description: "Developers at work"
 
 quote_1:
   quote: |
     As Product Owner, I had not guided a team of developers so closely before - quite a change from the world of phone and email to Slack and Trello. A refreshing breeze actually. Thankfully, the team at Unboxed was very patient with me and guided me through this new world.
   source: "Martijn Roelandse, Head of Publishing Innovation &amp; Product Owner, Springer Nature"
-  image: "/product-stories/bookmetrix/team/martijn-roelandse-full.png"
+
 
 quote_2:
   quote: |
@@ -145,31 +145,3 @@ related:
       link: "/blog/faster-than-lightning-november-s-developer-event"
 
 ---
-
-<%= partial 'shared/page_header', locals: current_page.data.header %>
-
-<div class="container" data-header-waypoint>
-  <%= partial 'shared/full_image', locals: current_page.data.header %>
-  <%= partial 'shared/full_width_text_tile', locals: current_page.data.introduction %>
-  <%= partial 'shared/highlight', locals: current_page.data.highlight_1 %>
-  <%= partial 'shared/two_text_tiles', locals: current_page.data.section_2 %>
-  <%= partial 'shared/text_tile', locals: current_page.data.section_3 %>
-  <%= partial 'shared/two_text_tiles', locals: current_page.data.section_4 %>
-  <%= partial 'shared/quote_caricature', locals: current_page.data.quote_1 %>
-
-  <%= image_tag current_page.data.image_section_1.image, alt: current_page.data.image_section_1.image_description, class: "full-image", srcset: retina_srcset(current_page.data.image_section_1.image) %>
-
-  <%= partial 'shared/two_text_tiles', locals: current_page.data.section_5 %>
-  <%= partial 'shared/text_tile_reversed', locals: current_page.data.section_6 %>
-  <%= partial 'shared/two_text_tiles', locals: current_page.data.section_7 %>
-
-  <%= image_tag current_page.data.image_section_2.image, alt: current_page.data.image_section_2.image_description, class: "full-image", srcset: retina_srcset(current_page.data.image_section_2.image) %>
-
-  <%= partial 'shared/quote', locals: current_page.data.quote_2 %>
-  <%= partial 'shared/quote', locals: current_page.data.quote_3 %>
-
-  <%= partial 'shared/project_team' %>
-
-  <%= partial 'shared/link_tiles' %>
-  <%= partial 'shared/related_tiles' %>
-</div>
diff --git a/source/product-stories/reed-learning.html.erb b/source/product-stories/2018-08-20-reed-learning.html.erb
similarity index 82%
rename from source/product-stories/reed-learning.html.erb
rename to source/product-stories/2018-08-20-reed-learning.html.erb
index eca6374d0..a034d553d 100644
--- a/source/product-stories/reed-learning.html.erb
+++ b/source/product-stories/2018-08-20-reed-learning.html.erb
@@ -1,5 +1,7 @@
 ---
 title: "Product Story - Reed Learning"
+description: "Leading digital transformation in professional learning and development"
+image: "/assets/images/product-stories/reed-learning.jpg"
 
 header:
   client: "Reed Learning"
@@ -16,7 +18,7 @@ introduction:
   image: "/product-stories/reed-learning/iterate.jpg"
   image_description: "The Reed Learning app"
 
-digital_learning:
+paragraph_1:
   title: "Breaking into the emerging digital learning marketplace"
   content: "For over 20 years, Reed Learning has successfully delivered courses, programmes and training to individuals and corporates. Facing fundamental changes to how people learn, and an emerging digital learning marketplace, they approached us with a vision to transform the way they design and deliver their products and services."
   image: "/product-stories/reed-learning/journey-map.jpg"
@@ -25,16 +27,16 @@ digital_learning:
 highlight_1:
   project: "reed-learning"
   statistics:
-  - number: "£1,000+"
-    text: "Average L&D spend per employee by UK companies"
-  - number: "45%"
-    text: "Percentage drop in instructor-led training hours year on year"
+    - number: "£1,000+"
+      text: "Average L&D spend per employee by UK companies"
+    - number: "45%"
+      text: "Percentage drop in instructor-led training hours year on year"
 
 quote_1:
   quote: "We had aggressive goals to remake our product portfolio, using digital to change how people get learning in organisations. We needed flexible partners to help us learn and build quickly."
   source: "Melissa Sabella, Director of Product and Innovation — Reed Learning"
 
-agile_pioneers:
+paragraph_2:
   title: "Creating a team of agile pioneers"
   content: "Embedding our team into the Reed Learning team allowed us to introduce agile and lean ways of working in an organisation that hadn't used these before. Before beginning this transformation, we had to ensure we were in a position to start delivering from day one. With ceremonies, systems and our working space all set up, in place and ticked off our checklist, the newly formed Reed Learning / Unboxed team was in a strong position to begin delivering results."
   image: "/product-stories/reed-learning/design.jpg"
@@ -44,7 +46,7 @@ quote_2:
   quote: "We were looking for a culture change that would consistently drive innovation. The entire product function was being newly created and we needed to do it right."
   source: "Melissa Sabella, Director of Product and Innovation — Reed Learning"
 
-piloting:
+paragraph_3:
   title: "Piloting the team’s first agile project"
   content: "Starting small, as a first step, the team launched a pilot agile project. This pilot wasn’t so big that it could be a major risk, but was large enough to make an impact and create positive waves across the organisation. Fortnightly Show & Tells were scheduled to involve stakeholders in this new way of working and used to provide updates on the most important delivered work and priorities, building up trust."
   image: "/product-stories/reed-learning/office.jpg"
@@ -54,13 +56,13 @@ quote_3:
   quote: "This pilot project was the perfect way to start small in moving towards a more agile way of working. It has also helped achieve big results at regular intervals to share with our stakeholders – along with our customers, it got our internal stakeholders excited and helped them understand what we were doing."
   source: "Melissa Sabella, Director of Product and Innovation — Reed Learning"
 
-key_features:
+paragraph_4:
   title: "Key features validated through customer engagement"
   content: "To understand the features customers would immediately start using, the team took a lean approach, talking directly to real customers. Working side-by-side with these customers, the team developed, tested and iterated prototypes. Early on, they began to understand exactly which specific features customers would immediately pay for and use."
   image: "/product-stories/reed-learning/feedback.jpg"
   image_description: "User feedback gathered and shared"
 
-new_product:
+paragraph_5:
   title: "New product in the hands of customers within weeks"
   content: "Within just a few weeks of collaborating, the team were able to fully prototype and build a working digital Ruby on Rails product that addressed a specific, validated user need, which was then immediately adopted by several active customers. Sharing this result with stakeholders increased confidence that this transformation had already begun to show results, which were not only benefitting the internal team, but also the customer."
   image: "/product-stories/reed-learning/app.jpg"
@@ -70,7 +72,7 @@ quote_4:
   quote: "Being able to share positive progress in a short amount of time was key in conveying that we really are making a difference, from the inside out."
   source: "Martyn Evans, Head of Product — Unboxed"
 
-scaling_transformation:
+paragraph_6:
   title: "Scaling transformation to increase delivery"
   content: "With a working digital product providing invaluable customer insight and full stakeholder buy-in across the organisation, the Reed Learning team have taken great strides in their vision being realised. The next step is to scale up the efforts, iterating on the product and introducing new features based on genuine customer needs and their own innovation strategy."
   image: "/product-stories/reed-learning/honeycomb.jpg"
@@ -123,39 +125,3 @@ related:
     link: "/blog/event-the-50k-springboard/"
 
 ---
-
-<%= partial 'shared/page_header', locals: current_page.data.header %>
-
-<div class="container" data-header-waypoint>
-  <%= partial 'shared/full_image', locals: current_page.data.header %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.introduction %>
-
-  <%= partial 'shared/quote', locals: current_page.data.quote_1 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.digital_learning %>
-
-  <%= partial 'shared/highlight', locals: current_page.data.highlight_1 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.agile_pioneers %>
-
-  <%= partial 'shared/quote', locals: current_page.data.quote_2 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.piloting %>
-
-  <%= partial 'shared/quote', locals: current_page.data.quote_3 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.key_features %>
-
-  <%= partial 'shared/text_tile_reversed', locals: current_page.data.new_product %>
-
-  <%= partial 'shared/quote', locals: current_page.data.quote_4 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.scaling_transformation %>
-
-  <%= partial 'shared/project_team' %>
-
-  <%= partial 'shared/link_tiles' %>
-
-  <%= partial 'shared/related_tiles' %>
-</div>
diff --git a/source/product-stories/pearson.html.erb b/source/product-stories/2018-09-20-pearson.html.erb
similarity index 68%
rename from source/product-stories/pearson.html.erb
rename to source/product-stories/2018-09-20-pearson.html.erb
index 3130138c5..4c4c24a45 100644
--- a/source/product-stories/pearson.html.erb
+++ b/source/product-stories/2018-09-20-pearson.html.erb
@@ -1,5 +1,7 @@
 ---
 title: "Product Story - Pearson"
+description: "Unlocking a new digital learning revenue stream with Pearson"
+image: "/assets/images/product-stories/pearson.jpg"
 
 header:
   client: "Pearson"
@@ -17,20 +19,16 @@ introduction:
   image: "/product-stories/pearson/ipad.jpg"
   image_description: "An iPad with the Pearson app"
 
-what_we_did_1:
+highlight_1:
   title: "What we did with Pearson"
-  text: "Agile training"
-
-what_we_did_2:
-  text: "Usability testing"
-
-what_we_did_3:
-  text: "Lean development"
-
-what_we_did_4:
-  text: "Product Owner coaching"
-
-digital_revenue:
+  project: "pearson"
+  list:
+    - "Agile training"
+    - "Usability testing"
+    - "Lean development"
+    - "Product Owner coaching"
+
+paragraph_1:
   title: "Opening up a vital new digital revenue stream"
   content: "Pearson is the largest education company and book publisher in the world. Following their transition to digital from a traditional publishing model, the newly appointed Head of Digital Programmes needed to get a portfolio of new educational products off the ground in order to establish their digital offering. A traditional waterfall culture had bottlenecked progress - nothing was being delivered and this vital new revenue stream was blocked."
   image: "/product-stories/pearson/whiteboard.jpg"
@@ -40,7 +38,7 @@ quote_1:
   quote: "We knew we had to move to digital but we just didn’t know how. Having previously invested time and money in a small number of trial projects, our progress had slowed down and we needed to learn how to speed up."
   source: "Head of Digital Programmes, Pearson"
 
-waterfall:
+paragraph_2:
   title: "Applying agile in a traditional waterfall environment"
   content: "With the aim of developing more of a ‘startup’ culture, we embedded our team into the Pearson offices – coaching in agile and lean product development as the team were applying new skills. Project Managers were converted to the Product Owner role, hierarchy was dissolved and Scrum ceremonies were put into diaries, starting with stand ups, Show & Tells and retrospectives."
   image: "/product-stories/pearson/diagram.jpg"
@@ -50,26 +48,22 @@ quote_2:
   quote: "Learning on the job was a challenge, but having the Unboxed team working alongside us, and applying what we were learning to this project, really sped up our progress. We were learning the skills we needed to know."
   source: "Product Owner, Pearson"
 
-planning_stages:
+paragraph_3:
   title: "Kick-starting legacy projects stuck in the pre-planning stages"
   content: "On a mission to deliver valuable results, three legacy projects, which had been stuck in the pre-planning stages for over three years, were selected to pilot. Each was targeted at different learner groups to open up this new digital offering to wider market combinations. The first step: carrying out a series of inception workshops to kick-start the product backlogs of stories to begin."
   image: "/product-stories/pearson/ideation.jpg"
   image_description: "Lots of ideas written down"
 
-what_we_did_5:
+highlight_2:
   title: "What we did with Pearson"
-  text: "Feature validation"
-
-what_we_did_6:
-  text: "Ruby on Rails development"
-
-what_we_did_7:
-  text: "User prototyping"
-
-what_we_did_8:
-  text: "Design iteration"
-
-new_products:
+  project: "pearson"
+  list:
+    - "Feature validation"
+    - "Ruby on Rails development"
+    - "User prototyping"
+    - "Design iteration"
+
+paragraph_4:
   title: "Working with customers to co-design new products"
   content: "By the early sprints, the teams were in a position to begin carrying out a series of Discovery discussions and workshops with end users. Early stage prototyping was used to trial potential features, and usability and design testing to begin forming an initial direction. The feedback gathered was also used to begin refining interfaces and trial ideas for a first round of potential features to be delivered."
   image: "/product-stories/pearson/school.jpg"
@@ -80,7 +74,7 @@ quote_3:
   source: "Martyn Evans, Head of Product, Unboxed"
   image: "/product-stories/pearson/team/martyn-evans-full.png"
 
-deploying:
+paragraph_5:
   title: "Deploying regularly to speed up progress"
   content: "Newly deployed features were shared during fortnightly Show & Tells. Stakeholders were seeing an increase in tangible progress and giving their feedback on a regular basis, directly from the first sprint – something they weren’t used to with traditional “big bang” waterfall releases. Sprint-by-sprint, buy-in from stakeholders was gradually increasing as results were being seen - the project was quickly gaining momentum."
   image: "/product-stories/pearson/website.jpg"
@@ -90,7 +84,7 @@ quote_4:
   quote: "What raised eyebrows was how fast we were able to get something in front of the users. Every two weeks we’d bring back the next iteration for feedback, continuously sharing progress."
   source: "Product Owner, Pearson"
 
-launching:
+paragraph_6:
   title: "Quickly launching minimal viable products"
   content: "After just four sprints, three MVPs had been released, with one launched publicly at the BETT show - the world's leading education technology event, attracting 35,000+ visitors. From developing the skillset to accelerate in digital product development, the Pearson team are now in a position to expand this to the rest of their portfolio. Opening up this new digital learning revenue stream has paved the direction from the traditional publishing model."
   image: "/product-stories/pearson/border.jpg"
@@ -146,78 +140,3 @@ related:
     link: "/blog/ubxd-event-kicking-the-cobwebs-out-of-your-stuck-digital-product-pipeline/"
 
 ---
-
-<%= partial 'shared/page_header', locals: current_page.data.header %>
-
-<div class="container" data-header-waypoint>
-  <%= partial 'shared/full_image', locals: current_page.data.header %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.introduction %>
-
-  <section class="highlight--pearson">
-    <h2 class="highlight__title">
-      <%= current_page.data.what_we_did_1.title %>
-    </h2>
-
-    <div class="highlight__tile--two">
-      <p class="highlight__large-text"></p>
-      <p class="highlight__small-text"><%= current_page.data.what_we_did_1.text %></p>
-      <p class="highlight__large-text"></p>
-      <p class="highlight__small-text"><%= current_page.data.what_we_did_2.text %></p>
-    </div>
-      <div class="highlight__tile--two">
-      <p class="highlight__large-text"></p>
-      <p class="highlight__small-text"><%= current_page.data.what_we_did_3.text %></p>
-      <p class="highlight__large-text"></p>
-      <p class="highlight__small-text"><%= current_page.data.what_we_did_4.text %></p>
-    </div>
-  </section>
-
-   <%= partial 'shared/text_tile', locals: current_page.data.digital_revenue %>
-
-   <%= partial 'shared/quote', locals: current_page.data.quote_1 %>
-
-   <%= partial 'shared/text_tile', locals: current_page.data.waterfall %>
-
-   <%= partial 'shared/quote', locals: current_page.data.quote_2 %>
-
-   <%= partial 'shared/text_tile', locals: current_page.data.planning_stages %>
-
-   <section class="highlight--pearson">
-    <h2 class="highlight__title">
-      <%= current_page.data.what_we_did_5.title %>
-    </h2>
-
-    <div class="highlight__tile--two">
-      <p class="highlight__large-text"></p>
-      <p class="highlight__small-text"><%= current_page.data.what_we_did_5.text %></p>
-      <p class="highlight__large-text"></p>
-      <p class="highlight__small-text"><%= current_page.data.what_we_did_6.text %></p>
-    </div>
-      <div class="highlight__tile--two">
-      <p class="highlight__large-text"></p>
-      <p class="highlight__small-text"><%= current_page.data.what_we_did_7.text %></p>
-      <p class="highlight__large-text"></p>
-      <p class="highlight__small-text"><%= current_page.data.what_we_did_8.text %></p>
-    </div>
-  </section>
-
-   <%= partial 'shared/text_tile', locals: current_page.data.new_products %>
-
-   <%= partial 'shared/quote_caricature', locals: current_page.data.quote_3 %>
-
-   <%= partial 'shared/text_tile', locals: current_page.data.deploying %>
-
-   <%= partial 'shared/quote', locals: current_page.data.quote_4 %>
-
-   <%= partial 'shared/text_tile', locals: current_page.data.launching %>
-
-   <%= partial 'shared/quote', locals: current_page.data.quote_5 %>
-
-   <%= partial 'shared/project_team' %>
-
-   <%= partial 'shared/link_tiles' %>
-
-   <%= partial 'shared/related_tiles' %>
-
-</div>
diff --git a/source/product-stories/bucks-cc-beta.html.erb b/source/product-stories/2018-10-20-bucks-cc-beta.html.erb
similarity index 80%
rename from source/product-stories/bucks-cc-beta.html.erb
rename to source/product-stories/2018-10-20-bucks-cc-beta.html.erb
index 3b1599571..ceee725e8 100644
--- a/source/product-stories/bucks-cc-beta.html.erb
+++ b/source/product-stories/2018-10-20-bucks-cc-beta.html.erb
@@ -1,5 +1,7 @@
 ---
 title: "Product Story - Buckinghamshire County Council"
+description: "12-week Beta phase for two services with annual cost-saving of £350,000"
+image: "/assets/images/product-stories/bucks-cc-beta.jpg"
 
 header:
   client: "Buckinghamshire County Council"
@@ -20,12 +22,12 @@ highlight_1:
   title: "Buckinghamshire County Council in numbers"
   project: "bucks-cc-beta"
   statistics:
-  - number: "£100,000"
-    text: "Total estimated annual savings in school admissions service"
-  - number: "£250,000"
-    text: "Total estimated annual savings in street maintenance reporting service"
+    - number: "£100,000"
+      text: "Total estimated annual savings in school admissions service"
+    - number: "£250,000"
+      text: "Total estimated annual savings in street maintenance reporting service"
 
-beta_step:
+paragraph_1:
   title: "The next step in the journey: Beta for Buckinghamshire"
   content: "Buckinghamshire County Council are on a journey to digital transformation, with a cost-saving target of £1.8m by 2017/18. Following our 8-week Alpha phase to identify the biggest technical risks around building two key exemplar digital services, the team embarked on the Beta technical phase to build and scale these services for the 522,000 local residents of Buckinghamshire."
   image: "/product-stories/bucks-cc-beta/postit.jpg"
@@ -35,7 +37,7 @@ quote_1:
   quote: "The outcomes from the Alpha phase helped provide clarity over what we were facing in this Beta phase. Knowing the technical challenges ahead helped provide a strong vision of how we were going to successfully deliver both these digital services for our residents over the next 12 weeks."
   source: "Matthew Cain, Head of Digital, Buckinghamshire County Council"
 
-design_and_dev:
+paragraph_2:
   title: "An integrated approach to design and development"
   content: "The team chose an integrated design/development approach from Sprint One. Design was broken down into five elements (research, user experience, user interface, visual and tone of voice), and each user story discussed before moving from ‘to-do’ into ‘doing’. Open discussion ensured a much clearer understanding of how to bring design and development together to address the impact of UX (user experience) and UI (user interface)."
   image: "/product-stories/bucks-cc-beta/meeting.jpg"
@@ -45,12 +47,12 @@ highlight_2:
   title: "Buckinghamshire County Council in numbers"
   project: "bucks-cc-beta"
   statistics:
-  - number: "2"
-    text: "Digital services built side-by-side"
-  - number: "£900,000"
-    text: "Estimated cost-saving over next three years"
+    - number: "2"
+      text: "Digital services built side-by-side"
+    - number: "£900,000"
+      text: "Estimated cost-saving over next three years"
 
-contact_centre:
+paragraph_3:
   title: "Reducing the volume of contact centre calls"
   content: "Service design was constantly iterated to evaluate how users move successfully through the services, ensuring any barriers encountered were removed and relevant information addressed at the relevant stage. User research was used to map where key information would be placed in each process, with the aim of reducing the volume of query calls to contact centre calls, carrying a cost of £9.02 per call and £78.80 per school application."
   image: "/product-stories/bucks-cc-beta/presentation.jpg"
@@ -60,7 +62,7 @@ quote_2:
   quote: "Keeping the overall design of the service at the forefront of our minds throughout Beta was vital in ensuring we always knew what the most valuable thing to focus on was. We constantly addressed the question of: How might someone move through this part of the service? Thus ensuring the bigger stories were always tied together. This was crucial to the service as a whole."
   source: "Leon Odey-Knight, Design Lead, Unboxed"
 
-sys_integrations:
+paragraph_4:
   title: "Overcoming technical system integrations"
   content: "Service integration into current systems was one of the biggest technical challenges encountered by the team during this phase. Faced with complexities of mapping solutions, APIs and integrations of third party black box systems, the team were required to overcome these technical barriers by co-ordinating these new services across different providers and legacy systems, including Capita One School Admissions and Confirm Asset Management systems."
   image: "/product-stories/bucks-cc-beta/planning.jpg"
@@ -70,12 +72,12 @@ highlight_3:
   title: "Buckinghamshire County Council in numbers"
   project: "bucks-cc-beta"
   statistics:
-  - number: "12"
-    text: "Weeks for technical build of both services"
-  - number: "6"
-    text: "Months from inception to working digital services"
+    - number: "12"
+      text: "Weeks for technical build of both services"
+    - number: "6"
+      text: "Months from inception to working digital services"
 
-launch:
+paragraph_5:
   title: "Two Live services with immediate cost-savings"
   content: "With two digital services launched into the Live phase, both meeting security and performance standards, Buckinghamshire County Council have begun experiencing the cost-saving benefits to their council budgets. ‘Find My Child a School Place’ is set to save the council £100,000 in the next year, with ‘Maintain my Street’ exceeding this, forecasting an annual saving of £250,000."
   image: "/product-stories/bucks-cc-beta/demo2.jpg"
@@ -138,39 +140,3 @@ related:
       link: "https://unboxed.co/news/record-breaking-eu-2nd-referendum-petition-hits-3-9-million-signatures-and-rising-most-popular-parliament-petition-ever/"
 
 ---
-
-<%= partial 'shared/page_header', locals: current_page.data.header %>
-
-<div class="container" data-header-waypoint>
-  <%= partial 'shared/full_image', locals: current_page.data.header %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.introduction %>
-
-  <%= partial 'shared/highlight', locals: current_page.data.highlight_1 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.beta_step %>
-
-  <%= partial 'shared/quote', locals: current_page.data.quote_1 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.design_and_dev %>
-
-  <%= partial 'shared/highlight', locals: current_page.data.highlight_2 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.contact_centre %>
-
-  <%= partial 'shared/quote', locals: current_page.data.quote_2 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.sys_integrations %>
-
-  <%= partial 'shared/highlight', locals: current_page.data.highlight_3 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.launch %>
-
-  <%= partial 'shared/quote_caricature', locals: current_page.data.quote_3 %>
-
-  <%= partial 'shared/project_team' %>
-
-  <%= partial 'shared/link_tiles' %>
-
-  <%= partial 'shared/related_tiles' %>
-</div>
diff --git a/source/product-stories/channel-5.html.erb b/source/product-stories/2018-11-20-channel-5.html.erb
similarity index 72%
rename from source/product-stories/channel-5.html.erb
rename to source/product-stories/2018-11-20-channel-5.html.erb
index 18850b873..223662c0a 100644
--- a/source/product-stories/channel-5.html.erb
+++ b/source/product-stories/2018-11-20-channel-5.html.erb
@@ -1,7 +1,8 @@
 ---
 title: "Product Story - Channel 5"
-meta_description: "Redevelopment of Channel5.com attracts more users, driving advertising revenue"
+description: "Redevelopment of Channel5.com attracts more users, driving revenue"
 meta_keywords: "Ruby on Rails, Ruby on Rails developer, Ruby on Rails developers, Ruby on Rails development, Ruby on Rails developer London"
+image: "/assets/images/product-stories/channel-5.jpg"
 
 header:
   client: "Channel 5"
@@ -22,44 +23,46 @@ highlight_1:
   title: "Channel 5 in numbers"
   project: "channel-5"
   statistics:
-  - number: "74%"
-    text: "more unique visitors"
+    - number: "74%"
+      text: "more unique visitors"
 
 highlight_2:
   project: "channel-5"
   statistics:
-  - number: "65%"
-    text: "more long form video views"
-  - number: "9/10"
-    text: "rating for usefulness and enjoyment of use"
+    - number: "65%"
+      text: "more long form video views"
+    - number: "9/10"
+      text: "rating for usefulness and enjoyment of use"
 
-redeveloped:
+paragraph_1:
   title: "A redeveloped VoD site designed to create greater engagement, loyalty and revenue"
   content: "Five.tv and DemandFive were recreated and relaunched as one entity - channel5.com – an ecosystem designed to attract more visitors and more short-form and long-form views. Engagement, loyalty and advertising revenue potential are at the heart of this change."
   image: "/product-stories/channel-5/walking-dead-special.jpg"
   image_description: "Channel 5 website showing Walking Dead special"
 
-critical_work_quote:
+quote_1:
   quote: "This was a huge and critical piece of work for Channel 5 and Unboxed excelled at every level. Their Agile process was central to this achievement."
   source: "Chris Kerwin, Digital Controller, Channel 5"
 
-visitor_experience:
+paragraph_2:
   title: "Visitor experience transformed: Easy to find out about your favourite programmes or watch something you’ve missed"
   content: "The new channel5.com site makes it easier to find out programming information across multiple channels and to find, and also to watch your favourite programmes."
   image: "/product-stories/channel-5/website.jpg"
   image_description: "Channel 5 homepage"
 
-content_management:
+paragraph_3:
   title: "Content management transformed: All systems integrated and designed to scale"
   content: "Channel5.com is now underpinned by a complex, full-scale CMS, making it easy for editors to post a vast amount of content about programmes, with the ability to create custom pages. Our agile development approach made the complex integration of multiple platforms simple and fast."
   image: "/product-stories/channel-5/agile-task-board.jpg"
   image_description: "Agile task board"
 
-timely_quote:
+quote_2:
   quote: "Unboxed delivered a first class service, ensuring the site was launched on time and met Channel 5's expectations."
   source: "Chris Kerwin, Channel 5"
 
-rebuild_and_integration: "The rebuild and integration of two legacy sites created a seamless user experience and major economies of scale for Channel 5."
+highlight_3:
+  project: "channel-5"
+  title: "The rebuild and integration of two legacy sites created a seamless user experience and major economies of scale for Channel 5."
 
 team:
   title: "Unboxed team"
@@ -110,37 +113,3 @@ related:
       type: "product story"
       link: "/product-stories/plymouth-university"
 ---
-
-<%= partial 'shared/page_header', locals: current_page.data.header %>
-
-<div class="container" data-header-waypoint>
-  <%= partial 'shared/full_image', locals: current_page.data.header %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.introduction %>
-
-  <%= partial 'shared/highlight', locals: current_page.data.highlight_1 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.redeveloped %>
-
-  <%= partial 'shared/quote', locals: current_page.data.critical_work_quote %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.visitor_experience %>
-
-  <%= partial 'shared/highlight', locals: current_page.data.highlight_2 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.content_management %>
-
-  <%= partial 'shared/quote', locals: current_page.data.timely_quote %>
-
-  <%= partial 'shared/project_team' %>
-
-  <section class="highlight--channel-5">
-    <h2 class="highlight__title">
-      <%= current_page.data.rebuild_and_integration %>
-    </h2>
-  </section>
-
-  <%= partial 'shared/link_tiles' %>
-
-  <%= partial 'shared/related_tiles' %>
-</div>
diff --git a/source/product-stories/newham-council-local-offer.html.erb b/source/product-stories/2018-12-20-newham-council-local-offer.html.erb
similarity index 83%
rename from source/product-stories/newham-council-local-offer.html.erb
rename to source/product-stories/2018-12-20-newham-council-local-offer.html.erb
index ed5f6f372..b2124d4f9 100644
--- a/source/product-stories/newham-council-local-offer.html.erb
+++ b/source/product-stories/2018-12-20-newham-council-local-offer.html.erb
@@ -1,7 +1,8 @@
 ---
 title: "Product Story - Newham Council Local Offer"
-meta_description: "Exploring special education needs and disability services with Newham Council"
+description: "Exploring special education needs and disability services with Newham Council"
 meta_keywords: "Ruby on Rails, Ruby on Rails developer, Ruby on Rails developers, Ruby on Rails development, Ruby on Rails developer London"
+image: "/assets/images/product-stories/newham-council-local-offer.jpg"
 
 header:
   client: "Newham Council Local Offer"
@@ -19,7 +20,7 @@ introduction:
   image: "/product-stories/newham-council-local-offer/project-board.jpg"
   image_description: "Dawn and team at project board"
 
-in_numbers_1:
+highlight_1:
   project: "newham-council-local-offer"
   title: "Newham Council in numbers"
   statistics:
@@ -28,33 +29,33 @@ in_numbers_1:
     - number: "15"
       text: "In-depth interviews with parents"
 
-exploring_improved_service:
+paragraph_1:
   title: "Exploring an improved service for 8,000+ families"
   content: "As a guide to the services available in the London borough of Newham for children and young people with special educational needs and disabilities (SEND), the Local Offer was an underperforming service for Newham Council and its 8,000+ users. Criticised for providing limited, out-of-date and fragmented information to residents, the council identified an opportunity to improve this service through redesign, beginning with a discovery phase."
   image: "/product-stories/newham-council-local-offer/gemma-using-laptop.jpg"
   image_description: "Gemma using laptop"
 
-quote_dawn_1:
+quote_1:
   quote: "As a council, we are legally obligated to provide a Local Offer service to our residents, however with a limited understanding of the needs of its users the current offer had become out-of-date and uptake extremely poor. The service was an ideal place to start our digital journey into user-centred design."
   source: "Dawn Turner, Digital Delivery Lead — Newham Council"
 
-better_local_offer_directory:
+paragraph_2:
   title: "How might we provide a better Local Offer directory?"
   content: "Working alongside the SEND team, a number of research goals were set for this exploration phase for understanding the needs of residents from this service, identifying how residents use the current service and exploring already-existing SEND systems available. Identifying our key users to help with these goals required reaching out to groups outside of the council's current reach."
   image: "/product-stories/newham-council-local-offer/sketches.jpg"
   image_description: "Prototype sketches"
 
-quote_boris_1:
+quote_2:
   quote: "Putting technology aside and focusing on users and their needs from the service, it soon became clear that the root of the problem was not only a lack of awareness, but also poor understanding of the purpose of the Local Offer and how to use it. Families needed guidance to find information and advice to support the specific needs of their child, however to do this the SEND service needed help too. With much of this information hard to find or unavailable on the web, they needed a way to find, manage and signpost families to support services."
   source: "Boris Divjak, Service Designer — Unboxed"
 
-validating_with_users:
+paragraph_3:
   title: "Validating early concepts through user interviewing"
   content: "Through in-depth interviewing, insights were quickly gathered around the challenges being faced by residents, translating into validated sets of user needs and personas to further test. From observing the experiences of residents using the current service, it quickly became clear that families were struggling to navigate through to their desired goals. Introducing the idea of a guided personal profiling experience quickly became a validated concept."
   image: "/product-stories/newham-council-local-offer/sarah-and-dawn.jpg"
   image_description: "Sarah and Dawn with prototype sketches"
 
-in_numbers_2:
+highlight_2:
   project: "newham-council-local-offer"
   title: "Newham Council in numbers"
   statistics:
@@ -63,13 +64,13 @@ in_numbers_2:
     - number: "5"
       text: "Local Offer solutions explored"
 
-validated_business_case:
+paragraph_4:
   title: "A validated business case for the following phase"
   content: "Results from in-depth interviews with 15 families and assessment of five existing Local Offer solutions concluded that the specific needs of Newham residents weren't being met through these systems. As part of the business case for the following Alpha phase, the adaptations and enhancement of a solution provider's current product has been explored in providing an improved SEND service for 8,000+ users."
   image: "/product-stories/newham-council-local-offer/whiteboard-sketches.jpg"
   image_description: "UI diagrams on whiteboard"
 
-quote_dawn_2:
+quote_3:
   quote: "We don't always have to start from scratch when we're designing new services. The Unboxed team has help us to understand that having something tangible, that we can test with users, helps us to quickly learn what does and doesn't work, and adapt the product to meet the needs of users."
   source: "Dawn Turner, Digital Delivery Lead — Newham Council"
 
@@ -119,35 +120,3 @@ related:
       link: "/product-stories/newham-council/"
 
 ---
-
-<%= partial 'shared/page_header', locals: current_page.data.header %>
-
-<div class="container" data-header-waypoint>
-  <%= partial 'shared/full_image', locals: current_page.data.header %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.introduction %>
-
-  <%= partial 'shared/highlight', locals: current_page.data.in_numbers_1 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.exploring_improved_service %>
-
-  <%= partial 'shared/quote', locals: current_page.data.quote_dawn_1 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.better_local_offer_directory %>
-
-  <%= partial 'shared/quote', locals: current_page.data.quote_boris_1 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.validating_with_users %>
-
-  <%= partial 'shared/highlight', locals: current_page.data.in_numbers_2 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.validated_business_case %>
-
-  <%= partial 'shared/quote', locals: current_page.data.quote_dawn_2 %>
-
-  <%= partial 'shared/project_team' %>
-
-  <%= partial 'shared/link_tiles' %>
-
-  <%= partial 'shared/related_tiles' %>
-</div>
diff --git a/source/product-stories/newham-council.html.erb b/source/product-stories/2019-01-20-newham-council.html.erb
similarity index 79%
rename from source/product-stories/newham-council.html.erb
rename to source/product-stories/2019-01-20-newham-council.html.erb
index 24074ab62..0532bc677 100644
--- a/source/product-stories/newham-council.html.erb
+++ b/source/product-stories/2019-01-20-newham-council.html.erb
@@ -1,5 +1,7 @@
 ---
 title: "Product Story - Newham Council"
+description: "Improving residential access and support to homelessness services - the Discovery and Alpha phases"
+image: "/assets/images/product-stories/newham-council.jpg"
 
 header:
   client: "Newham Council"
@@ -13,12 +15,12 @@ introduction:
   image: "/product-stories/newham-council/adverts.jpg"
   image_description: "Woman looking at property advertisements"
 
-the_vision:
+paragraph_1:
   content: "With approximately 20,000 visits made per year, the Homelessness Triage Centre is one of Newham Council’s highest volume service centres. As well as being one of the council’s most critical offerings, the demand for this service is already experiencing a notable increase. Currently faced with an unpredictable daily demand and a limited appointment management system, this has been identified as a service that needs immediate attention and that digital can help support. The vision; to provide guidance and support for residents with a diverse range of homelessness needs that increases provision online for those with lower priority needs and maximises the effectiveness of face-to-face contact."
   image: "/product-stories/newham-council/paul-presenting.jpg"
   image_description: "Designer running a workshop"
 
-why_product_required:
+highlight_1:
   title: "Why this product is required:"
   project: "newham-council"
   list:
@@ -26,55 +28,56 @@ why_product_required:
     - "12,000+ online web pages in a 6-month period directed residents to the Triage Centre, even if they couldn’t be helped at their current stage in the process"
     - "Higher face-to-face demand at this centre is leading to increased waiting times"
 
-end_to_end_service_focus:
+paragraph_2:
   title: "A focus on creating an end-to-end service to help residents at every step of the process"
-  content_1: "The goal for Newham Council: to provide a more efficient platform, for both residents and council staff, to book an appointment at the Homelessness Triage Centre.</br></br>The vision for Newham Council: to help local residents by providing the right information at the right time."
-  content_2:
-    - "6-week Discovery phase, where we embedded with the Newham Council digital team, carrying out user research and interviews with local residents to begin prototyping early ideas"
-    - "8-week Alpha phase to test our prototypes with residents, iterate and investigate the technical integrations into existing and legacy council systems"
+  content:
+    "The goal for Newham Council: to provide a more efficient platform, for both residents and council staff, to book an appointment at the Homelessness Triage Centre.</br></br>The vision for Newham Council: to help local residents by providing the right information at the right time.
+    - 6-week Discovery phase, where we embedded with the Newham Council digital team, carrying out user research and interviews with local residents to begin prototyping early ideas
+    - 8-week Alpha phase to test our prototypes with residents, iterate and investigate the technical integrations into existing and legacy council systems"
+  image: "/product-stories/newham-council/dawn-presenting.jpg"
 
-opportunity_quote:
+quote_1:
   quote: "While many of our transactions have been moved online, the user experience is fragmented and often confusing. We currently have to rely on inefficient, manual intervention for a number of transactions. We are using this opportunity to introduce Unboxed’s expertise and begin improving the user experience of Newham services. By developing an evidence-based digital roadmap, we are working as a team towards delivering user-led services to meet our resident’s needs and support Newham Council for the future."
   source: "Dawn Turner - Delivery Lead, Newham Council"
-  image: "/product-stories/newham-council/dawn-presenting.jpg"
 
-heart_of_service:
+paragraph_3:
   title: "Based at the heart of the homelessness service"
   content: "Following an Inception Workshop, our newly embedded team began addressing the current Homelessness service. Visually mapping out the current user journey (from entry to exit point), identifying the pain points and introducing early user research techniques were the first steps in addressing the current situation. Engaging with a wide range of residents and internal stakeholders allowed for user interviewing begin building up, as well as address the current technological landscape of integrated internal systems. Potential early opportunities and possible future constraints were identified."
   image: "/product-stories/newham-council/user-journeys.jpg"
   image_description: "Getting the current user journeys up onto the wall"
   caption: "Getting the current user journeys up onto the wall"
 
-resident_thinking_quote:
+quote_2:
   quote: "The beginning of this project wasn’t like a typical introductory meeting as you’d normally have with other people you work with. This was different. This was an interactive session. We placed ourselves in the shoes of our residents, beginning with some basic exercises around our perception of the council - what’s good, what’s bad, what could be done better. It started putting us into the frame of mind of &quot;Let’s start thinking as a resident&quot;"
   source: "Ikramul Haque - Delivery Lead - Customer Digital Transformation, Newham Council"
   image: "/product-stories/newham-council/ikramul-haque-contact-centre.jpg"
   image_desccription: "Ikram listening in to calls at the Contact Centre"
 
-understanding_service_needs:
+paragraph_4:
+  title: "Co-locating"
   content: "We needed to be directly at the heart of the homelessness service to ensure we were engaging with right residents and the current users of this service. So we based ourselves at the Homelessness Triage Centre, located in East Ham, to speak to as many residents as we could. Shadowing phone calls to the centre and one-to-one interviewing allowed our team to broaden out research net and drill into the real day-to-day problems being faced by residents. Our wide range of gathered insights then formed an initial set of user personas - our data-led profiles of real Newham residents. Getting close to residents, hearing the struggles they’re going through and understand their needs of the service ensured that we were forming the basis of a service to really help them."
   image: "/product-stories/newham-council/homelessness-triage-centre.jpg"
   image_description: "Speaking with residents at the Homelessness Triage Centre to begin identifying the problems being faced"
   caption: "Speaking with residents at the Homelessness Triage Centre to begin identifying the problems being faced"
 
-eligibility_quote:
+quote_3:
   quote: "Some of the main issues being faced by residents include knowing when they are eligible to be given help at the Triage Centre. The current service provides very limited information online, resulting in residents turning up at the centre to find out more information, even if they can’t be helped at their current stage. With better advice and guidance online, users will be better informed around their specific situations, have a clearer idea of their rights and have a better indication of the timescales before they may even have to leave their homes."
   source: "Martyn Evans - Head of Product, Unboxed"
   image: "/product-stories/newham-council/martyn-evans-full.png"
 
-validate_ideas:
+paragraph_5:
   title: "Working alongside residents to validate new service ideas"
   content: "Using our first set of user personas, we began sketching early concepts and ideas of potential solutions. These early concepts had to help solve these problems we were hearing at the Triage Centre. Pulling initial ideas together, such as online appointment forms, process timelines and email/SMS notifications, gave us something to begin testing with residents. We were already getting rough sketches in front of users to get their feedback. A series of low-fidelity branded prototypes, based on the look and feel of current online Newham Council services, worked towards validating which concepts to take forward and which to discontinue there and then."
   image: "/product-stories/newham-council/sketching-personas.jpg"
   image_description: "Sketching our sets of personas, based on the user research carried out so far"
   caption: "Sketching our sets of personas, based on the user research carried out so far"
 
-testing_ideas_quote:
+quote_4:
   quote: "Taking our initial ideas and heading out to test these with our residents has given our team the momentum and confidence to be able to validate or dismiss an idea in just a few hours. We’ve gone from hearing from a limited number of residents to seeing ideas and concepts flourish, based on what we are hearing from them. The Unboxed part of the team has introduced the ways of getting from idea to validated concept very fast, then how to carry these forward into the next steps."
   source: "Dawn Turner - Delivery Lead, Newham Council"
   image: "/product-stories/newham-council/testing-ideas.jpg"
 
-progression_prototypes:
+paragraph_6:
   title: "From rough sketches to online, progressing our prototypes"
   content: "As user engagement continued, increasingly functional prototypes were building up for extended testing with residents and further iteration. From rough sketches, to paper models, to further designed paper models, to online prototypes, these were gradually building up for continued testing and further iteration. Common themes and outputs to emerge include:"
   list:
@@ -85,13 +88,14 @@ progression_prototypes:
   image_description: "Taking a 'mobile-first' approach to early product prototypes"
   caption: "Taking a 'mobile-first' approach to early product prototypes"
 
-conclusion:
+paragraph_7:
+  title: "Going on to the build"
   content: "With the exploring (Discovery) and learning (Alpha) phases drawing to a close, Newham Council’s Homelessness Online service is now heading into the following delivery phase: the build. The learning and outputs from the previous phases will be used to ensure that the right end-to-end product is built for the residents of the Newham homelessness service. Digital is beginning to pioneer the solution in reducing the face-to-face demand of one of Newham Council’s highest volume service centres."
   image: "/product-stories/newham-council/homelessness-sketches.jpg"
   image_description: "Early product prototype sketching of Homelessness Online"
   caption: "Early product prototype sketching of Homelessness Online"
 
-project_quote:
+quote_5:
   quote: "This project has been a real journey for our team. It was disruptive, but in a good way! It has enabled me to learn new skillsets. I’ve not really done user research before - just going out there and interviewing residents, I’ve never done that. There was a steep learning curve, but because we were working very closely with the Unboxed part of the team, we were getting these skills transferred by working directly with members of the team. I’m excited to see this Homelessness Online project head forward into the next phase."
   source: "Ikramul Haque - Delivery Lead - Customer Digital Transformation, Newham Council"
   image: "/product-stories/newham-council/ikramul-haque.jpg"
@@ -134,53 +138,3 @@ related:
       link: "/product-stories/petitions/"
 
 ---
-
-<%= partial 'shared/page_header', locals: current_page.data.header %>
-
-<div class="container newham-council" data-header-waypoint>
-  <%= partial 'shared/full_image', locals: current_page.data.header %>
-
-  <%= partial 'shared/full_width_text_tile', locals: current_page.data.introduction %>
-
-  <%= partial 'shared/full_image', locals: current_page.data.the_vision %>
-
-  <%= partial 'shared/full_width_text_tile', locals: current_page.data.the_vision %>
-
-  <%= partial 'shared/highlight', locals: current_page.data.why_product_required %>
-
-  <%= partial 'shared/two_text_tiles', locals: current_page.data.end_to_end_service_focus %>
-
-  <%= partial 'shared/text_tile_quote', locals: current_page.data.opportunity_quote %>
-
-  <%= partial 'shared/full_width_text_tile', locals: current_page.data.heart_of_service %>
-
-  <%= partial 'shared/full_image', locals: current_page.data.heart_of_service %>
-
-  <%= partial 'shared/text_tile_quote', locals: current_page.data.resident_thinking_quote %>
-
-  <%= partial 'shared/full_width_text_tile', locals: current_page.data.understanding_service_needs %>
-
-  <%= partial 'shared/full_image', locals: current_page.data.understanding_service_needs %>
-
-  <%= partial 'shared/quote_caricature', locals: current_page.data.eligibility_quote %>
-
-  <%= partial 'shared/full_width_text_tile', locals: current_page.data.validate_ideas %>
-
-  <%= partial 'shared/full_image', locals: current_page.data.validate_ideas %>
-
-  <%= partial 'shared/text_tile_quote', locals: current_page.data.testing_ideas_quote %>
-
-  <%= partial 'shared/full_width_text_and_list_tile', locals: current_page.data.progression_prototypes %>
-
-  <%= partial 'shared/full_image', locals: current_page.data.progression_prototypes %>
-
-  <%= partial 'shared/full_width_text_tile', locals: current_page.data.conclusion %>
-
-  <%= partial 'shared/full_image', locals: current_page.data.conclusion %>
-
-  <%= partial 'shared/text_tile_quote', locals: current_page.data.project_quote %>
-
-  <%= partial 'shared/project_team' %>
-
-  <%= partial 'shared/related_tiles' %>
-</div>
diff --git a/source/product-stories/plymouth-university.html.erb b/source/product-stories/2019-02-20-plymouth-university.html.erb
similarity index 80%
rename from source/product-stories/plymouth-university.html.erb
rename to source/product-stories/2019-02-20-plymouth-university.html.erb
index ba10e586a..46342daa5 100644
--- a/source/product-stories/plymouth-university.html.erb
+++ b/source/product-stories/2019-02-20-plymouth-university.html.erb
@@ -1,7 +1,8 @@
 ---
 title: "Product Story - Plymouth University"
-meta_description: "Agile website rebuild to increase online student conversion rates with Plymouth University"
+description: "Unboxed leads Agile rebuild of Plymouth University website"
 meta_keywords: "Ruby on Rails, Ruby on Rails developer, Ruby on Rails developers, Ruby on Rails development, Ruby on Rails developer London"
+image: "/assets/images/product-stories/plymouth-university.jpg"
 
 header:
   client: "Plymouth University"
@@ -19,7 +20,7 @@ introduction:
   image: "/product-stories/plymouth-university/plymouth-website.jpg"
   image_description: "Plymouth website screenshot"
 
-plymouth_cio_video:
+video:
   youtube_id: "nTSKD1PG1e4"
   image: "/product-stories/plymouth-university/video-still.jpg"
   image_description: "Plymouth University CIO video"
@@ -28,12 +29,12 @@ highlight_1:
   title: "Plymouth University in numbers:"
   project: "plymouth-university"
   statistics:
-  - number: "25,895"
-    text: "Number of students enrolled in the 2014/2015 academic year"
-  - number: "#20"
-    text: "Ranking on Sitemorse 2015 Q3/UK Universities and Higher Education list"
+    - number: "25,895"
+      text: "Number of students enrolled in the 2014/2015 academic year"
+    - number: "#20"
+      text: "Ranking on Sitemorse 2015 Q3/UK Universities and Higher Education list"
 
-emerging_demands:
+paragraph_1:
   title: "A website to meet commercial demands"
   content: "As the competition to attract new students increases, universities have had to become much more commercially oriented. For Plymouth University, one of the ways to achieve this was to improve the way that they engage with prospective students online. The University is fully aware that most students learn about what they have to offer through their website, and wanted their site to better reflect the quality of the Plymouth University experience."
   image: "/product-stories/plymouth-university/demands.jpg"
@@ -43,7 +44,7 @@ quote_1:
   quote: "We knew the site had to change, but not just in terms of design. We had to make sure it gave a great experience on mobile devices such as smartphones, as that is how a large number of our potential students now want to interact with us."
   source: "Paul Westmore, Interim CIO, Plymouth University"
 
-design_testing:
+paragraph_2:
   title: "​​Every design fully tested with students before build"
   content: "To create a site that delivers what users want, the team ran sessions with different stakeholders, with particular emphasis on primary users - students. They worked to deliver the most important features first, iterating to add further functionality on the basis of evidence gathered for what was most effective. Our team co-located with the team at Plymouth University, living in a specially rented flat in Plymouth for the duration of the project."
   image: "/product-stories/plymouth-university/design-testing.jpg"
@@ -53,12 +54,12 @@ highlight_2:
   title: "Plymouth University in numbers:"
   project: "plymouth-university"
   statistics:
-  - number: "10,000+"
-    text: "Number of website pages maintained"
-  - number: "59th"
-    text: "Ranking in world’s 150 best universities under 50 years old"
+    - number: "10,000+"
+      text: "Number of website pages maintained"
+    - number: "59th"
+      text: "Ranking in world’s 150 best universities under 50 years old"
 
-agile:
+paragraph_3:
   title: "Advanced Agile deployed for maximum value captured"
   content: "In line with the most powerful elements of Agile philosophy, pages of the new site were released almost immediately, alongside the old site, with no clunky, delayed or high-stress site changeover. Stories were deployed and new functionality released early and often. Students featured in the user testing, giving feedback on prototypes before this functionality was built into the site."
   image: "/product-stories/plymouth-university/design-sketch.jpg"
@@ -68,7 +69,7 @@ quote_2:
   quote: "Getting core elements of the site out early allowed us to gain feedback, make changes and importantly continue to add functionality early and often, confident that everything that had gone before had been user accepted. Releasing the whole site in one go would have been risky, and meant unacceptable delays to presenting students with a true image of Plymouth University life."
   source: "Paul Westmore, Interim CIO, Plymouth University"
 
-platform:
+paragraph_4:
   title: "An easier accessible platform for prospective users"
   content: "A custom CMS was developed to meet user requirements of the platform, making content and navigation more easily accessible, especially on mobile. A new website content strategy and process were then implemented to overcome the challenges of reducing down their 10,000+ pages of content. With launch of the new homepage, we coached the internal team in Ruby on Rails to roll out the new website, going forward."
   image: "/product-stories/plymouth-university/team-meeting.jpg"
@@ -129,38 +130,3 @@ related:
       link: "/product-stories/plymouth-university-gets-agile"
 
 ---
-
-<%= partial 'shared/page_header', locals: current_page.data.header %>
-
-<div class="container" data-header-waypoint>
-  <%= partial 'shared/full_image', locals: current_page.data.header %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.introduction %>
-
-  <%= partial 'shared/full_video', locals: current_page.data.plymouth_cio_video %>
-
-  <%= partial 'shared/highlight', locals: current_page.data.highlight_1 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.emerging_demands %>
-
-  <%= partial 'shared/quote', locals: current_page.data.quote_1 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.design_testing %>
-
-  <%= partial 'shared/highlight', locals: current_page.data.highlight_2 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.agile %>
-
-  <%= partial 'shared/quote', locals: current_page.data.quote_2 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.platform %>
-
-  <%= partial 'shared/quote_caricature', locals: current_page.data.quote_3 %>
-
-  <%= partial 'shared/project_team' %>
-
-  <%= partial 'shared/link_tiles' %>
-
-  <%= partial 'shared/related_tiles' %>
-
-</div>
diff --git a/source/product-stories/jersey-petitions.html.erb b/source/product-stories/2019-03-20-jersey-petitions.html.erb
similarity index 83%
rename from source/product-stories/jersey-petitions.html.erb
rename to source/product-stories/2019-03-20-jersey-petitions.html.erb
index b460901d3..e81186068 100644
--- a/source/product-stories/jersey-petitions.html.erb
+++ b/source/product-stories/2019-03-20-jersey-petitions.html.erb
@@ -1,5 +1,7 @@
 ---
 title: "Product Story - Jersey Petitions - Launching Jersey Petitions through an open source approach with States of Jersey"
+description: "Launching Jersey Petitions through an open source approach with States of Jersey"
+image: "/assets/images/product-stories/jersey-petitions.png"
 
 header:
   client: "States of Jersey"
@@ -17,7 +19,7 @@ introduction:
   image: "/product-stories/jersey-petitions/website-and-phone.jpg"
   image_description: "Jersey petitions website on a computer and on a phone"
 
-in_numbers_1:
+highlight_1:
   title: "Jersey Petitions in numbers"
   project: "jersey-petitions"
   statistics:
@@ -26,7 +28,7 @@ in_numbers_1:
     - number: "49,653"
       text: "Signatures to date (June 2019)"
 
-increasing_engagement:
+paragraph_1:
   title: "Increasing engagement between Jersey Islanders and the States Assembly"
   content: "In January 2018, Jersey's politicians unanimously agreed on an online facility for petitions,
   making it easier for Islanders to make their views known to the States Assembly.
@@ -36,13 +38,13 @@ increasing_engagement:
   image: "/product-stories/jersey-petitions/petitions-on-phone.jpg"
   image_description: "A person looking at Jersey petitions on their phone"
 
-quote_mark_egan_1:
+quote_1:
   quote: "Petitions.gov.je has been created with Unboxed to deliver an online solution for the public
     to quickly and easily engage with the States Assembly by submitting and/or supporting online
     petitions, and as a result, engaging more of the public in Jersey’s democracy."
   source: "Dr. Mark Egan, Greffier of the States — States Assembly"
 
-reusing_open_source_codebase:
+paragraph_2:
   title: "Reusing open source codebase of UK Parliament’s Petitions"
   content: "Developing the UK Government and Parliament's Petitions platform through
     open source technologies allowed for the team to copy the existing codebase through GitHub,
@@ -52,7 +54,7 @@ reusing_open_source_codebase:
   image: "/product-stories/jersey-petitions/petitions-on-tablet.jpg"
   image_description: "A person looking at Jersey petitions on a tablet"
 
-in_numbers_2:
+highlight_2:
   title: "Jersey Petitions in numbers"
   project: "jersey-petitions"
   statistics:
@@ -61,7 +63,7 @@ in_numbers_2:
     - number: "17"
       text: "Petitions to receive response from Minister to date (June 2019)"
 
-increasing_engagement_other:
+paragraph_3:
   title: "Increasing engagement between Jersey Islanders and the States Assembly"
   content: "After five weeks, Jersey Petitions launched into the public domain, opening up a
     new channel of communication between States Assembly and Jersey’s 100,000 Islanders.
@@ -71,7 +73,7 @@ increasing_engagement_other:
   image: "/product-stories/jersey-petitions/petitions-second-tablet.jpg"
   image_description: "A person looking at Jersey petitions on their tablet"
 
-quote_mark_egan_2:
+quote_2:
   quote: "Having welcomed over 35,000 visitors and seen 30 petitions created in just 50 days,
     since launching, we are already experiencing a great achievement for a new concept on an island
     of just 100,000 people."
@@ -122,31 +124,3 @@ related:
       type: "news"
       link: "https://unboxed.co/news/new-government-petitions-website-launched-developed-in-partnership-with-unboxed-consulting/ "
 ---
-
-<%= partial 'shared/page_header', locals: current_page.data.header %>
-
-<div class="container" data-header-waypoint>
-  <%= partial 'shared/full_image', locals: current_page.data.header %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.introduction %>
-
-  <%= partial 'shared/highlight', locals: current_page.data.in_numbers_1 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.increasing_engagement %>
-
-  <%= partial 'shared/quote', locals: current_page.data.quote_mark_egan_1 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.reusing_open_source_codebase %>
-
-  <%= partial 'shared/highlight', locals: current_page.data.in_numbers_2 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.increasing_engagement_other %>
-
-  <%= partial 'shared/quote', locals: current_page.data.quote_mark_egan_2 %>
-
-  <%= partial 'shared/project_team' %>
-
-  <%= partial 'shared/link_tiles' %>
-
-  <%= partial 'shared/related_tiles' %>
-</div>
diff --git a/source/product-stories/chargy.html.erb b/source/product-stories/2019-04-20-chargy.html.erb
similarity index 82%
rename from source/product-stories/chargy.html.erb
rename to source/product-stories/2019-04-20-chargy.html.erb
index 528aabf10..8c9abc845 100644
--- a/source/product-stories/chargy.html.erb
+++ b/source/product-stories/2019-04-20-chargy.html.erb
@@ -1,6 +1,7 @@
 ---
 title: "Product Story - char.gy"
-meta_description: "Providing residents with an on-street electric vehicle lamppost charging solution with char.gy"
+description: "Providing residents with an on-street electric vehicle lamppost charging solution with char.gy"
+image: "/assets/images/product-stories/chargy.jpg"
 
 header:
   client: "char.gy"
@@ -18,7 +19,7 @@ introduction:
   image: "/product-stories/chargy/car-charging-with-chargy.jpg"
   image_description: "Car charging with char.gy"
 
-in_numbers_1:
+highlight_1:
   title: "char.gy in numbers"
   project: "chargy"
   statistics:
@@ -27,23 +28,23 @@ in_numbers_1:
     - number: "50"
       text: "Charge points installed within Southwark"
 
-increasing_uptake:
+paragraph_1:
   title: "Increasing electric vehicle uptake"
   content: "With a third of UK households having no access to off-street parking, rising to 78% in London, widespread electric vehicle uptake is reliant on viable, convenient means of on-street charging. char.gy identified existing on-street lampposts as a potential way for residents to charge an electric vehicle at home, approaching Unboxed to help solve this problem, aligned with the Government’s ‘Road to Zero’ strategy to lead the world in zero-emission vehicle technology."
   image: "/product-stories/chargy/chargy-plug.jpg"
   image_description: "A person plugging into char.gy"
 
-quote_chris_1:
+quote_1:
   quote: "The last four years have seen a surge in demand for electric vehicles in the UK, with the demand due to drastically continue increasing over the next few years. With nowhere to easily charge an electric vehicle in a residential street, how can this uptake be supported by limited infrastructure? This is the problem we’re working with Unboxed to overcome."
   source: "Chris McDowell, Chief Product Officer — char.gy"
 
-designed_for_existing_infrastructure:
+paragraph_2:
   title: "Designed to fit onto existing infrastructure"
   content: "Beginning with a focus on hardware and electrical integrations, the team prototyped concepts for connecting power supplies with EVs, working towards similar power supplies to those available through on-street lampposts. Installing directly onto lampposts through secure bolting, and no requirement to dig up pathways, the charge point has been designed to provide charging capabilities of up to 7.36kW and meets open charging standards through standard cable compatibility."
   image: "/product-stories/chargy/chargy-prototype.jpg"
   image_description: "A prototype of char.gy"
 
-in_numbers_2:
+highlight_2:
   title: "char.gy in numbers"
   project: "chargy"
   statistics:
@@ -52,23 +53,23 @@ in_numbers_2:
     - number: "300+"
       text: "Live charge points now available"
 
-software_platform:
+paragraph_3:
   title: "A software platform for manage EV charging and payments"
   content: "Through user-led, agile approaches, the software platform was iteratively built around the physical step-by-step charging process, from a driver locating an available charge point through a map, to commencing a charging session and making payments through a range of tariffs. The char.gy application is now compatible with Apple Pay, allowing drivers to make single-touch purchases on the ‘Pay As You Go’ option for quicker and easier ad-hoc charging."
   image: "/product-stories/chargy/chargy-phones.png"
   image_description: "char.gy app on phone"
 
-public_lampost_chargepoint:
+paragraph_4:
   title: "The UK’s first open, public lamppost EV charge point"
   content: "The launched software application allows for drivers to manage their end-to-end charging journey from their smartphone (from locating an available charge point to processing payments). Passing all relevant UK hardware and electrical legislation, including ELEXON certification, char.gy has been installed onto public streets across London and Buckinghamshire, with further units due to be installed in 2019 to bring open, public lamppost EV charging to more residents."
   image: "/product-stories/chargy/car-on-street.jpg"
   image_description: "Car on street charging with char.gy"
 
-quote_chris_2:
+quote_2:
   quote: "The Unboxed team has been core to the success of getting char.gy onto the streets. Our next goal is to bring open electric vehicle charging to more residents across the UK — something we are working with Unboxed to do across 2019."
   source: "Chris McDowell, Chief Product Officer — char.gy"
 
-quote_henry:
+quote_3:
   quote: "The char.gy application has been designed and developed to meet a number of different elements — from communication with the charge points, enabling drivers to find available charge points through map integrations, reliability and performance monitoring, to beginning a charge through the front-end and handling payments via the most convenient methods. Our user-led approach has enabled the team to iteratively build a web platform to reach as many people as possible that is aligned with user needs."
   source: "Henry Turner, Senior Developer — Unboxed"
 
@@ -120,35 +121,3 @@ related:
       type: "news"
       link: "https://www.renewableenergymagazine.com/electric_hybrid_vehicles/char-gy-awarded-contract-to-install-lamppost-20180817"
 ---
-
-<%= partial 'shared/page_header', locals: current_page.data.header %>
-
-<div class="container" data-header-waypoint>
-  <%= partial 'shared/full_image', locals: current_page.data.header %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.introduction %>
-
-  <%= partial 'shared/highlight', locals: current_page.data.in_numbers_1 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.increasing_uptake %>
-
-  <%= partial 'shared/quote', locals: current_page.data.quote_chris_1 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.designed_for_existing_infrastructure %>
-
-  <%= partial 'shared/highlight', locals: current_page.data.in_numbers_2 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.software_platform %>
-
-  <%= partial 'shared/quote', locals: current_page.data.quote_henry %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.public_lampost_chargepoint %>
-
-  <%= partial 'shared/quote', locals: current_page.data.quote_chris_2 %>
-
-  <%= partial 'shared/project_team' %>
-
-  <%= partial 'shared/link_tiles' %>
-
-  <%= partial 'shared/related_tiles' %>
-</div>
diff --git a/source/product-stories/2019-05-20-southwark-ccg.html.erb b/source/product-stories/2019-05-20-southwark-ccg.html.erb
new file mode 100644
index 000000000..79ebbe256
--- /dev/null
+++ b/source/product-stories/2019-05-20-southwark-ccg.html.erb
@@ -0,0 +1,124 @@
+---
+title: "Product Story - Southwark CCG: Design sprint"
+description: "Improving general practice access with Southwark CCG: Design sprint"
+meta_keywords: "Ruby on Rails, Ruby on Rails developer, Ruby on Rails developers, Ruby on Rails development, Ruby on Rails developer London"
+image: "/assets/images/product-stories/southwark-ccg.jpg"
+
+header:
+  client: "Southwark CCG"
+  introduction: "Improving general practice access with Southwark CCG: Design sprint"
+  image: "/product-stories/southwark-ccg/team-at-board-header.jpg"
+  image_description: "Team at project board"
+
+introduction:
+  title: "A five-day design sprint to explore a General Practice Access Tool"
+  content:
+    - "Beginning to explore how general practice access can be improved for 322,000+ patients across 38 Southwark practices"
+    - "Assessing how to better use raw appointment data to make informed decisions"
+    - "A functioning prototype data dashboard in the hands of Practice Managers by end of day five"
+  image: "/product-stories/southwark-ccg/team-presentation.jpg"
+  image_description: "Team presentation"
+
+highlight_1:
+  title: "Southwark CCG in numbers"
+  project: "southwark-ccg"
+  statistics:
+      - number: "322,000+"
+        text: "Registered patients across Southwark"
+      - number: "38"
+        text: "Practices to benefit from improved access"
+
+paragraph_1:
+  title: "Improving care access for 322,000+ patients"
+  content: "NHS Southwark Clinical Commissioning Group (CCG) is working with GP practices across Southwark to focus on improving access for local patients, ensuring the best use of general practice workforce and resources. With no current definitive systematic approach to measuring capacity and patient needs within primary care, Southwark CCG identified an opportunity for exploring a modelling tool to support the borough's 38 practices, beginning with a five-day design sprint."
+  image: "/product-stories/southwark-ccg/design-sprint-board.jpg"
+  image_description: "Team at project board"
+
+quote_1:
+  quote: "With a growing demand on primary care resources across the borough, Southwark CCG is taking a proactive to identifying the opportunities in how to make the best use of resources, supporting both patients and general practices."
+  source: "Dawn Turner, User Researcher — Unboxed"
+
+paragraph_2:
+  title: "Making better use of resources to equitably meet patient needs"
+  content: "Focusing on one specific audience of patient access, the sprint goal for the week was set: 'A digital tool to help practice managers make informed decisions about using resources more efficiently to improve access for patients'. Initial focus on subject expert interviews, user journeys and pain point mapping began identifying early opportunities across data visualisation and communication to take forward."
+  image: "/product-stories/southwark-ccg/boris-at-sketches.jpg"
+  image_description: "Boris at sketches"
+
+quote_2:
+  quote: "Some of the biggest opportunities that we've been able to uncover are addressing how data can be used to present actionable insights for practice managers and how practices can then use this data, alongside wider system data, to enable more informed decisions around primary care access."
+  source: "Martyn Evans, Head of Product — Unboxed"
+
+paragraph_3:
+  title: "Involving key experts through co-locating"
+  content: "Co-locating directly in Southwark provided quick and easy access to subject matter experts for user interviews, including Healthwatch, the GP Federation and the Local Medical Committee. Ideation sketching sessions teamed with ongoing expert user interviewing allowed for emerging ideas and concepts to be quickly validated, heading into the prototype storyboarding and concept build phase."
+  image: "/product-stories/southwark-ccg/martyn-with-team.jpg"
+  image_description: "Martyn with team"
+
+highlight_2:
+  project: "southwark-ccg"
+  title: "Southwark CCG in numbers"
+  statistics:
+    - number: "5"
+      text: "Day design sprint"
+    - number: "7"
+      text: "Prototype user testing sessions"
+
+paragraph_4:
+  title: "A prototype General Practice Access Tool"
+  content: "User testing during the final sprint day provided the team with feedback of a prototype practice manager data visualisation dashboard, sharing 'up-to-date' information about how access is used at both practice and locality levels. Next steps include further exploration into systems and data, along with ongoing user testing and iteration. Southwark CCG is now introducing user-led approaches to improving access for 322,000+ residents."
+  image: "/product-stories/southwark-ccg/dawn-at-user-interview.jpg"
+  image_description: "Dawn at a user interview"
+
+quote_3:
+  quote: "Through this design sprint, the Unboxed team has helped us to identify and quickly explore some of the core opportunities of our General Practice Access Tool, resulting in a number of recommendations, including a practice manager dashboard. We've taken our first steps into taking a more patient-centered approach to our goal of improving patient access to primary care across Southwark."
+  source: "Dr Emily Gibbs, Clinical Lead — Southwark CCG"
+
+team:
+  title: "Unboxed team"
+  people:
+    - full_name: "Dawn Turner"
+      image: "/product-stories/southwark-ccg/team/dawn-turner.png"
+      link: "/people#dawn-turner"
+
+    - full_name: "Martyn Evans"
+      image: "/product-stories/southwark-ccg/team/martyn-evans.png"
+      link: "/people#martyn-evans"
+
+    - full_name: "James Cook"
+      image: "/product-stories/southwark-ccg/team/james-cook.png"
+
+    - full_name: "Boris Divjak"
+      image: "/product-stories/southwark-ccg/team/boris-divjak.png"
+      link: "/people#boris-divjak"
+
+site:
+  link: "http://www.southwarkccg.nhs.uk/Pages/Home.aspx"
+  text: "Visit the Southwark CCG site"
+
+links:
+  - title: "Unboxed awarded two Public Health England contracts"
+    source: "Unboxed"
+    type: "news"
+    link: "https://unboxed.co/news/unboxed-awarded-two-public-health-england-contracts/"
+
+  - title: "Unboxed and Guy's and St. Thomas' NHS Foundation Trust presenting at Service Design in Government 2018"
+    source: "Unboxed"
+    type: "news"
+    link: "https://unboxed.co/news/unboxed-and-guy-s-and-st-thomas-nhs-foundation-trust-presenting-at-service-design-in-government-2018/"
+
+related:
+  title: "Related"
+  articles:
+    - title: "The five day design sprint with Guy's &amp; St. Thomas' NHS Foundation Trust Paediatric Allergy Team"
+      type: "blog"
+      link: "https://unboxed.co/blog/the-five-day-design-sprint-with-guy-s-st-thomas-nhs-foundation-trust-pediatric-allergy-team/"
+
+    - title: "Transformation of NHS face-to-face sexual health clinic to digital service in 8 weeks"
+      type: "product story"
+      link: "https://unboxed.co/product-stories/sh24/"
+
+    - title: "Introducing a patient-led innovation programme into the NHS with Guy's and St. Thomas' NHS Foundation Trust"
+      type: "product story"
+      link: "http://www.unboxed.co/product-story/guys-and-st-thomas-nhs-foundation-trust"
+
+---
diff --git a/source/product-stories/public-health-england-nsc-discovery.html.erb b/source/product-stories/2019-06-20-public-health-england-nsc-discovery.html.erb
similarity index 81%
rename from source/product-stories/public-health-england-nsc-discovery.html.erb
rename to source/product-stories/2019-06-20-public-health-england-nsc-discovery.html.erb
index 0c7ce0d45..88acc4947 100644
--- a/source/product-stories/public-health-england-nsc-discovery.html.erb
+++ b/source/product-stories/2019-06-20-public-health-england-nsc-discovery.html.erb
@@ -1,7 +1,8 @@
 ---
 title: "Product Story - Public Health England"
-meta_description: "Developing the UK National Screening Committee’s new online presence with Public Health England: discovery phase"
+description: "Developing the UK National Screening Committee’s new online presence with Public Health England: discovery phase"
 meta_keywords: "Ruby on Rails, Ruby on Rails developer, Ruby on Rails developers, Ruby on Rails development, Ruby on Rails developer London"
+image: "/assets/images/product-stories/public-health-england.jpg"
 
 header:
   client: "Public Health England"
@@ -23,12 +24,12 @@ highlight_1:
   title: "Public Health England in numbers:"
   project: "public-health-england"
   statistics:
-  - number: "33,000+"
-    text: "Average monthly UK NSC online visitors"
-  - number: "23"
-    text: "User engagements conducted"
+    - number: "33,000+"
+      text: "Average monthly UK NSC online visitors"
+    - number: "23"
+      text: "User engagements conducted"
 
-fragmented_screening:
+paragraph_1:
   title: "Fragmented online health screening information"
   content: "The UK National Screening Committee (UK NSC) website is a key resource for experts and policy makers in shaping screening recommendations, as well as wider public interest, reaching 33,000+ visitors per month. With current content spread across disparate pages, inconsistent uses of design elements and outdated, underlying technical infrastructure, Public Health England identified the need to create a new online presence for UK NSC, built around user-needs."
   image: "/product-stories/public-health-england-nsc-discovery/table.jpg"
@@ -38,7 +39,7 @@ quote_1:
   quote: During this Discovery phase, we've established a user-centred design process within the UK NSC team to begin changing the current experience from a number of inconsistent and defragmented interactions into a single consistent journey, aligned to the digital service standard.
   source: "— Lawrence Richards, Service Designer, Unboxed"
 
-engaging_stakeholders:
+paragraph_2:
   title: "​​Engaging stakeholders across four UK countries"
   content: "As a platform with users and stakeholders located across four UK countries (England, Scotland, Northern Ireland and Wales), the team worked to carry
   out in-depth interviews, through both face-to-face engagement in each location and online video conferencing to uncover insights. These results categorised as three main user groups (evidence review managers, policy stakeholders and the public), each with their own distinct requirements from the UK NSC."
@@ -49,7 +50,7 @@ quote_2:
   quote: "We’re really impressed with the work that Unboxed delivered in a very short four-week Discovery phase. The team introduced us to numerous user research tools and agile ways of working which PHE are keen to learn from."
   source: "— Adrian, Product Owner, Public Health England"
 
-user_engagement:
+paragraph_3:
   title: "Opportunities identified to improve user engagement"
   content: "In-depth interviews, workshops, shadowing and user journey mapping uncovered opportunities far beyond a website redesign. Signposting of various screening resources, independent and UK-wide positioning through through linking to national screening programmes across each country, a more proactive and engaging service through regular updates via email or SMS and leveraging available open-source technologies all emerged as opportunities to explore further."
   image: "/product-stories/public-health-england-nsc-discovery/wall-with-stickies.jpg"
@@ -59,12 +60,12 @@ highlight_2:
   title: "Public Health England in numbers:"
   project: "public-health-england"
   statistics:
-  - number: "13"
-    text: "User interviews conducted"
-  - number: "3"
-    text: "Emerging core user groups for UK NSC"
+    - number: "13"
+      text: "User interviews conducted"
+    - number: "3"
+      text: "Emerging core user groups for UK NSC"
 
-alpha:
+paragraph_4:
   title: "The service assessment through to Alpha"
   content: "Early validation of this Discovery phase has been delivered through successfully passing an internal service assessment (based on the Government Digital Service service assessment), conducted by the Department of Health and Social Care and PHE Digital. The next phase of this project is to prototype and test potential consultation platforms for screening recommendations, as the next step in creating a new online presence for UK NSC built around user needs."
   image: "/product-stories/public-health-england-nsc-discovery/screenshot.jpg"
@@ -124,36 +125,3 @@ related:
       link: "/product-stories/guys-and-st-thomas"
 
 ---
-
-<%= partial 'shared/page_header', locals: current_page.data.header %>
-
-<div class="container" data-header-waypoint>
-  <%= partial 'shared/full_image', locals: current_page.data.header %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.introduction %>
-
-  <%= partial 'shared/highlight', locals: current_page.data.highlight_1 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.fragmented_screening %>
-
-  <%= partial 'shared/quote', locals: current_page.data.quote_1 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.engaging_stakeholders %>
-
-  <%= partial 'shared/quote', locals: current_page.data.quote_2 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.user_engagement %>
-
-  <%= partial 'shared/highlight', locals: current_page.data.highlight_2 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.alpha %>
-
-  <%= partial 'shared/quote', locals: current_page.data.quote_3 %>
-
-  <%= partial 'shared/project_team' %>
-
-  <%= partial 'shared/link_tiles' %>
-
-  <%= partial 'shared/related_tiles' %>
-
-</div>
diff --git a/source/product-stories/sh24.html.erb b/source/product-stories/2019-07-20-sh24.html.erb
similarity index 78%
rename from source/product-stories/sh24.html.erb
rename to source/product-stories/2019-07-20-sh24.html.erb
index 8372a5b57..bf79440ca 100644
--- a/source/product-stories/sh24.html.erb
+++ b/source/product-stories/2019-07-20-sh24.html.erb
@@ -1,7 +1,8 @@
 ---
 title: "Product Story - SH:24"
-meta_description: "Transformation of NHS face-to-face sexual health clinic to digital service in 8 weeks"
+description: "Transformation of NHS face-to-face sexual health clinic to digital service in 8 weeks"
 meta_keywords: "Ruby on Rails, Ruby on Rails developer, Ruby on Rails developers, Ruby on Rails development, Ruby on Rails developer London, public sector"
+image: "/assets/images/product-stories/sh24.jpg"
 
 header:
   client: "SH:24"
@@ -23,68 +24,74 @@ highlight_1:
   title: "SH:24 in numbers"
   project: "sh24"
   statistics:
-  - number: "1,600+"
-    text: "Orders dispatched per week"
-  - number: "200,000+"
-    text: "Test kits ordered to date"
+    - number: "1,600+"
+      text: "Orders dispatched per week"
+    - number: "200,000+"
+      text: "Test kits ordered to date"
 
 highlight_2:
   title: "SH:24 in numbers since launch"
   project: "sh24"
   statistics:
-  - number: "78%"
-    text: "Kit return rate"
-  - number: "98.4%"
-    text: "User satisfation rate"
-  - number: "100+"
-    text: "Users involved in the design"
-  - number: "95%"
-    text: "People starting the order process through to completion"
-
-online_process:
+    - number: "78%"
+      text: "Kit return rate"
+    - number: "98.4%"
+      text: "User satisfation rate"
+
+highlight_3:
+  title: "SH:24 in numbers"
+  project: "sh24"
+  statistics:
+    - number: "100+"
+      text: "Users involved in the design"
+    - number: "95%"
+      text: "People starting the order process through to completion"
+
+
+paragraph_1:
   title: "Taking the process from the doctor’s waiting room to online"
   content: "Following a string of negative headlines and a rise in STI rates in the Lambeth and Southwark areas, SH:24 came to us with an idea for a digital service: An online sexual health testing service for 620,000+ local residents. The vision was a self-service testing kit, ordered online, to tackle long queues at sexual health centers and dramatically increase public access to these services."
   image: "/product-stories/sh24/website-screenshot.jpg"
   image_description: "Screenshot of SH:24 website"
 
-first_met_quote:
+quote_1:
   quote: "From the moment we met Unboxed, we felt they understood our approach and had a robust process for exploration and delivery."
   source: "Chris Howroyd, Director — SH:24"
 
-learning:
+paragraph_2:
   title: "'Moving in' next door to users and partners"
   content: "We co-located with the SH:24 part of the team in their offices in Lambeth for the discovery and alpha phases. Our location, close to the clinics, gave us direct access to the service users and our clinical partners. From the earliest sketches, through prototypes and models, to the final production code and kits, we were able to validate our thinking on a daily basis with real users of the service."
   image: "/product-stories/sh24/workshop.jpg"
   image_description: "Stakeholder workshop and meeting"
 
-service:
+paragraph_3:
   title: "A new physical service with a digital core"
   content: "Whilst the digital elements formed a critical part of the service, great care was taken to ensure that the experience of the physical product was equally as effective. The packaging and instructions, supporting information and messaging went through numerous iterations – for example the home blood sampling process changed radically and the instructions were tested and recreated several times."
   image: "/product-stories/sh24/prototyping-instructions.jpg"
   image_description: "Early prototype of kit instructions"
 
-blood_instruction_video:
+video:
   youtube_id: "7tY0vW2Ix3A"
   image: "/product-stories/sh24/video-still.jpg"
   image_description: "Blood instructions video"
 
-timely_quote:
+quote_2:
   quote: "Unboxed brought people together rapidly and helped us to deliver a full service in an incredibly short space of time."
   source: "Chris Howroyd, Director — SH:24"
 
-stakeholder_trust:
+paragraph_4:
   title: "Building trust amongst stakeholders"
   content: "Many different stakeholders had high hopes or deep concerns about the outcome of this mould-breaking project. So we held regular open workshops to establish enough trust to move fast. We identified the most significant issues first - patient record security and service quality – and directly addressed these immediately."
   image: "/product-stories/sh24/team-discussions.jpg"
   image_description: "Team and stakeholders discussion"
 
-launch:
+paragraph_5:
   title: "Live service launched in 16 weeks"
   content: "After just 8 weeks, users were able to order and complete an STI test at home, without any clinical support. A further 8 weeks and this live service was scaled and launched to the public, resulting in over 60,000+ tests being ordered to date. With a result pleasing users and stakeholders alike, SH:24 has rolled out across a further six UK areas. SH:24 won the 'Best User Experience’ award at the User Experience UK (UXUK) Awards 2016."
   image: "/product-stories/sh24/sti-test-kit.jpg"
   image_description: "Opened SH:24 test kit"
 
-team_quote:
+quote_3:
   quote: "A great team with exactly the right mix of skills we needed."
   source: "Chris Howroyd, Director — SH:24"
 
@@ -150,39 +157,3 @@ related:
       type: "product story"
       link: "/product-stories/channel-5"
 ---
-
-<%= partial 'shared/page_header', locals: current_page.data.header %>
-
-<div class="container" data-header-waypoint>
-  <%= partial 'shared/full_image', locals: current_page.data.header %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.introduction %>
-
-  <%= partial 'shared/highlight', locals: current_page.data.highlight_1 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.online_process %>
-
-  <%= partial 'shared/quote', locals: current_page.data.first_met_quote %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.learning %>
-
-  <%= partial 'shared/full_video', locals: current_page.data.blood_instruction_video %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.service %>
-
-  <%= partial 'shared/quote', locals: current_page.data.timely_quote %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.stakeholder_trust %>
-
-  <%= partial 'shared/highlight', locals: current_page.data.highlight_2 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.launch %>
-
-  <%= partial 'shared/quote', locals: current_page.data.team_quote %>
-
-  <%= partial 'shared/project_team' %>
-
-  <%= partial 'shared/link_tiles' %>
-
-  <%= partial 'shared/related_tiles' %>
-</div>
diff --git a/source/product-stories/guys-and-st-thomas.html.erb b/source/product-stories/2019-08-20-guys-and-st-thomas.html.erb
similarity index 83%
rename from source/product-stories/guys-and-st-thomas.html.erb
rename to source/product-stories/2019-08-20-guys-and-st-thomas.html.erb
index 87cd6b844..ab6799c7e 100644
--- a/source/product-stories/guys-and-st-thomas.html.erb
+++ b/source/product-stories/2019-08-20-guys-and-st-thomas.html.erb
@@ -1,7 +1,8 @@
 ---
 title: "Product Story - Guy's and St Thomas'"
-meta_description: "Introducing a patient-led innovation programme into the NHS with Guy's and St. Thomas' NHS Foundation Trust"
 meta_keywords: "Ruby on Rails, Ruby on Rails developer, Ruby on Rails developers, Ruby on Rails development, Ruby on Rails developer London"
+description: "Introducing a patient-led innovation programme into the NHS"
+image: "/assets/images/product-stories/guys-and-st-thomas.jpg"
 
 header:
   client: "Guy's and St Thomas'"
@@ -19,7 +20,7 @@ introduction:
   image: "/product-stories/guys-and-st-thomas/martyn-team-wall.jpg"
   image_description: "Martyn and team at team wall"
 
-in_numbers_1:
+highlight_1:
   title: "Guy's and St. Thomas' NHS Foundation Trust in numbers"
   project: "guys-and-st-thomas"
   statistics:
@@ -28,33 +29,33 @@ in_numbers_1:
     - number: "20"
       text: "New digital and non-digital opportunities identified"
 
-sustainable_innovation:
+paragraph_1:
   title: "Establishing sustainable innovation"
   content: "The NHS is under enormous pressure with growing demand for services, increasing numbers of patients and a constant drive to find cost-savings. As one of the UK's biggest providers of specialised services, with 2m+ contacts each year, Guy's and St. Thomas' NHS Foundation Trust is no different. The Trust understands that it needs to establish a sustainable and transformational approach in digital innovation for providing improved, more efficient services to their patients."
   image: "/product-stories/guys-and-st-thomas/toby-garrood-thinking.jpg"
   image_description: "Toby Garrood thinking"
 
-quote_toby_1:
+quote_1:
   quote: "It's very clear to me, as a service lead, that we've got to change the way we do things in the NHS. Working with Unboxed is a huge opportunity to rethink the way in which we deliver our services more efficiently."
   source: "Dr. Toby Garrood, Consultant Rheumatologist — Guy's and St. Thomas' NHS Foundation Trust"
 
-identify_opportunities:
+paragraph_2:
   title: "Starting small to identify opportunities"
   content: "Beginning with three exemplar departments (Children's Allergy, Rheumatology and Dermatology), the programme started with patient interviews to begin engaging further and gathering insights around current service experiences. Opportunities such as more valuable first appointments, unsustainable waste and inefficiency in processes were identified as just some of the highest-priority areas of focus."
   image: "/product-stories/guys-and-st-thomas/journey-map-wall.jpg"
   image_description: "Journey map wall"
 
-quote_toby_2:
+quote_2:
   quote: "One of the most transformative things is simply getting out of my clinic room, sitting in the waiting room, interacting with patients and talking to them. What they tell you face-to-face is very different to what they tell you on a feedback form."
   source: "Dr. Toby Garrood, Consultant Rheumatologist — Guy's and St. Thomas' NHS Foundation Trust"
 
-user_centred_approach:
+paragraph_3:
   title: "Opening up a user-centred approach to working"
   content: "Exploring further into inefficiency in processes led to discovering that patient referrals lack the efficiencies to ensure maximum value is delivered at the first appointment. Difficulty in accessing GP notes, growing time constraints, complex systems and patients not knowing what to expect have led to opportunities in identifying key information that can be provided by patients before an appointment, ensuring their first appointment is as valuable as possible."
   image: "/product-stories/guys-and-st-thomas/user-journey-leon-martyn.jpg"
   image_description: "User journey Leon & Martyn"
 
-in_numbers_2:
+highlight_2:
   title: "Guy's and St. Thomas' NHS Foundation Trust in numbers"
   project: "guys-and-st-thomas"
   statistics:
@@ -63,13 +64,13 @@ in_numbers_2:
     - number: "5"
       text: "Departments engaged in the programme"
 
-establishing_direction:
+paragraph_4:
   title: "Establishing the direction forward for improved services"
   content: "Since launching, the innovation programme has generated and identified over 20 new digital and non-digital opportunities for the Trust, as well as achieving an increase in levels of engagement across patients, staff and key stakeholders. New and innovative approaches are now being introduced into a number of core NHS departments, beginning the journey to improved and more efficient services for patients."
   image: "/product-stories/guys-and-st-thomas/product-image.jpg"
   image_description: "Product image"
 
-quote_toby_3:
+quote_3:
   quote: "We've been able to identify the root of many of the problems we are experiencing — patients and doctors are not receiving the right information at the right time. We've now taken an approach to begin engaging patients further in the referral process by including them earlier in the process. Unboxed are working with us to do something differently — we're putting our patients first."
   source: "Dr. Toby Garrood, Consultant Rheumatologist — Guy's and St. Thomas' NHS Foundation Trust"
 
@@ -122,35 +123,3 @@ related:
       link: "/product-stories/sh24/"
 
 ---
-
-<%= partial 'shared/page_header', locals: current_page.data.header %>
-
-<div class="container" data-header-waypoint>
-  <%= partial 'shared/full_image', locals: current_page.data.header %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.introduction %>
-
-  <%= partial 'shared/highlight', locals: current_page.data.in_numbers_1 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.sustainable_innovation %>
-
-  <%= partial 'shared/quote', locals: current_page.data.quote_toby_1 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.identify_opportunities %>
-
-  <%= partial 'shared/quote', locals: current_page.data.quote_toby_2 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.user_centred_approach %>
-
-  <%= partial 'shared/highlight', locals: current_page.data.in_numbers_2 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.establishing_direction %>
-
-  <%= partial 'shared/quote', locals: current_page.data.quote_toby_3 %>
-
-  <%= partial 'shared/project_team' %>
-
-  <%= partial 'shared/link_tiles' %>
-
-  <%= partial 'shared/related_tiles' %>
-</div>
diff --git a/source/product-stories/petitions.html.erb b/source/product-stories/2019-09-20-petitions.html.erb
similarity index 80%
rename from source/product-stories/petitions.html.erb
rename to source/product-stories/2019-09-20-petitions.html.erb
index dc35365d9..518918b9f 100644
--- a/source/product-stories/petitions.html.erb
+++ b/source/product-stories/2019-09-20-petitions.html.erb
@@ -1,5 +1,7 @@
 ---
 title: "Product Story - Petitions"
+description: "Public sector collaboration with GDS to relaunch Petitions platform for UK citizens, meeting new user needs and public demand in just 10 weeks"
+image: "/assets/images/product-stories/petitions.png"
 
 header:
   client: "Petitions"
@@ -21,59 +23,59 @@ highlight_1:
   title: "Petitions in numbers"
   project: "petitions"
   statistics:
-  - number: "31,473,502"
-    text: "Signatures collected to date (August 2017)"
-  - number: "44"
-    text: "Petitions exceeding 100,000 signatures and debated in the House of Commons"
+    - number: "31,473,502"
+      text: "Signatures collected to date (August 2017)"
+    - number: "44"
+      text: "Petitions exceeding 100,000 signatures and debated in the House of Commons"
 
 highlight_2:
   title: "Petitions in numbers since launch"
   project: "petitions"
   statistics:
-  - number: "70,966,650"
-    text: "Unique site visitors"
-  - number: "418,426,929"
-    text: "Pages viewed"
+    - number: "70,966,650"
+      text: "Unique site visitors"
+    - number: "418,426,929"
+      text: "Pages viewed"
 
-petition_process:
+paragraph_1:
   title: "A voice for the public"
   content: "Petitions is an online government platform, enabling members of the public to create or sign petitions that ask for a change to the law or to government policy. Those that receive 10,000 signatures get a response from the government, and 100,000+ signatures are considered for debate in Parliament. Following a report on improving public engagement in politics, we partnered with Government Digital Service (GDS) to relaunch this public service to meet a new public demand."
   image: "/product-stories/petitions/sign-petition-screen.jpg"
   image_description: "Process of signing a petition"
 
-launch_quote:
+quote_1:
   quote: "We managed a complete service redesign and rebuild, changed hosting provider, gained security accreditation, and launched the UK’s new Petitions service - all in just 10 weeks."
   source: "Pete Herlihy, Product Owner — Government Digital Service"
 
-new_requirements:
+paragraph_2:
   title: "Major new requirements for dated platform"
   content: "New requirements emerged for the old e-Petitions system, such as moving towards centralised administration for the Petitions Select committee. In order to meet these new user needs, the user journey had to be remapped and the platform redesigned and rebuilt. From previously partnering with GDS on the original e-Petitions in 2011, our team knew the drill, and the project kicked off within a matter of days."
   image: "/product-stories/petitions/start-new-petition-mobile.jpg"
   image_description: "Start a new petition page on mobile"
 
-mvp_quote:
+quote_2:
   quote: "A strong focus on minimum viability and always having a shippable product, allowed our team to start delivering from day one with confidence we’d be ready, despite an emerging set of needs and an unclear launch date."
   source: "Pete Herlihy, Product Owner — Government Digital Service"
 
-tech_spec:
+paragraph_3:
   title: "System powered by open source Ruby on Rails application"
   content: "The team worked to full GDS practices, with design taking a mobile-first approach and the UX streamlined to create a simple user flow. The system was built to handle a high request of daily email sends (up to 150,000 during most days, rising to 500,000+ during busy times, hitting a peak of 1,000,000+), and scaled to meet the high demand of petitions with a large public following."
   image: "/product-stories/petitions/team-member-at-work.jpg"
   image_description: "Working on developing Petitions platform"
 
-tech_quote:
+quote_3:
   quote: |
     We architected for robustness and speed, based on previous peak numbers from the old system. We now regularly hit those numbers on a quiet day.
   source: "Andrew White, CTO — Unboxed"
   image: "/product-stories/petitions/team/andrew-white-full.png"
 
-result:
+paragraph_4:
   title: "A platform for direct public engagement with Parliament"
   content: "The result: A platform which, for the first time, allows the public to electronically petition the Parliament Committee directly with political topics that wouldn’t otherwise have been raised or debated. Since the launch, 31,473,502 signatures have been collected across 10,950 petitions. 485 of these petitions have been given a response, and 56 debated in the House of Commons."
   image: "/product-stories/petitions/sugary-drinks-tax-petition.jpg"
   image_description: "Petition on tax on sugary drinks to improve children's health"
 
-mp_quote:
+quote_4:
   quote: "I am delighted to be able to announce the opening of the new Petitions website. First and foremost, it is an easy way for people to let MPs and Ministers know what they care about. What’s more, it gives us a chance to open up a new dialogue between the public and Parliament."
   source: "Helen Jones MP, The Chair of the House of Commons Procedure Committee"
 
@@ -130,37 +132,3 @@ related:
     type: "news"
     link: "/news/new-government-petitions-website-launched-developed-in-partnership-with-unboxed-consulting/"
 ---
-
-<%= partial 'shared/page_header', locals: current_page.data.header %>
-
-<div class="container" data-header-waypoint>
-  <%= partial 'shared/full_image', locals: current_page.data.header %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.introduction %>
-
-  <%= partial 'shared/highlight', locals: current_page.data.highlight_1 %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.petition_process %>
-
-  <%= partial 'shared/quote', locals: current_page.data.launch_quote %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.new_requirements %>
-
-  <%= partial 'shared/quote', locals: current_page.data.mvp_quote %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.tech_spec %>
-
-  <%= partial 'shared/quote_caricature', locals: current_page.data.tech_quote %>
-
-  <%= partial 'shared/text_tile', locals: current_page.data.result %>
-
-  <%= partial 'shared/quote', locals: current_page.data.mp_quote %>
-
-  <%= partial 'shared/project_team' %>
-
-  <%= partial 'shared/highlight', locals: current_page.data.highlight_2 %>
-
-  <%= partial 'shared/link_tiles' %>
-
-  <%= partial 'shared/related_tiles' %>
-</div>
diff --git a/source/product-stories/plymouth-university-gets-agile.html.erb b/source/product-stories/archived/plymouth-university-gets-agile.html.erb
similarity index 100%
rename from source/product-stories/plymouth-university-gets-agile.html.erb
rename to source/product-stories/archived/plymouth-university-gets-agile.html.erb
diff --git a/source/product-stories/southwark-ccg.html.erb b/source/product-stories/southwark-ccg.html.erb
deleted file mode 100644
index 5ae9a6d42..000000000
--- a/source/product-stories/southwark-ccg.html.erb
+++ /dev/null
@@ -1,143 +0,0 @@
----
-title: "Product Story - Southwark CCG: Design sprint"
-meta_description: "Improving general practice access with Southwark CCG: Design sprint"
-meta_keywords: "Ruby on Rails, Ruby on Rails developer, Ruby on Rails developers, Ruby on Rails development, Ruby on Rails developer London"
-
-team:
-  title: "Unboxed team"
-  people:
-    - full_name: "Dawn Turner"
-      image: "/product-stories/southwark-ccg/team/dawn-turner.png"
-      link: "/people#dawn-turner"
-
-    - full_name: "Martyn Evans"
-      image: "/product-stories/southwark-ccg/team/martyn-evans.png"
-      link: "/people#martyn-evans"
-
-    - full_name: "James Cook"
-      image: "/product-stories/southwark-ccg/team/james-cook.png"
-
-    - full_name: "Boris Divjak"
-      image: "/product-stories/southwark-ccg/team/boris-divjak.png"
-      link: "/people#boris-divjak"
-
-site:
-  link: "http://www.southwarkccg.nhs.uk/Pages/Home.aspx"
-  text: "Visit the Southwark CCG site"
-
-links:
-  - title: "Unboxed awarded two Public Health England contracts"
-    source: "Unboxed"
-    type: "news"
-    link: "https://unboxed.co/news/unboxed-awarded-two-public-health-england-contracts/"
-
-  - title: "Unboxed and Guy's and St. Thomas' NHS Foundation Trust presenting at Service Design in Government 2018"
-    source: "Unboxed"
-    type: "news"
-    link: "https://unboxed.co/news/unboxed-and-guy-s-and-st-thomas-nhs-foundation-trust-presenting-at-service-design-in-government-2018/"
-
-related:
-  title: "Related"
-  articles:
-    - title: "The five day design sprint with Guy's &amp; St. Thomas' NHS Foundation Trust Paediatric Allergy Team"
-      type: "blog"
-      link: "https://unboxed.co/blog/the-five-day-design-sprint-with-guy-s-st-thomas-nhs-foundation-trust-pediatric-allergy-team/"
-
-    - title: "Transformation of NHS face-to-face sexual health clinic to digital service in 8 weeks"
-      type: "product story"
-      link: "https://unboxed.co/product-stories/sh24/"
-
-    - title: "Introducing a patient-led innovation programme into the NHS with Guy's and St. Thomas' NHS Foundation Trust"
-      type: "product story"
-      link: "http://www.unboxed.co/product-story/guys-and-st-thomas-nhs-foundation-trust"
-
----
-
-<%= partial 'shared/page_header', locals: {
-  introduction: 'Improving general practice access with Southwark CCG: Design sprint'
-} %>
-
-<div class="container" data-header-waypoint>
-  <%= partial 'shared/full_image', locals: {
-    image: '/product-stories/southwark-ccg/team-at-board-header.jpg',
-    image_description: 'Team at project board'
-  } %>
-
-  <%= partial 'shared/text_tile', locals: {
-    title: "A five-day design sprint to explore a General Practice Access Tool",
-    content: [
-      'Beginning to explore how general practice access can be improved for 322,000+ patients across 38 Southwark practices',
-      'Assessing how to better use raw appointment data to make informed decisions',
-      'A functioning prototype data dashboard in the hands of Practice Managers by end of day five',
-    ],
-    image: '/product-stories/southwark-ccg/team-presentation.jpg',
-    image_description: 'Team presentation'
-  } %>
-
-  <%= partial 'shared/highlight', locals: {
-    project: 'southwark-ccg',
-    title: 'Southwark CCG in numbers',
-    statistics: [
-      { number: '322,000+', text: 'Registered patients across Southwark' },
-      { number: '38', text: 'Practices to benefit from improved access' },
-    ]
-  } %>
-
-  <%= partial 'shared/text_tile', locals: {
-    title: 'Improving care access for 322,000+ patients',
-    content: "NHS Southwark Clinical Commissioning Group (CCG) is working with GP practices across Southwark to focus on improving access for local patients, ensuring the best use of general practice workforce and resources. With no current definitive systematic approach to measuring capacity and patient needs within primary care, Southwark CCG identified an opportunity for exploring a modelling tool to support the borough's 38 practices, beginning with a five-day design sprint.",
-    image: '/product-stories/southwark-ccg/design-sprint-board.jpg',
-    image_description: 'Team at project board'
-  } %>
-
-  <%= partial 'shared/quote', locals: {
-    quote: 'With a growing demand on primary care resources across the borough, Southwark CCG is taking a proactive to identifying the opportunities in how to make the best use of resources, supporting both patients and general practices.',
-    source: 'Dawn Turner, User Researcher — Unboxed'
-  } %>
-
-  <%= partial 'shared/text_tile', locals: {
-    title: 'Making better use of resources to equitably meet patient needs',
-    content: 'Focusing on one specific audience of patient access, the sprint goal for the week was set: "A digital tool to help practice managers make informed decisions about using resources more efficiently to improve access for patients". Initial focus on subject expert interviews, user journeys and pain point mapping began identifying early opportunities across data visualisation and communication to take forward.',
-    image: '/product-stories/southwark-ccg/boris-at-sketches.jpg',
-    image_description: 'Boris at sketches'
-  } %>
-
-  <%= partial 'shared/quote', locals: {
-    quote: "Some of the biggest opportunities that we've been able to uncover are addressing how data can be used to present actionable insights for practice managers and how practices can then use this data, alongside wider system data, to enable more informed decisions around primary care access.",
-    source: 'Martyn Evans, Head of Product — Unboxed'
-  } %>
-
-  <%= partial 'shared/text_tile', locals: {
-    title: 'Involving key experts through co-locating',
-    content: 'Co-locating directly in Southwark provided quick and easy access to subject matter experts for user interviews, including Healthwatch, the GP Federation and the Local Medical Committee. Ideation sketching sessions teamed with ongoing expert user interviewing allowed for emerging ideas and concepts to be quickly validated, heading into the prototype storyboarding and concept build phase.',
-    image: '/product-stories/southwark-ccg/martyn-with-team.jpg',
-    image_description: 'Martyn with team'
-  } %>
-
-  <%= partial 'shared/highlight', locals: {
-    project: 'southwark-ccg',
-    title: 'Southwark CCG in numbers',
-    statistics: [
-      { number: '5', text: 'Day design sprint' },
-      { number: '7', text: 'Prototype user testing sessions' },
-    ]
-  } %>
-
-  <%= partial 'shared/text_tile', locals: {
-    title: 'A prototype General Practice Access Tool',
-    content: "User testing during the final sprint day provided the team with feedback of a prototype practice manager data visualisation dashboard, sharing 'up-to-date' information about how access is used at both practice and locality levels. Next steps include further exploration into systems and data, along with ongoing user testing and iteration. Southwark CCG is now introducing user-led approaches to improving access for 322,000+ residents.",
-    image: '/product-stories/southwark-ccg/dawn-at-user-interview.jpg',
-    image_description: 'Dawn at a user interview'
-  } %>
-
-  <%= partial 'shared/quote', locals: {
-    quote: "Through this design sprint, the Unboxed team has helped us to identify and quickly explore some of the core opportunities of our General Practice Access Tool, resulting in a number of recommendations, including a practice manager dashboard. We've taken our first steps into taking a more patient-centered approach to our goal of improving patient access to primary care across Southwark.",
-    source: 'Dr Emily Gibbs, Clinical Lead — Southwark CCG'
-  } %>
-
-  <%= partial 'shared/project_team' %>
-
-  <%= partial 'shared/link_tiles' %>
-
-  <%= partial 'shared/related_tiles' %>
-</div>

From 25960bf9e5e848291ea61bcba2597c2ffa093730 Mon Sep 17 00:00:00 2001
From: Celia Collins <celiadcollins@gmail.com>
Date: Fri, 20 Sep 2019 16:40:17 +0100
Subject: [PATCH 06/10] Add to retina_srcset method to accomodate uploading
 images via netlify cms

---
 lib/helpers.rb | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/lib/helpers.rb b/lib/helpers.rb
index 2931d87ba..f7abe2206 100644
--- a/lib/helpers.rb
+++ b/lib/helpers.rb
@@ -5,7 +5,11 @@
 module Helpers
   def retina_srcset(path)
     return "#{path}" if path =~ /^http(s)?/
-    "#{path.gsub(/\./, '@2x.')} 2x"
+    if File.exist?("source/#{path.gsub(/\./, '@2x.')}")
+      "#{path.gsub(/\./, '@2x.')} 2x"
+    elsif File.exist?("source/#{path.gsub(/\./, '-2x.')}")
+      "#{path.gsub(/\./, '-2x.')} 2x"
+    end
   end
 
   def site_nav_link(link_text, href, options = {})

From 85507b08ecd8e0c5a02a810f4da12cace3676ffc Mon Sep 17 00:00:00 2001
From: Celia Collins <celiadcollins@gmail.com>
Date: Thu, 14 Nov 2019 12:41:53 +0000
Subject: [PATCH 07/10] Fix bulletpoints in introduction

---
 source/admin/config.yml | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/source/admin/config.yml b/source/admin/config.yml
index b7669daca..f8d960f0a 100644
--- a/source/admin/config.yml
+++ b/source/admin/config.yml
@@ -103,11 +103,7 @@ collections:
         widget: object
         fields:
           - {label: "Title", name: title, widget: string}
-          - label: "Bullet points"
-            name: content
-            widget: list
-            fields:
-              - {label: "Bullet point", widget: string}
+          - {label: "Content (usually in bullet points)", name: content, widget: markdown}
           - {label: "Image", name: image, widget: image}
           - {label: "Image description", name: image_description, widget: string}
 

From e98bcb61b10bbe5b0335016d61f248a610c41c13 Mon Sep 17 00:00:00 2001
From: Celia Collins <celiadcollins@gmail.com>
Date: Thu, 14 Nov 2019 17:01:52 +0000
Subject: [PATCH 08/10] Make labelling clearer

---
 source/admin/config.yml | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/source/admin/config.yml b/source/admin/config.yml
index f8d960f0a..a81815ce6 100644
--- a/source/admin/config.yml
+++ b/source/admin/config.yml
@@ -68,7 +68,7 @@ collections:
     extension: 'html.markdown' # Middleman v4 requires .html.markdown
     format: 'frontmatter'
     fields:
-      - label: 'Page title - e.g Product Story - Client'
+      - label: 'Page tab title - e.g Product Story - Client'
         name: 'title'
         widget: 'string'
 
@@ -95,7 +95,7 @@ collections:
         fields:
           - {label: "Client", name: client, widget: string}
           - {label: "Introduction", name: introduction, widget: string}
-          - {label: "Header image", name: image, widget: image}
+          - {label: "Header image - 1280 x 640 px", name: image, widget: image}
           - {label: "Image description", name: image_description, widget: string}
 
       - label: 'Introduction (heading and bullet point summary)'
@@ -104,7 +104,7 @@ collections:
         fields:
           - {label: "Title", name: title, widget: string}
           - {label: "Content (usually in bullet points)", name: content, widget: markdown}
-          - {label: "Image", name: image, widget: image}
+          - {label: "Image - 640 x 618 px", name: image, widget: image}
           - {label: "Image description", name: image_description, widget: string}
 
       - label: "In numbers"
@@ -112,7 +112,7 @@ collections:
         widget: object
         fields:
           - {label: "Title", name: title, widget: string}
-          - {label: "Project (used to create coloured bands)", name: project, widget: string}
+          - {label: "Project name e.g. southwark-council (used to create coloured bands)", name: project, widget: string}
           - label: "Statistics"
             name: statistics
             widget: list
@@ -126,7 +126,7 @@ collections:
         fields:
           - {label: "Header", name: title, widget: string}
           - {label: "Content", name: content, widget: markdown}
-          - {label: "Image", name: image, widget: image}
+          - {label: "Image - 640 x 618 px", name: image, widget: image}
           - {label: "Image description", name: image_description, widget: string}
 
       - label: "Quote"
@@ -142,7 +142,7 @@ collections:
         fields:
           - {label: "Header", name: title, widget: string}
           - {label: "Content", name: content, widget: markdown}
-          - {label: "Image", name: image, widget: image}
+          - {label: "Image - 640 x 618 px", name: image, widget: image}
           - {label: "Image description", name: image_description, widget: string}
 
       - label: "In numbers (not required)"
@@ -165,7 +165,7 @@ collections:
         fields:
           - {label: "Header", name: title, widget: string}
           - {label: "Content", name: content, widget: markdown}
-          - {label: "Image", name: image, widget: image}
+          - {label: "Image - 640 x 618 px", name: image, widget: image}
           - {label: "Image description", name: image_description, widget: string}
 
       - label: "Quote"
@@ -182,7 +182,7 @@ collections:
         fields:
           - {label: "header", name: title, widget: string}
           - {label: "content", name: content, widget: markdown}
-          - {label: "Image", name: image, widget: image}
+          - {label: "Image - 640 x 618 px", name: image, widget: image}
           - {label: "Image description", name: image_description, widget: string}
 
       - label: "Quote (not required)"
@@ -199,7 +199,7 @@ collections:
         required: false
         fields:
           - {label: "Youtube ID", name: youtube_id, widget: string}
-          - {label: "Image", name: image, widget: image}
+          - {label: "Image - 1280 x 720 px", name: image, widget: image}
           - {label: "Image description", name: image_description, widget: string}
 
       - label: "Team"
@@ -211,8 +211,8 @@ collections:
             widget: list
             fields:
               - {label: "Full name", name: full_name, widget: string}
-              - {label: "Image", name: image, widget: image}
-              - {label: "Link to people page", name: link, widget: string, required: false}
+              - {label: "Image - 72 x 72 px", name: image, widget: image}
+              - {label: "Link to people page (/people#perons-full-name)", name: link, widget: string, required: false}
 
       - label: "Site of the client (not required)"
         name: "site"

From 9b888d4a9fd71e49de3b032b07c6a9740c79e776 Mon Sep 17 00:00:00 2001
From: Celia Collins <celiadcollins@gmail.com>
Date: Thu, 14 Nov 2019 17:02:21 +0000
Subject: [PATCH 09/10] Add future product story colours

---
 .../assets/stylesheets/styles/_highlight.scss | 36 +++++++++++++++++++
 1 file changed, 36 insertions(+)

diff --git a/source/assets/stylesheets/styles/_highlight.scss b/source/assets/stylesheets/styles/_highlight.scss
index d61b3189f..2b101c7b5 100644
--- a/source/assets/stylesheets/styles/_highlight.scss
+++ b/source/assets/stylesheets/styles/_highlight.scss
@@ -133,6 +133,42 @@
   color: $white;
 }
 
+.highlight--hackney-council {
+  @extend %highlight;
+  background-color: #016A51;
+  color: $white;
+}
+
+.highlight--lewisham-homes {
+  @extend %highlight;
+  background-color: #C31787;
+  color: $white;
+}
+
+.highlight--beis {
+  @extend %highlight;
+  background-color: #003479;
+  color: $white;
+}
+
+.highlight--southwark-council {
+  @extend %highlight;
+  background-color: #256F8A;
+  color: $white;
+}
+
+.highlight--department-for-transport {
+  @extend %highlight;
+  background-color: #026A56;
+  color: $white;
+}
+
+.highlight--buckinghamshire-council {
+  @extend %highlight;
+  background-color: #2C2C84;
+  color: $white;
+}
+
 .highlight__title {
   @include responsive-title;
   font-weight: 300;

From 56dddd8ad98ed2f3cc7cd06c28a37d8c6b7e8e41 Mon Sep 17 00:00:00 2001
From: Celia Collins <celiadcollins@gmail.com>
Date: Fri, 15 Nov 2019 11:24:03 +0000
Subject: [PATCH 10/10] Make bullet point formatting clearer

---
 source/admin/config.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/source/admin/config.yml b/source/admin/config.yml
index a81815ce6..0f5505c34 100644
--- a/source/admin/config.yml
+++ b/source/admin/config.yml
@@ -103,7 +103,7 @@ collections:
         widget: object
         fields:
           - {label: "Title", name: title, widget: string}
-          - {label: "Content (usually in bullet points)", name: content, widget: markdown}
+          - {label: "Content (usually in bullet points. - Format</br> - Like</br> - This for bullet points</br>)", name: content, widget: markdown}
           - {label: "Image - 640 x 618 px", name: image, widget: image}
           - {label: "Image description", name: image_description, widget: string}