diff --git a/docs/.vuepress/components/BuildPage.vue b/docs/.vuepress/components/BuildPage.vue
new file mode 100644
index 00000000000..12a77c49432
--- /dev/null
+++ b/docs/.vuepress/components/BuildPage.vue
@@ -0,0 +1,258 @@
+<template>
+  <div class="start-building">
+    <div class="center">
+      <div class="headline-text-container">
+        <h1 class="headline-title">Get started building on Ethereum</h1>
+        <div
+          class="headline-subtitle"
+        >Learn the basics of Ethereum with Ethereum Studio, our web-based IDE where you can create and test smart contracts, and build a front end for them.</div>
+      </div>
+      <a class="button" href="https://studio.ethereum.org" target="_blank">
+        Try it now
+      </a>
+      <div class="terminal-gif">
+        <img src="/ethereum-studio.gif" />
+      </div>
+      <div class="gif-caption">
+        Powered by
+        <a href="https://superblocks.com" target="_blank">Superblocks</a>
+      </div>
+      <h2
+        class="bold"
+      >Start coding right away, saving many hours of development setup. Try the following templates to see what you can build with Ethereum.</h2>
+      <div class="features">
+        <div class="feature">
+          <div class="icon">👋</div>
+          <div class="box">
+            <div class="box-title">Hello World</div>
+            <div
+              class="box-description"
+            >A Hello World style template that deploys a smart contract with a configurable message, and renders it to the browser.</div>
+            <div class="box-link">
+              <a target="_blank" href="https://studio.ethereum.org/1">Run Hello World</a>
+            </div>
+          </div>
+        </div>
+        <div class="feature">
+          <div class="icon">🗝️</div>
+          <div class="box">
+            <div class="box-title">ERC-20 Token</div>
+            <div
+              class="box-description"
+            >A template that uses the ERC-20 standard to define a fungible token you can create and send to others.</div>
+            <div class="box-link">
+              <a target="_blank" href="https://studio.ethereum.org/2">Mint your token</a>
+            </div>
+          </div>
+        </div>
+        <div class="feature">
+          <div class="icon">🍕</div>
+          <div class="box">
+            <div class="box-title">Crypto Pizza</div>
+            <div
+              class="box-description"
+            >A collectibles game built on top of the ERC-721 standard for creating unique tokens.</div>
+            <div class="box-link">
+              <a target="_blank" href="https://studio.ethereum.org/3">See Crypto Pizza</a>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="resources">
+        <div class="title">More web-based learning experiences for Ethereum</div>
+        <div class="logos">
+          <div class="logo-container">
+            <div class="logo-title">CryptoZombies</div>
+            <div class="logo">
+              <a href="https://cryptozombies.io/" target="_blank">
+                <img src="/ecosystem/crypto-zombie.png" alt="CryptoZombies" />
+              </a>
+            </div>
+            <div class="logo-description">Learn Solidity building your own Zombie game</div>
+          </div>
+          <div class="logo-container">
+            <div class="logo-title">Ethernauts</div>
+            <div class="logo">
+              <a href="https://ethernaut.openzeppelin.com/" target="_blank">
+                <img src="/ecosystem/oz.png" class="oz" alt="Open Zeppelin Ethernaut" />
+              </a>
+            </div>
+            <div class="logo-description">Complete levels by hacking smart contracts</div>
+          </div>
+          <div class="logo-container">
+            <div class="logo-title">Remix</div>
+            <div class="logo">
+              <a href="https://remix.ethereum.org" target="_blank">
+                <img src="/ecosystem/remix.png" alt="Remix" />
+              </a>
+            </div>
+            <div class="logo-description">Ethereum IDE and tools for the web</div>
+          </div>
+          <div class="logo-container">
+            <div class="logo-title">ChainShot</div>
+            <div class="logo">
+              <a href="https://www.chainshot.com" target="_blank">
+                <img src="/ecosystem/chainshot.png" alt="ChainShot" />
+              </a>
+            </div>
+            <div class="logo-description">Solidity, Vyper and Web3.js coding tutorials</div>
+          </div>
+          <div class="logo-container">
+            <div class="logo-title">Consensys Academy</div>
+            <div class="logo">
+              <a href="https://consensys.net/academy/bootcamp/" target="_blank">
+                <img src="/ecosystem/consensys.png" alt="Consensys Academy" />
+              </a>
+            </div>
+            <div class="logo-description">Online Ethereum developer bootcamp</div>
+          </div>
+        </div>
+      </div>
+      <div class="learn">
+        <h2>Learn more about Ethereum</h2>
+        <p>Want to learn more? Go to our learn page to find technical and non-technical articles, guides, and resources.</p>
+        <a class="button" href="/learn/">
+          Learn More
+        </a>
+      </div>
+      <p class="collaboration">
+        <a href="https://studio.ethereum.org" target="_blank">Ethereum Studio</a> is a collaboration between
+        <a href="https://superblocks.com" target="_blank">Superblocks</a> and <router-link to="/">Ethereum.org</router-link>.
+      </p>
+    </div>
+  </div>
+</template>
+
+<script>
+</script>
+
+<style lang="stylus" scoped>
+  @import '../theme/styles/config.styl';
+  
+  .start-building
+    margin-top 80px
+    padding 4em 0 0
+
+    .center
+      display flex
+      flex-flow column nowrap
+      align-items center
+      h2
+        border-bottom none
+        padding-top 0
+        line-height 1.4em
+        max-width 85%
+        &.bold
+          margin-top 3em
+          font-weight 700
+          max-width 60%
+      .button
+        margin 2em
+        font-size $fsRegular
+        font-weight 700
+        color $textColor
+        &:hover
+          color $accentColor
+      .terminal-gif
+        margin-top 3em
+        border-radius 8px
+        border 2px solid #000
+        max-width 85%
+        img
+          max-width: 100%
+      .gif-caption
+        font-size $fsSmall
+        margin-top 0.5rem
+        color $subduedColor
+        a
+          color $subduedColor
+          &:hover
+            color $accentColor
+
+      .features
+        display flex
+        margin-top 6em
+        flex-flow row wrap
+        justify-content center
+        .feature
+          .icon
+            margin 0.5em 0
+            font-size 3em
+          .box
+            max-width 260px
+            padding 0.2em 1.2em
+            .box-title
+              font-weight 700
+              font-size $fsLarge
+              margin-bottom 1em
+            .box-description
+              font-size $fsMedium
+              min-height 6.25rem
+              line-height 1.6em
+              font-weight 400
+            .box-link
+              margin-top 1em
+              font-size $fsRegular
+              text-transform uppercase
+              &:hover
+                text-decoration underline
+      .resources
+        padding 2em 0
+        margin-top 5em
+        font-weight 700
+        width 100%
+        .title
+          text-transform uppercase
+          font-size $fsLarge
+        .logos
+          margin-top 3em
+          display flex
+          flex-flow row wrap
+          justify-content center
+          .logo-container
+            display flex
+            flex-direction column
+            align-items center
+            flex 0 1 25%
+            margin 2rem
+          .logo-title
+            z-index 1
+          .logo-description
+            font-size $fsMedium
+            font-weight 400
+          .logo
+            cursor pointer
+            display flex
+            flex-direction column
+            align-items center
+            justify-content center
+            padding 0 2em
+            min-height 9rem
+            img
+              height 100px
+            &:hover
+              transform translateZ(0px) scale(1.1)
+              transition 0.25s ease-out 0s
+      .learn
+        margin-top 2em
+        display flex
+        flex-flow column nowrap
+        align-items center
+        h2
+          font-weight 700
+          font-size $fsLarge
+        p
+          margin-top 1em
+          font-size $fsRegular
+          max-width 60%
+      .collaboration
+        margin-top 4rem
+
+  #wrapper.dark-mode
+    h2
+      border-bottom none
+    .button
+      &:hover
+        color $accentColorDark
+        border-color $accentColorDark
+</style>
\ No newline at end of file
diff --git a/docs/.vuepress/components/HomePage.vue b/docs/.vuepress/components/HomePage.vue
index 97f049a7564..aaaa8a86d20 100644
--- a/docs/.vuepress/components/HomePage.vue
+++ b/docs/.vuepress/components/HomePage.vue
@@ -3,11 +3,35 @@
     <div class="headline-text-container">
       <h1 class="headline-title">{{content['page-home-title']}}</h1>
       <div class="headline-subtitle">{{content['page-home-subtitle']}}</div>
+      <router-link to="/beginners/" class="button headline-button">Learn more</router-link>
     </div>
 
     <div class="intro-blocks">
 
-      <div class="intro-block">
+      <div class="intro-block" v-if="isEnglish">
+        <h3 class="header">
+          <span class="arrow">→</span>{{content['page-home-section-individuals-title']}}
+        </h3>
+        <ul>
+          <li class="highlight highlight-small">
+            <router-link :to="content['page-home-section-individuals-item-one-link']" class="black">
+              {{content['page-home-section-individuals-item-one']}}
+            </router-link>
+          </li>
+          <li>
+            <router-link :to="content['page-home-section-individuals-item-two-link']" class="black">
+              {{content['page-home-section-individuals-item-two']}}
+            </router-link>
+          </li>
+          <li>
+            <router-link :to="content['page-home-section-individuals-item-three-link']" class="black">
+              {{content['page-home-section-individuals-item-three']}}
+            </router-link>
+          </li>
+        </ul>
+      </div>
+
+       <div class="intro-block-nonenglish" v-if="!isEnglish">
         <h3>
           <router-link :to="content['path'] + 'beginners/'">
             <span class="arrow">→</span>{{content['page-home-section-beginners-title']}}
@@ -32,7 +56,7 @@
         </ul>
       </div>
 
-      <div class="intro-block">
+      <div class="intro-block-nonenglish" v-if="!isEnglish">
         <h3>
           <router-link :to="content['path'] + 'use/'">
             <span class="arrow">→</span>{{content['page-home-section-use-title']}}
@@ -57,7 +81,7 @@
         </ul>
       </div>
 
-      <div class="intro-block">
+      <div class="intro-block-nonenglish" v-if="!isEnglish">
         <h3>
           <router-link :to="content['path'] + 'learn/'">
             <span class="arrow">→</span>{{content['page-home-section-learn-title']}}
@@ -82,7 +106,7 @@
         </ul>
       </div>
 
-      <div class="intro-block">
+      <div v-bind:class="{ 'intro-block': isEnglish, 'intro-block-nonenglish': !isEnglish }">
         <h3>
           <router-link :to="content['path'] + 'developers/'">
             <span class="arrow">→</span>{{content['page-home-section-developers-title']}}
@@ -90,7 +114,7 @@
         </h3>
         <ul>
           <li>
-            <router-link :to="content['path'] + 'developers/#getting-started'" class="black">
+            <router-link :to="content['path'] + 'build'" class="black">
               {{content['page-home-section-developers-item-one']}}
             </router-link>
           </li>
@@ -107,7 +131,7 @@
         </ul>
       </div>
 
-      <div class="intro-block" v-if="shouldShowEnterprise">
+      <div class="intro-block" v-if="isEnglish">
         <h3>
           <router-link :to="content['path'] + 'enterprise/'">
             <span class="arrow">→</span>{{content['page-home-section-enterprise-title']}}
@@ -147,14 +171,21 @@
           'path': translate('path', this.$lang),
           'page-home-title': translate('page-home-title', this.$lang),
           'page-home-subtitle': translate('page-home-subtitle', this.$lang),
-          'page-home-section-beginners-title': translate('page-home-section-beginners-title', this.$lang),
-          'page-home-section-beginners-item-one': translate('page-home-section-beginners-item-one', this.$lang),
-          'page-home-section-beginners-item-two': translate('page-home-section-beginners-item-two', this.$lang),
-          'page-home-section-beginners-item-three': translate('page-home-section-beginners-item-three', this.$lang),
-          'page-home-section-use-title': translate('page-home-section-use-title', this.$lang),
-          'page-home-section-use-item-one': translate('page-home-section-use-item-one', this.$lang),
-          'page-home-section-use-item-two': translate('page-home-section-use-item-two', this.$lang),
-          'page-home-section-use-item-three': translate('page-home-section-use-item-three', this.$lang),
+          'page-home-section-individuals-title': translate('page-home-section-individuals-title', this.$lang),
+          'page-home-section-individuals-item-one': translate('page-home-section-individuals-item-one', this.$lang),
+          'page-home-section-individuals-item-two': translate('page-home-section-individuals-item-two', this.$lang),
+          'page-home-section-individuals-item-three': translate('page-home-section-individuals-item-three', this.$lang),
+          'page-home-section-individuals-item-one-link': translate('page-home-section-individuals-item-one-link', this.$lang),
+          'page-home-section-individuals-item-two-link': translate('page-home-section-individuals-item-two-link', this.$lang),
+          'page-home-section-individuals-item-three-link': translate('page-home-section-individuals-item-three-link', this.$lang),
+          'page-home-section-beginners-title': translate('page-home-section-beginners-title', this.$lang), // TODO remove once translations are updated
+          'page-home-section-beginners-item-one': translate('page-home-section-beginners-item-one', this.$lang), // TODO remove once translations are updated
+          'page-home-section-beginners-item-two': translate('page-home-section-beginners-item-two', this.$lang), // TODO remove once translations are updated
+          'page-home-section-beginners-item-three': translate('page-home-section-beginners-item-three', this.$lang), // TODO remove once translations are updated
+          'page-home-section-use-title': translate('page-home-section-use-title', this.$lang), // TODO remove once translations are updated
+          'page-home-section-use-item-one': translate('page-home-section-use-item-one', this.$lang), // TODO remove once translations are updated
+          'page-home-section-use-item-two': translate('page-home-section-use-item-two', this.$lang), // TODO remove once translations are updated
+          'page-home-section-use-item-three': translate('page-home-section-use-item-three', this.$lang), // TODO remove once translations are updated
           'page-home-section-learn-title': translate('page-home-section-learn-title', this.$lang),
           'page-home-section-learn-item-one': translate('page-home-section-learn-item-one', this.$lang),
           'page-home-section-learn-item-two': translate('page-home-section-learn-item-two', this.$lang),
@@ -171,8 +202,7 @@
         }
       },
 
-      // only English has Enterprise page
-      shouldShowEnterprise() {
+      isEnglish() {
         return this.$lang === 'en-US'
       }
     }
@@ -184,4 +214,19 @@
 
   h1
     font-size $fsLarge
+
+  .headline-button
+    margin-top 2rem
+    font-size $fsRegular
+
+  .header
+    color $accentColor
+
+.highlight-small
+    background-size 240px !important
+
+  #wrapper.dark-mode
+    .header
+      color $accentColorDark
+
 </style>
\ No newline at end of file
diff --git a/docs/.vuepress/components/LanguagesPage.vue b/docs/.vuepress/components/LanguagesPage.vue
index a15edce0944..5a7195133b9 100644
--- a/docs/.vuepress/components/LanguagesPage.vue
+++ b/docs/.vuepress/components/LanguagesPage.vue
@@ -2,7 +2,7 @@
   <div>
     <h2>Ethereum.org is available in the following languages:</h2>
     <div class="lang-list">
-      <router-link :to="lang.path" class="lang-item" v-for="lang in completed" :key="lang.name">
+      <router-link :to="lang.path" class="lang-item border-box-shadow-hover" v-for="lang in completed" :key="lang.name">
         <div class="lang-english-name">{{lang['english-name']}}</div>
         <router-link class="lang-name" :to="lang.path">{{lang.name}}</router-link>
       </router-link>
@@ -12,7 +12,7 @@
       <a
         :href="lang.url"
         target="_blank"
-        class="lang-item"
+        class="lang-item border-box-shadow-hover"
         v-for="lang in incomplete"
         :key="lang.code"
       >
@@ -81,7 +81,6 @@ export default {
     margin-top 2rem
     margin-bottom 2rem
 
-  // TODO extract border, shadow & transition into generic card class
   .lang-item
     flex 0 1 260px
     list-style none
@@ -91,18 +90,8 @@ export default {
     padding-left 1rem
     padding-bottom 1rem
     color $textColor
-    border 1px dotted $textColor
     border-radius .5 rem
     width 100%
-    box-shadow 0 1px 4px $boxShadowColor
-    transition all 0.5s cubic-bezier(.25,.8,.25,1)
-
-    &:hover
-      border 1px dotted $accentColor
-      box-shadow 0 4px 8px $boxShadowHoverColor
-
-      .lang-english-name
-        color $accentColor
 
   .lang-english-name
     font-size $fsRegular
@@ -118,9 +107,6 @@ export default {
       border-bottom none
 
     .lang-item
-      border 1px dotted $lightBorderColorDark
-      color $textColorDark
-
       &:hover
         border 1px dotted $accentColorDark
 
diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index 7e43e8f65bb..e0b9f7b4c6a 100644
--- a/docs/.vuepress/config.js
+++ b/docs/.vuepress/config.js
@@ -39,7 +39,6 @@ module.exports = {
         var _paq = window._paq || [];
         /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
         _paq.push(['setCookieDomain', '*.ethereum.org']);
-        _paq.push(['setDomains', ['*.ethereum.org']]);
         _paq.push(['trackPageView']);
         _paq.push(['enableLinkTracking']);
         (function() {
@@ -72,10 +71,43 @@ module.exports = {
       title: translate('ethereum'),
       nav: [
         { text: translate('page-home'), link: '/' },
-        { text: translate('page-beginners'), link: '/beginners/' },
-        { text: translate('page-use'), link: '/use/' },
-        { text: translate('page-learn'), link: '/learn/' },
-        { text: translate('page-developers'), link: '/developers/' }
+        {
+          text: translate('page-individuals'),
+          ariaLabel: 'Individual\'s Menu',
+          items: [
+            {
+              text: translate('page-home-section-individuals-item-one'),
+              link: translate('page-home-section-individuals-item-one-link')
+            },
+            {
+              text: translate('page-home-section-individuals-item-two'),
+              link: translate('page-home-section-individuals-item-two-link')
+            },
+            {
+              text: translate('page-home-section-individuals-item-three'),
+              link: translate('page-home-section-individuals-item-three-link')
+            }
+          ]
+        },
+        {
+          text: translate('page-developers'),
+          ariaLabel: 'Developer\'s Menu',
+          items: [
+            {
+              text: 'Get Started',
+              link: '/build/'
+            },
+            {
+              text: 'Ethereum Studio',
+              link: 'https://studio.ethereum.org/'
+            },
+            {
+              text: 'Developer Resources',
+              link: '/developers/'
+            }
+          ]
+        },
+        { text: translate('page-enterprise'), link: '/enterprise/' }
       ]
     },
     '/de/': {
diff --git a/docs/.vuepress/public/ecosystem/0x.png b/docs/.vuepress/public/ecosystem/0x.png
new file mode 100644
index 00000000000..79edb1e50a4
Binary files /dev/null and b/docs/.vuepress/public/ecosystem/0x.png differ
diff --git a/docs/.vuepress/public/ecosystem/chainshot.png b/docs/.vuepress/public/ecosystem/chainshot.png
new file mode 100644
index 00000000000..21d9228ac64
Binary files /dev/null and b/docs/.vuepress/public/ecosystem/chainshot.png differ
diff --git a/docs/.vuepress/public/ecosystem/consensys.png b/docs/.vuepress/public/ecosystem/consensys.png
new file mode 100644
index 00000000000..8e48a810df2
Binary files /dev/null and b/docs/.vuepress/public/ecosystem/consensys.png differ
diff --git a/docs/.vuepress/public/ecosystem/crypto-zombie.png b/docs/.vuepress/public/ecosystem/crypto-zombie.png
new file mode 100644
index 00000000000..1a4ea53ff80
Binary files /dev/null and b/docs/.vuepress/public/ecosystem/crypto-zombie.png differ
diff --git a/docs/.vuepress/public/ecosystem/oz.png b/docs/.vuepress/public/ecosystem/oz.png
new file mode 100644
index 00000000000..6b20a8d4a9c
Binary files /dev/null and b/docs/.vuepress/public/ecosystem/oz.png differ
diff --git a/docs/.vuepress/public/ecosystem/remix.png b/docs/.vuepress/public/ecosystem/remix.png
new file mode 100644
index 00000000000..450727add6e
Binary files /dev/null and b/docs/.vuepress/public/ecosystem/remix.png differ
diff --git a/docs/.vuepress/public/ethereum-studio.gif b/docs/.vuepress/public/ethereum-studio.gif
new file mode 100644
index 00000000000..db4ea440a2a
Binary files /dev/null and b/docs/.vuepress/public/ethereum-studio.gif differ
diff --git a/docs/.vuepress/theme/components/DropdownLink.vue b/docs/.vuepress/theme/components/DropdownLink.vue
index 4180d724183..2e8d547c315 100644
--- a/docs/.vuepress/theme/components/DropdownLink.vue
+++ b/docs/.vuepress/theme/components/DropdownLink.vue
@@ -6,7 +6,7 @@
     </a>
 
     <DropdownTransition>
-      <ul class="nav-dropdown" v-show="open">
+      <ul class="nav-dropdown border-box-shadow" v-show="open">
         <li
           class="dropdown-item"
           :key="subItem.link || index"
@@ -141,7 +141,6 @@ export default {
 @media (min-width: $MQMobile)
   .dropdown-wrapper
     height 1.8rem
-    width 9.5rem
     &:hover .nav-dropdown
       // override the inline style.
       display flex !important
@@ -155,13 +154,11 @@ export default {
     .nav-dropdown
       // Avoid height shaked by clicking
       height auto !important
+      position absolute
       box-sizing border-box;
       max-height calc(100vh - 2.7rem)
       overflow-y auto
-      top 100%
-      right 0
       padding 0.6rem 0
-      border 1px dotted $textColor
       border-radius 1rem
       text-align left
       white-space nowrap
diff --git a/docs/.vuepress/theme/components/Footer.vue b/docs/.vuepress/theme/components/Footer.vue
index 6eb12756004..f0b846caa8c 100644
--- a/docs/.vuepress/theme/components/Footer.vue
+++ b/docs/.vuepress/theme/components/Footer.vue
@@ -7,7 +7,7 @@
     <ul>
       <li><a href="https://github.com/ethereum" target="_blank">GitHub</a></li>
       <li><a href="https://twitter.com/ethereum" target="_blank">Twitter</a></li>
-      <li><a href="https://blog.ethereum.org/">Blog</a></li>
+      <li><a href="https://blog.ethereum.org/" target="_blank">Blog</a></li>
       <li><router-link to="/assets/">Brand Assets</router-link></li>
       <li><router-link to="/privacy-policy/">Privacy Policy</router-link></li>
       <li><router-link to="/terms-of-use/">Terms of Use</router-link></li>
diff --git a/docs/.vuepress/theme/components/Header.vue b/docs/.vuepress/theme/components/Header.vue
index a2de6cd0578..f38e0bdbec1 100644
--- a/docs/.vuepress/theme/components/Header.vue
+++ b/docs/.vuepress/theme/components/Header.vue
@@ -80,7 +80,7 @@ export default {
     display flex
     align-items center
 
-  button
+  .button
     color $textColor
 
   @media (max-width: $breakS)
diff --git a/docs/.vuepress/theme/components/Sidebar.vue b/docs/.vuepress/theme/components/Sidebar.vue
index 9a47959d3cd..6046c31cdfa 100644
--- a/docs/.vuepress/theme/components/Sidebar.vue
+++ b/docs/.vuepress/theme/components/Sidebar.vue
@@ -126,7 +126,7 @@ function resolveOpenGroupIndex (route, items) {
 @media (max-width: $breakS)
   .sidebar
     display block !important
-    font-size $fsSmall
+    font-size $fsMedium
     position fixed
     top 68px
     padding-right 1em
@@ -147,6 +147,9 @@ function resolveOpenGroupIndex (route, items) {
     .sidebar-links
       padding 1rem 0
 
+  .sidebar-group-items
+    font-size $fsSmall
+
   .sidebar-open
     .sidebar
       display block !important
diff --git a/docs/.vuepress/theme/styles/dark.styl b/docs/.vuepress/theme/styles/dark.styl
index ee9c899c0bd..49100971863 100644
--- a/docs/.vuepress/theme/styles/dark.styl
+++ b/docs/.vuepress/theme/styles/dark.styl
@@ -21,11 +21,10 @@
     border-color $textColorDark
     color $textColorDark
     background $bgDark
-    &.announcement
-      color $textColorDark
-      &:hover
-        border-color $accentColorDark
-        color $accentColorDark
+    color $textColorDark
+    &:hover
+      border-color $accentColorDark
+      color $accentColorDark
   h2
     border-bottom 1px solid $textColorDark
   header
@@ -106,3 +105,10 @@
     &:hover
       color $accentColorDark
       opacity 1
+
+  // borders & shadows
+  .border-box-shadow
+    border 1px dotted $lightBorderColorDark
+
+  .border-box-shadow-hover
+    border 1px dotted $lightBorderColorDark
\ No newline at end of file
diff --git a/docs/.vuepress/theme/styles/responsive.styl b/docs/.vuepress/theme/styles/responsive.styl
index a2b4c2695f7..2a67ac4cd08 100644
--- a/docs/.vuepress/theme/styles/responsive.styl
+++ b/docs/.vuepress/theme/styles/responsive.styl
@@ -89,6 +89,16 @@
   div.hero
     margin-top 90px
 
+  div.start-building
+    padding 4em 0
+    .center
+      .terminal-gif,h2, h2.bold,.features .feature
+        max-width 100%
+      .features .feature
+        margin-bottom 4em
+      .learn p
+        max-width 100%
+
 @media screen and (max-width $breakXs)
   .xs-hide
     display none !important
diff --git a/docs/.vuepress/theme/styles/theme.styl b/docs/.vuepress/theme/styles/theme.styl
index ebfffec0679..ac8d6e0da1f 100644
--- a/docs/.vuepress/theme/styles/theme.styl
+++ b/docs/.vuepress/theme/styles/theme.styl
@@ -112,13 +112,14 @@ a
   border-radius 18px
   padding 0.6em 2.5em
   cursor pointer
-
-  &.announcement
-    color $textColor
+  color $textColor
+  box-shadow 0 1px 4px $boxShadowColor
+  transition all 0.5s cubic-bezier(.25,.8,.25,1)
 
   &:hover
     border-color $accentColor
     color $accentColor
+    box-shadow 0 4px 8px $boxShadowHoverColor
 
 
 #wrapper.home
@@ -176,18 +177,16 @@ ul
         display block
         font-size $fsSmall
 
-span.arrow
-  margin-right 0.75em
-
 .intro-blocks
   margin-top 1.5em
   display flex
   flex-wrap wrap
 
-  .intro-block
-    flex 1 1 40%
-    padding-left 2em
-    padding-right 2em
+  .intro-block,
+  .intro-block-nonenglish
+    flex 1 1 29%
+    padding-left 1em
+    padding-right 1em
     display inline-block
     line-height $lhMedium
     margin-bottom 1em
@@ -204,6 +203,12 @@ span.arrow
           background url(../images/highlight.svg)
           background-repeat no-repeat
 
+  // TODO remove once translations are updated w/ new personas
+  .intro-block-nonenglish
+    flex 1 1 40%
+    padding-left 2em
+    padding-right 2em
+
 .header-anchor
   opacity 0.15
   margin-left -1.33em
@@ -313,5 +318,19 @@ table
 .languages-content-section
   max-width $contentWidth
 
+// borders & shadows
+.border-box-shadow
+  border 1px dotted $textColor
+  box-shadow 0 1px 4px $boxShadowColor
+
+.border-box-shadow-hover
+  border 1px dotted $textColor
+  box-shadow 0 1px 4px $boxShadowColor
+  transition all 0.5s cubic-bezier(.25,.8,.25,1)
+
+  &:hover
+    border 1px dotted $accentColor
+    box-shadow 0 4px 8px $boxShadowHoverColor
+
 @require './responsive'
 @require './dark'
diff --git a/docs/.vuepress/theme/utils/translations.js b/docs/.vuepress/theme/utils/translations.js
index 31d75fdd1ab..f1b566894e8 100644
--- a/docs/.vuepress/theme/utils/translations.js
+++ b/docs/.vuepress/theme/utils/translations.js
@@ -16,30 +16,41 @@ const translations = {
     'page-home': 'Ethereum',
     'page-home-title': 'Ethereum is a global, open-source platform for decentralized applications.',
     'page-home-subtitle': 'On Ethereum, you can write code that controls digital value, runs exactly as programmed, and is accessible anywhere in the world.',
-    'page-home-section-beginners-title': 'Beginners',
-    'page-home-section-beginners-item-one': 'Completely new to Ethereum?',
-    'page-home-section-beginners-item-two': 'What is Ethereum?',
-    'page-home-section-beginners-item-three': 'Why should I care?',
-    'page-home-section-use-title': 'Use',
-    'page-home-section-use-item-one': 'What can I do with Ethereum today?',
-    'page-home-section-use-item-two': 'How do I get Ether?',
-    'page-home-section-use-item-three': 'What\'s a wallet?',
+    'page-home-section-beginners-title': 'Beginners', // TODO remove for all langs
+    'page-home-section-beginners-item-one': 'Completely new to Ethereum?', // TODO remove for all langs
+    'page-home-section-beginners-item-two': 'What is Ethereum?', // TODO remove for all langs
+    'page-home-section-beginners-item-three': 'Why should I care?', // TODO remove for all langs
+    'page-home-section-use-title': 'Use', // TODO remove for all langs
+    'page-home-section-use-item-one': 'What can I do with Ethereum today?', // TODO remove for all langs
+    'page-home-section-use-item-two': 'How do I get Ether?', // TODO remove for all langs
+    'page-home-section-use-item-three': 'What\'s a wallet?', // TODO remove for all langs
+    'page-home-section-individuals-title': 'For Individuals',
+    'page-home-section-individuals-item-one': 'What is Ethereum?',
+    'page-home-section-individuals-item-one-link': '/beginners/',
+    'page-home-section-individuals-item-two': 'Use Ethereum',
+    'page-home-section-individuals-item-two-link': '/use/',
+    'page-home-section-individuals-item-three': 'Guides & Resources',
+    'page-home-section-individuals-item-three-link': '/learn/',
     'page-home-section-learn-title': 'Learn',
     'page-home-section-learn-item-one': 'Beginner resources',
     'page-home-section-learn-item-two': 'How Ethereum works',
     'page-home-section-learn-item-three': 'ETH 2.0',
-    'page-home-section-developers-title': 'Developers',
+    'page-home-section-developers-title': 'For Developers',
     'page-home-section-developers-item-one': 'Getting started guides',
     'page-home-section-developers-item-two': 'Learn to program smart contracts',
-    'page-home-section-developers-item-three': 'Find the latest developer tools',
-    'page-home-section-enterprise-title': 'Enterprise',
+    'page-home-section-developers-item-two-link': '/developers/#smart-contract-languages',
+    'page-home-section-developers-item-three': 'Latest developer tools',
+    'page-home-section-developers-item-three-link': '/developers/#developer-tools',
+    'page-home-section-enterprise-title': 'For Enterprise',
     'page-home-section-enterprise-item-one': 'Why Enterprise Ethereum?',
     'page-home-section-enterprise-item-two': 'Enterprise Features',
     'page-home-section-enterprise-item-three': 'Enterprise Developer Community',
-    'page-beginners': 'Beginners',
-    'page-use': 'Use',
-    'page-learn': 'Learn',
-    'page-developers': 'Developers',
+    'page-beginners': 'Beginners', // TODO remove
+    'page-use': 'Use', // TODOD update key to 'page-indivduals' when rolled across languages
+    'page-individuals': 'Individuals',
+    'page-learn': 'Learn', // TODO remove
+    'page-enterprise': 'Enterprise', // TODO add for other languages
+    'page-developers': 'Developers'
   },
   'de': {
     path: '/de/',
diff --git a/docs/beginners/index.md b/docs/beginners/index.md
index 2557364f276..a498661ff3d 100644
--- a/docs/beginners/index.md
+++ b/docs/beginners/index.md
@@ -1,16 +1,16 @@
 ---
-title: Ethereum for Beginners
+title: What is Ethereum?
 meta:
   - name: description
     content: Guides, resources, and tools for users completely new to Ethereum.
   - property: og:title
-    content: Ethereum for Beginners
+    content: What is Ethereum?
   - property: og:description
     content: Guides, resources, and tools for users completely new to Ethereum.
 lang: en-US
 ---
 
-# 👋 Welcome! {#-welcome}
+# What is Ethereum?
 
 New to Ethereum? You’re in the right place. Let’s start with the big picture.
 
diff --git a/docs/build/index.md b/docs/build/index.md
new file mode 100644
index 00000000000..cdb771e1f9b
--- /dev/null
+++ b/docs/build/index.md
@@ -0,0 +1,16 @@
+---
+title: Start Building
+meta:
+  - name: description
+    content: Learn the basics of Ethereum with Ethereum Studio, our web-based IDE for building and testing smart contracts.
+  - property: og:title
+    content: Start Building | Ethereum
+  - property: og:description
+    content: Learn the basics of Ethereum with Ethereum Studio, our web-based IDE for building and testing smart contracts.
+sidebar: false
+layout: home
+hideHero: true
+lang: en-US
+---
+
+<BuildPage />
\ No newline at end of file
diff --git a/docs/developers/index.md b/docs/developers/index.md
index b3c36bae51b..9828d24e94f 100644
--- a/docs/developers/index.md
+++ b/docs/developers/index.md
@@ -20,7 +20,9 @@ sidebarDepth: 1
 
 **If you’re new to developing with Ethereum, you’re in the right place.** These guides written by the Ethereum community will introduce you to the basics of the Ethereum stack and introduce core concepts that might be different from other app development you’re familiar with.
 
-Need a more basic primer first? Check out [ethereum.org/learn.](/learn/)
+Want to start coding right away? [Start building here](/build/).
+
+Need a more basic primer first? Check out our [learning resources](/learn/).
 
 **Helpful Resources**
 
diff --git a/docs/enterprise/index.md b/docs/enterprise/index.md
index 88cf72348e4..b084f76bb58 100644
--- a/docs/enterprise/index.md
+++ b/docs/enterprise/index.md
@@ -12,7 +12,7 @@ sidebar: auto
 sidebarDepth: 0
 ---
 
-# Enterprise Resources
+# Ethereum for Enterprise
 
 <div class="featured">Guides, articles, and tools for delivering both public and private Ethereum blockchains for enterprise.</div>
 
diff --git a/docs/learn/index.md b/docs/learn/index.md
index 89ff3b7dc09..56d8e3aef89 100644
--- a/docs/learn/index.md
+++ b/docs/learn/index.md
@@ -14,7 +14,7 @@ sidebarDepth: 0
 
 # Learn about Ethereum {#learn-about-ethereum}
 
-**Welcome to [ethereum.org/learn](/learn/), a set of resources to help you learn more about Ethereum.** This page includes technical **and** non-technical articles, guides, and resources. If you’re totally new to Ethereum, [we suggest you start here](/beginners/).
+**Welcome to ethereum.org/learn, a set of resources to help you learn more about Ethereum.** This page includes technical **and** non-technical articles, guides, and resources. If you’re totally new to Ethereum, [we suggest you start here](/beginners/).
 
 Here are some excellent starting points:
 
diff --git a/docs/use/index.md b/docs/use/index.md
index f691de8f24f..71796686ee1 100644
--- a/docs/use/index.md
+++ b/docs/use/index.md
@@ -85,4 +85,3 @@ Want to learn more about securely storing funds and managing private keys?
 - [The keys to keeping your crypto safe](https://blog.coinbase.com/the-keys-to-keeping-your-crypto-safe-96d497cce6cf) *Jan 16, 2019 - Coinbase blog*
 - [How to Store Digital Assets on Ethereum](https://media.consensys.net/how-to-store-digital-assets-on-ethereum-a2bfdcf66bd0) *May 30, 2018 - ConsenSys*
 - [Do you really need a hardware wallet?](https://medium.com/ledger-on-security-and-blockchain/ledger-101-part-1-do-you-really-need-a-hardware-wallet-7f5abbadd945) *Sep 24, 2018 - Ledger*
-