diff --git a/.gitignore b/.gitignore
index a75ca356..975e6e2a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -7,3 +7,4 @@
 .sass-cache
 .localeapp/key
 /assets/scripts/config/locales.js
+.DS_Store
diff --git a/assets/images/getting-started/build-email.jpg b/assets/images/getting-started/build-email.jpg
deleted file mode 100644
index b7546f7c..00000000
Binary files a/assets/images/getting-started/build-email.jpg and /dev/null differ
diff --git a/assets/images/getting-started/build-email.png b/assets/images/getting-started/build-email.png
new file mode 100644
index 00000000..acde95b5
Binary files /dev/null and b/assets/images/getting-started/build-email.png differ
diff --git a/assets/images/getting-started/first-build.jpg b/assets/images/getting-started/first-build.jpg
deleted file mode 100644
index e9d55c06..00000000
Binary files a/assets/images/getting-started/first-build.jpg and /dev/null differ
diff --git a/assets/images/getting-started/first-build.png b/assets/images/getting-started/first-build.png
new file mode 100644
index 00000000..9a367ec5
Binary files /dev/null and b/assets/images/getting-started/first-build.png differ
diff --git a/assets/images/getting-started/project-switch.png b/assets/images/getting-started/project-switch.png
index 17250883..6e23b6ec 100644
Binary files a/assets/images/getting-started/project-switch.png and b/assets/images/getting-started/project-switch.png differ
diff --git a/assets/scripts/app/templates/no_owned_repos.hbs b/assets/scripts/app/templates/no_owned_repos.hbs
index dd2c3398..d6d567a3 100644
--- a/assets/scripts/app/templates/no_owned_repos.hbs
+++ b/assets/scripts/app/templates/no_owned_repos.hbs
@@ -10,12 +10,16 @@
   </p>
 
   <p>
-    Start by going to your {{#linkTo "profile.index"}}profile{{/linkTo}} and enable one of your projects. We've been
-    synchronizing all repositories you have administrative access to. Pick one and flip the switch next to it:
+    <img src="/images/getting-started/project-switch.png" width="320"/>
   </p>
 
   <p>
-    <img src="/images/getting-started/project-switch.png" width="550"/>
+    Start by going to your {{#linkTo "profile.index"}}profile{{/linkTo}} and enable one of your projects. We've been
+    synchronizing all repositories you have administrative access to. Pick one and flip the switch next to it.
+  </p>
+
+  <p>
+    <img src="/images/getting-started/first-build.png" width="320"/>
   </p>
 
   <p>
@@ -24,18 +28,10 @@
     whee while and reload the page, and your newly setup and built project will show up on the right.
   </p>
 
-  <p>
-    <img src="/images/getting-started/first-build.jpg" width="550"/>
-  </p>
-
   <p>
     We'll also send you an email once the build has finished.
   </p>
 
-  <p>
-    <img src="/images/getting-started/build-email.jpg" width="550"/>
-  </p>
-
   <p>
     We use sensible defaults for <a href="http://about.travis-ci.org/docs/">most languages</a>, but you can customize
     both the <a href="http://about.travis-ci.org/docs/user/build-configuration/">build process</a> and the <a
@@ -55,6 +51,10 @@
     configuration settings</a>.
   </p>
 
+  <p>
+    <img src="/images/getting-started/build-email.png" width="600"/>
+  </p>
+
   <p>
     Should you have any questions or issues, have a look at <a href="http://about.travis-ci.org/docs/" location="_top">our
     documentation</a>, <a href="https://github.com/travis-ci/travis-ci/issues/new" location="_top">open an issue</a> or
diff --git a/assets/styles/getting_started.sass b/assets/styles/getting_started.sass
index 520c0a21..c804efbc 100644
--- a/assets/styles/getting_started.sass
+++ b/assets/styles/getting_started.sass
@@ -1,6 +1,7 @@
 #getting-started
-  width: 550px
+  width: 650px
   margin: 0px auto
+  font-family: Arial
 
   p
     font-size: 15px
@@ -12,7 +13,7 @@
       text-decoration: underline
 
   img
-    border-top: 1px solid #ddd
-    padding-top: 20px
-    padding-bottom: 20px
-    border-bottom: 1px solid #ddd
+    border: 1px solid #ddd
+    padding: 7px 
+    float: right
+    margin: 15px
diff --git a/public/images/getting-started/build-email.png b/public/images/getting-started/build-email.png
new file mode 100644
index 00000000..acde95b5
Binary files /dev/null and b/public/images/getting-started/build-email.png differ
diff --git a/public/images/getting-started/first-build.png b/public/images/getting-started/first-build.png
new file mode 100644
index 00000000..9a367ec5
Binary files /dev/null and b/public/images/getting-started/first-build.png differ
diff --git a/public/images/getting-started/project-switch.png b/public/images/getting-started/project-switch.png
index 17250883..6e23b6ec 100644
Binary files a/public/images/getting-started/project-switch.png and b/public/images/getting-started/project-switch.png differ