diff --git a/frontend/locales/en-us.json b/frontend/locales/en-us.json
index 616f7a52..0efcd962 100644
--- a/frontend/locales/en-us.json
+++ b/frontend/locales/en-us.json
@@ -1,10 +1,16 @@
 {
-  "your-dashboard": "Your Dashboard",
+  "your-dashboard": "Your dashboard",
   "settings": "Settings",
   "projects": "Projects",
   "people": "People",
-  "no-personal-projects": "You don't have any personal projects at the moment.",
-  "create-new": "Create new",
+  "services": "Services",
+  "instances": "Instances",
+  "manifest": "Project manifest",
+  "create-new": "Create a new",
+  "add-services": "Add services",
+  "no-services": "You don’t have any services. You can either add them by editing a manifest file or by connecting your repo on GitHub or BitBucket.",
+  "edit-project-manifest": "Edit project manifest",
+  "or-bring-in-from": "or bring in from",
   "your-settings": "Your settings",
   "agg-cpu-usage": "Aggregated CPU usage",
   "agg-cpu-usage-desc-sm": "CPU usages accross all of the CPU cores",
diff --git a/frontend/src/containers/services/index.js b/frontend/src/containers/services/index.js
index 900bb46b..f03d507f 100644
--- a/frontend/src/containers/services/index.js
+++ b/frontend/src/containers/services/index.js
@@ -3,6 +3,7 @@ const ReactIntl = require('react-intl');
 const ReactRedux = require('react-redux');
 const ReactRouter = require('react-router');
 
+const Button = require('@ui/components/button');
 const Column = require('@ui/components/column');
 const PropTypes = require('@root/prop-types');
 const Row = require('@ui/components/row');
@@ -26,19 +27,46 @@ const {
   Link
 } = ReactRouter;
 
+const EmptyServices = () => (
+  <div>
+    <Row name='empty-services'>
+      <Column md={6} xs={12}>
+        <h3>
+          <FormattedMessage id='add-services' />
+        </h3>
+        <p>
+          <FormattedMessage id='no-services' />
+        </p>
+      </Column>
+    </Row>
+    <Row>
+      <Button>
+        <FormattedMessage id='edit-project-manifest' />
+      </Button>
+    </Row>
+    <Row>
+      <p>
+        <FormattedMessage id='or-bring-in-from' />
+      </p>
+    </Row>
+    <Row>
+      <Column>
+        <Button secondary>GitHub</Button>
+      </Column>
+      <Column>
+        <Button secondary>BitBucket</Button>
+      </Column>
+    </Row>
+  </div>
+);
+
 const Services = ({
   org = {},
   project = {},
   services = []
 }) => {
   const empty = services.length ? null : (
-    <Row>
-      <Column xs={12}>
-        <p name='empty'>
-          <FormattedMessage id='no-personal-projects' />
-        </p>
-      </Column>
-    </Row>
+    <EmptyServices />
   );
 
   const serviceList = (services) => {