Merge branch 'master' into new-roadmap

getzaymo · Jul 19, 2018 · 4529bab · 4529bab
2 parents 9af0bb4 + 4a6befc
commit 4529bab
Show file tree

Hide file tree

Showing 9 changed files with 61 additions and 419 deletions.
diff --git a/.gitignore b/.gitignore
@@ -26,3 +26,4 @@ content/docs/ads/integration-guide.md
 content/docs/ads/amphtml_ads/a4a_spec.md
 content/docs/analytics/integrating-analytics.md
 content/docs/analytics/amp-managing-user-state.md
+content/docs/interaction_dynamic/amp-email-format.md
diff --git a/assets/img/case-studies/renovation_1.png b/assets/img/case-studies/renovation_1.png
diff --git a/assets/img/case-studies/renovation_2.png b/assets/img/case-studies/renovation_2.png
diff --git a/assets/img/case-studies/renovation_brands.pdf b/assets/img/case-studies/renovation_brands.pdf
diff --git a/assets/img/case-studies/renovation_logo.png b/assets/img/case-studies/renovation_logo.png
diff --git a/content/docs/interaction_dynamic/amp-email-format.md b/content/docs/interaction_dynamic/amp-email-format.md
diff --git a/content/learn/case-studies/renovation_brands.md b/content/learn/case-studies/renovation_brands.md
@@ -0,0 +1,52 @@
+---
+$order: 28
+$title: Renovation Brands
+$date: Jul 11, 2018
+$category: ecommerce
+$parent: /content/learn/case-studies.html
+class: case-study post-detail
+
+components:
+  - social-share
+
+headline: Renovation Brands improves speed and site duration with AMP
+results:
+    - stat: 27%
+      description: longer sessions
+    - stat: 24% 
+      description: more pages viewed
+    - stat: 30%
+      description: lower bounce rate
+
+logo:
+  src: "case-studies/renovation_logo.png"
+  width: 250
+  height: 42
+download: "case-studies/renovation_brands.pdf"
+
+---
+
+
+<div class="img-left">
+    <amp-img width="560" height="1095" layout="responsive" src="/static/img/case-studies/renovation_1.png"></amp-img>
+</div>
+
+Renovation Brands, a top 500 e-retailer, is the parent company of multiple fast-growing home improvement products brands serving both residential and commercial customers in the renovation space. With sites such as American Tin Ceilings, Renovation Brands has a distinct focus on a user-first digital experience.
+
+## Solution
+
+At Renovation Brands, “We’re constantly thinking about how to improve a customer's experience when interacting with our sites,” says Rocky Glaze, chief marketing officer. They decided to implement AMP pages across all brands for faster load times and a user interface (UI) that would provide better product visualizations. The in-house development team concluded that if they reached parity with interactive components via AMP (including a visualizer to showcase customizable backsplash and ceiling options), they could forgo a more complex JavaScript client framework.  
+
+The team incrementally adopted AMP for their highest-trafficked pages, which took only about 30 minutes per page. “Once solutions were discovered, we implemented them on all our sites, making for quick progress across all our brands,” says Director of Web Development Aaron James. Switching completely to AMP took about eight hours per site.
+
+<div class="img-right">
+    <amp-img width="565" height="1055" layout="responsive" src="/static/img/case-studies/renovation_2.png"></amp-img>
+</div>
+
+## Results
+
+“AMP lets us quickly generate new, interactive content while optimizing our overall site experience,” James shares. “Building and testing AMP pages is a breeze for our design team, and the capacity of our A/B testing has nearly tripled. And introducing new interactive pages like AMP stories will help us get the most out of our content.”
+
+For all their web traffic, Renovation Brands saw 27% longer session duration, 24% more pages per session, and a 30% lower bounce rate on their new AMP pages. Specifically for Google Shopping campaign traffic directed to AMP pages, session duration rose 124%, pages per session doubled, and the bounce rate dropped by 56%. In addition, average load times fell by nearly half, from 6.5 to 3.5 seconds, while the conversion rate rose 79%.
+
+“Using all possible channel types was key for us, to test the increases in performance compared to the non-AMP experience,” James adds. “By deploying AMP pages to multiple platforms, we’ve been able to unify all front-end development. As a result, our development costs have been cut nearly 60%.”
diff --git a/content/reference/components.md b/content/reference/components.md
@@ -40,6 +40,7 @@ The list of available components are listed below in related categories.
 | [`amp-form`](components/amp-form.html) | Provides form support. |
 | [`amp-geo`](components/amp-geo.html) | Provides an approximate country-level geolocation interface. |
 | [`amp-gist`](components/amp-gist.html) | Displays a [GitHub Gist](https://gist.github.com/). |
+| [`amp-google-document-embed`](components/amp-google-document-embed.html) | Displays a document file supported by Google Drive. |
 | [`amp-install-serviceworker`](components/amp-install-serviceworker.html) | Installs a ServiceWorker. |
 | [`amp-list`](components/amp-list.html) | Dynamically downloads data and creates list items using a template. |
 | [`amp-live-list`](components/amp-live-list.html) | Provides a way to display and update content live. |
@@ -98,17 +99,20 @@ The list of available components are listed below in related categories.
 | [`amp-video`](components/amp-video.html) | Replaces the HTML5 `video` tag. |
 | [`amp-vimeo`](components/amp-vimeo.html) | Displays a [Vimeo](https://vimeo.com/) video. |
 | [`amp-wistia-player`](components/amp-wistia-player.html) | Displays a [Wistia](https://wistia.com/) video. |
+| [`amp-yotpo`](components/amp-yotpo.html) | Embeds a [Yotpo](https://support.yotpo.com/en/on-site/reviews-widget) on-site widget. |
 | [`amp-youtube`](components/amp-youtube.html) | Displays a [YouTube](https://www.youtube.com/) video. |
 
 ### Presentation
 
 | Component | Description |
 | --------- | ----------- |
 | [`amp-animation`](components/amp-animation.html) | Defines and displays an animation. |
+| [`amp-date-countdown`](components/amp-date-countdown.html) | Display a sequence of backward counting to indicate the time remaining before an event is scheduled to occur. |
 | [`amp-dynamic-css-classes`](components/amp-dynamic-css-classes.html) | Adds several dynamic CSS class names onto the HTML element. |
 | [`amp-fit-text`](components/amp-fit-text.html) | Expands or shrinks font size to fit the content within the space given. |
 | [`amp-font`](components/amp-font.html) | Triggers and monitors the loading of custom fonts. |
 | [`amp-mathml`](components/amp-mathml.html) | Displays a [MathML formula](https://www.w3.org/Math/). |
+| [`amp-pan-zoom`](components/amp-pan-zoom.html) | Provides zooming and panning for arbitrary content. |
 | [`amp-story`](components/amp-story.html) | A rich, visual storytelling format. |
 | [`amp-timeago`](components/amp-timeago.html) | Provides fuzzy timestamps by formatting dates as "*time ago*" (for example, 3 hours ago). |
 | [`amp-viz-vega`](components/amp-viz-vega.html) | Displays visualizations created by using [Vega](https://vega.github.io/vega/) visualization grammar.|

diff --git a/scripts/component_categories.json b/scripts/component_categories.json
@@ -15,6 +15,7 @@
     "amp-consent": "dynamic-content",
     "amp-date-picker": "dynamic-content",
     "amp-form": "dynamic-content",
+    "amp-google-document-embed": "dynamic-content",
     "amp-geo": "dynamic-content",
     "amp-gist": "dynamic-content",
     "amp-install-serviceworker": "dynamic-content",
@@ -67,13 +68,16 @@
     "amp-video": "media",
     "amp-vimeo": "media",
     "amp-wistia-player": "media",
+    "amp-yotpo": "media",
     "amp-youtube": "media",
 
     "amp-animation": "presentation",
+    "amp-date-countdown": "presentation",
     "amp-dynamic-css-classes": "presentation",
     "amp-fit-text": "presentation",
     "amp-font": "presentation",
     "amp-mathml": "presentation",
+    "amp-pan-zoom": "presentation",
     "amp-story": "presentation",
     "amp-timeago": "presentation",
     "amp-viz-vega": "presentation",