diff --git a/gatsby-config.js b/gatsby-config.js
index a80f7c5..c771ab0 100644
--- a/gatsby-config.js
+++ b/gatsby-config.js
@@ -1,4 +1,4 @@
-const meta = require('./content/meta.json')
+const meta = require('./src/data/meta.json')
 
 module.exports = {
   siteMetadata: {
@@ -17,8 +17,8 @@ module.exports = {
     {
       resolve: 'gatsby-source-filesystem',
       options: {
-        name: 'content',
-        path: `${__dirname}/content/`,
+        name: 'data',
+        path: `${__dirname}/src/data/`,
       },
     },
     'gatsby-transformer-json',
diff --git a/gatsby-node.js b/gatsby-node.js
index 2d2ed7d..6e2f32f 100644
--- a/gatsby-node.js
+++ b/gatsby-node.js
@@ -20,6 +20,7 @@ exports.createPages = ({ boundActionCreators, graphql }) => {
                   GitHub
                   Info
                   Dribbble
+                  Download
                 }
                 description
                 techstack
diff --git a/package.json b/package.json
index ce8d8a4..587055f 100644
--- a/package.json
+++ b/package.json
@@ -3,14 +3,14 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "gatsby": "^1.9.241",
+    "gatsby": "^1.9.248",
     "gatsby-link": "^1.6.39",
     "gatsby-plugin-google-analytics": "^1.0.28",
     "gatsby-plugin-react-helmet": "^2.0.8",
     "gatsby-plugin-react-next": "^1.0.11",
     "gatsby-plugin-sass": "^1.0.25",
     "gatsby-plugin-sitemap": "^1.2.20",
-    "gatsby-source-filesystem": "^1.5.28",
+    "gatsby-source-filesystem": "^1.5.29",
     "gatsby-transformer-json": "^1.0.16",
     "react-helmet": "^5.2.0",
     "react-markdown": "^3.3.0",
diff --git a/src/components/molecules/ProjectTechstack.js b/src/components/molecules/ProjectTechstack.js
index 5992a1f..9bb2ac6 100644
--- a/src/components/molecules/ProjectTechstack.js
+++ b/src/components/molecules/ProjectTechstack.js
@@ -5,7 +5,7 @@ import './ProjectTechstack.scss'
 const ProjectTechstack = ({ techstack }) => (
   <div className="project__techstack">
     <h3 className="project__meta__title">
-      Technologies <span>The tech stack I was involved with.</span>
+      Tools & Technologies <span>The tech stack I was involved with.</span>
     </h3>
     <ul>
       {techstack.map(tech => <li key={tech}>{tech}</li>)}
diff --git a/content/meta.json b/src/data/meta.json
similarity index 100%
rename from content/meta.json
rename to src/data/meta.json
diff --git a/content/projects.json b/src/data/projects.json
similarity index 75%
rename from content/projects.json
rename to src/data/projects.json
index e17ff78..220bb74 100644
--- a/content/projects.json
+++ b/src/data/projects.json
@@ -6,8 +6,10 @@
     "links": {
       "Link": "https://oceanprotocol.com"
     },
-    "description": "Conceptualizing and executing the creative and visual direction of the Ocean Protocol brand. Leading the UI design & development of all Ocean Protocol web properties. \n\nInitial website in collaboration with [Balance](https://balance.io/).",
+    "description": "Conceptualizing, executing and iterating on the creative and visual direction of the Ocean Protocol brand. Leading the UI design & development of all Ocean Protocol web properties. \n\nInitial website in collaboration with [Balance](https://balance.io/).",
     "techstack": [
+      "Sketch",
+      "Affinity Designer",
       "React",
       "SCSS",
       "JavaScript",
@@ -26,6 +28,7 @@
     },
     "description": "Laudem antiopam mea eu. Nam in accusam mediocritatem, eos ad paulo putent, pericula appellantur te ius. Magna debet id cum, probo eloquentiam sea ut. Cu eam graeco disputationi, graece theophrastus no his, duo errem expetendis te. Duo ea soleat ignota temporibus, in vim scaevola salutandi. Postea possit est at, ea vitae necessitatibus vix.",
     "techstack": [
+      "Sketch",
       "Jekyll",
       "Gulp",
       "SCSS",
@@ -44,6 +47,7 @@
     },
     "description": "Laudem antiopam mea eu. Nam in accusam mediocritatem, eos ad paulo putent, pericula appellantur te ius. Magna debet id cum, probo eloquentiam sea ut. Cu eam graeco disputationi, graece theophrastus no his, duo errem expetendis te. Duo ea soleat ignota temporibus, in vim scaevola salutandi. Postea possit est at, ea vitae necessitatibus vix.",
     "techstack": [
+      "Sketch",
       "Jekyll",
       "Gulp",
       "SCSS",
@@ -60,6 +64,7 @@
     },
     "description": "Laudem antiopam mea eu. Nam in accusam mediocritatem, eos ad paulo putent, pericula appellantur te ius. Magna debet id cum, probo eloquentiam sea ut. Cu eam graeco disputationi, graece theophrastus no his, duo errem expetendis te. Duo ea soleat ignota temporibus, in vim scaevola salutandi. Postea possit est at, ea vitae necessitatibus vix.",
     "techstack": [
+      "Sketch",
       "Jekyll",
       "Gulp",
       "SCSS",
@@ -79,6 +84,9 @@
     },
     "description": "Conceptualizing and executing the creative and visual direction of the BigchainDB brand. Leading the UI design & development of all BigchainDB web properties.",
     "techstack": [
+      "Sketch",
+      "Affinity Designer",
+      "Illustrator",
       "Jekyll",
       "Gulp",
       "SCSS",
@@ -101,6 +109,9 @@
     },
     "description": "Co-designing and leading the front-end development of various ChartMogul web properties. Creating and implementing a UI design system into the ChartMogul application.",
     "techstack": [
+      "Sketch",
+      "Affinity Designer",
+      "Illustrator",
       "SCSS",
       "JavaScript",
       "PHP",
@@ -115,7 +126,7 @@
     ]
   },
   {
-    "title": "ShareTheMeal ",
+    "title": "ShareTheMeal",
     "slug": "sharethemeal",
     "img": "sharethemeal",
     "links": {
@@ -123,6 +134,8 @@
     },
     "description": "Co-designing and leading the front-end development of the ShareTheMeal website.",
     "techstack": [
+      "Sketch",
+      "Illustrator",
       "Jekyll",
       "Gulp",
       "SCSS",
@@ -137,15 +150,21 @@
     "title": "ezeep",
     "slug": "ezeep",
     "img": "ezeep",
-    "description": "Conceptualizing and executing the creative and visual direction of the ezeep brand. Leading the UI design & development of all ezeep web properties and marketing materials. Designing all app experiences of ezeep on Windows, macOS, iOS, and Android.",
+    "description": "At ezeep, I created an unprecedented, market-leading & award-winning user experience based on the principles of emotional design way ahead of all competitors.\n\nThis included conceptualizing executing, and iterating on the creative & visual direction of the ezeep brand. I was leading the UI design & development of all ezeep web properties and marketing materials, on top of that I designed all app experiences of ezeep on Windows, macOS, iOS, and Android.\n\nezeep was acquired by [Cortado AG](https://www.cortado.com) in 2015 and became part of their [ThinPrint Cloud Services](https://www.thinprintcloud.com) suite of products.",
     "img_more": [
       "ezeep01",
-      "ezeep02"
+      "ezeep02",
+      "ezeep03",
+      "ezeep04"
     ],
     "links": {
-      "Link": "https://ezeep.com/"
+      "Link": "https://kremalicious.com/enterprise-software-sucks/"
     },
     "techstack": [
+      "Photoshop",
+      "Illustrator",
+      "InDesign",
+      "Sketch",
       "SCSS",
       "JavaScript",
       "PHP",
@@ -168,7 +187,8 @@
     },
     "description": "Designing, developing and writing a showcase website presenting the most beautiful and usable apps created for Android.",
     "techstack": [
-      "SCSS",
+      "Photoshop",
+      "CSS",
       "JavaScript",
       "PHP",
       "WordPress"
@@ -189,7 +209,8 @@
     },
     "description": "",
     "techstack": [
-      "SCSS",
+      "Photoshop",
+      "CSS",
       "JavaScript",
       "PHP",
       "WordPress"
@@ -213,11 +234,18 @@
   {
     "title": "Out Of Whale Oil",
     "slug": "out-of-whale-oil",
-    "img": "out-of-whale-oil.jpg",
+    "img": "outofwhaleoil",
+    "img_more": [
+      "outofwhaleoil01",
+      "outofwhaleoil02"
+    ],
+    "description": "Tribute wallpaper pack inspired by the Futurama movie _Into The Wild Green Yonder_.",
     "links": {
-      "Info": "http://www.kremalicious.com/2009/02/out-of-whale-oil/"
+      "Download": "https://kremalicious.com/out-of-whale-oil/"
     },
-    "description": ""
+    "techstack": [
+      "Photoshop"
+    ]
   },
   {
     "title": "mluBlogs",
@@ -226,7 +254,15 @@
     "links": {
       "Link": "http://blogs.urz-uni-halle.de"
     },
-    "description": ""
+    "description": "",
+    "techstack": [
+      "Photoshop",
+      "SCSS",
+      "JavaScript",
+      "PHP",
+      "WordPress",
+      "Ilias"
+    ]
   },
   {
     "title": "Coffee Cup",
@@ -235,7 +271,10 @@
     "links": {
       "Info": "http://www.kremalicious.com/2008/10/the-finest-coffee-cups-most-incredible-coffee-icons-on-the-web/"
     },
-    "description": ""
+    "description": "",
+    "techstack": [
+      "Photoshop"
+    ]
   },
   {
     "title": "Niépce's Camera Obscura",
@@ -244,7 +283,10 @@
     "links": {
       "Info": "http://www.kremalicious.com/2008/06/new-goodie-niepces-camera-obscura-and-the-history-of-the-first-photograph/"
     },
-    "description": ""
+    "description": "",
+    "techstack": [
+      "Photoshop"
+    ]
   },
   {
     "title": "Allinnia Creative Group",
diff --git a/src/images/index.js b/src/images/index.js
index 3052bde..c3422c9 100644
--- a/src/images/index.js
+++ b/src/images/index.js
@@ -10,8 +10,13 @@ import sharethemeal from './portfolio-sharethemeal.png'
 import ezeep from './portfolio-ezeep.png'
 import ezeep01 from './portfolio-ezeep-01.png'
 import ezeep02 from './portfolio-ezeep-02.png'
+import ezeep03 from './portfolio-ezeep-03.png'
+import ezeep04 from './portfolio-ezeep-04.png'
 import exquisitedroid from './portfolio-exquisitedroid.png'
 import mrreader from './portfolio-mrreader.png'
+import outofwhaleoil from './portfolio-outofwhaleoil.png'
+import outofwhaleoil01 from './portfolio-outofwhaleoil-01.png'
+import outofwhaleoil02 from './portfolio-outofwhaleoil-02.png'
 
 export default {
   oceanprotocol,
@@ -26,6 +31,11 @@ export default {
   ezeep,
   ezeep01,
   ezeep02,
+  ezeep03,
+  ezeep04,
   exquisitedroid,
   mrreader,
+  outofwhaleoil,
+  outofwhaleoil01,
+  outofwhaleoil02,
 }
diff --git a/src/images/portfolio-ezeep-03.png b/src/images/portfolio-ezeep-03.png
new file mode 100644
index 0000000..83c6b10
Binary files /dev/null and b/src/images/portfolio-ezeep-03.png differ
diff --git a/src/images/portfolio-ezeep-04.png b/src/images/portfolio-ezeep-04.png
new file mode 100644
index 0000000..b70a8d6
Binary files /dev/null and b/src/images/portfolio-ezeep-04.png differ
diff --git a/src/images/portfolio-outofwhaleoil-01.png b/src/images/portfolio-outofwhaleoil-01.png
new file mode 100644
index 0000000..1f738d1
Binary files /dev/null and b/src/images/portfolio-outofwhaleoil-01.png differ
diff --git a/src/images/portfolio-outofwhaleoil-02.png b/src/images/portfolio-outofwhaleoil-02.png
new file mode 100644
index 0000000..c41a4f5
Binary files /dev/null and b/src/images/portfolio-outofwhaleoil-02.png differ
diff --git a/src/images/portfolio-outofwhaleoil.png b/src/images/portfolio-outofwhaleoil.png
new file mode 100644
index 0000000..dc14ff3
Binary files /dev/null and b/src/images/portfolio-outofwhaleoil.png differ
diff --git a/src/images/portfolio-sharethemeal.png b/src/images/portfolio-sharethemeal.png
index c133513..c96e2ff 100644
Binary files a/src/images/portfolio-sharethemeal.png and b/src/images/portfolio-sharethemeal.png differ
diff --git a/src/layouts/index.js b/src/layouts/index.js
index a4d2c25..7a517e0 100644
--- a/src/layouts/index.js
+++ b/src/layouts/index.js
@@ -7,7 +7,7 @@ import Footer from '../components/molecules/Footer'
 import './index.scss'
 
 const TemplateWrapper = props => {
-  const meta = props.data.allContentJson.edges[0].node
+  const meta = props.data.allDataJson.edges[0].node
 
   return <div className="app">
       <Head meta={meta} />
@@ -26,7 +26,7 @@ export default TemplateWrapper
 
 export const query = graphql`
   query metaQuery {
-    allContentJson {
+    allDataJson {
       edges {
         node {
           title