diff --git a/data/projects.yml b/data/projects.yml
index 91310a5..a2eab01 100644
--- a/data/projects.yml
+++ b/data/projects.yml
@@ -7,8 +7,10 @@
description: >
Since 2017 I'm leading the UI design & development of all Ocean Protocol web properties. Additionally, I conceptualize, execute and iterate on the creative and visual direction of the Ocean Protocol brand.
+
The main website is a single-page JavaScript application built with React, pulling its data from JSON files and various micro services I've built over time. All design & development is embedded in a continous deployment process via GitHub & Travis.
+
Initial website in collaboration with [Balance](https://balance.io/). Key visuals in collaboration with [Wojciech Hupert](https://twitter.com/wojciechhupert).
links:
- title: Link
@@ -36,8 +38,10 @@
description: >
From 2015-2017 I was leading the UI design & development of all IPDB web properties. Additionally, I iterated on the creative and visual direction of the IPDB brand.
+
The main website is a static site built with Jekyll and a custom Gulp-based build pipeline in front of it. All design & development is embedded in a continous deployment process via GitHub & Travis.
+
Branding and key visuals in collaboration with [Wojciech Hupert](https://twitter.com/wojciechhupert).
techstack:
@@ -65,7 +69,8 @@
title: Berlin Innovation Ventures
slug: "/biv/"
img: "../src/images/portfolio-biv.png"
- description: I designed & developed the website and a basic branding for the new
+ description: >
+ I designed & developed the website and a basic branding for the new
Berlin-based VC firm Berlin Innovation Ventures. The main website is a static
site built with Jekyll and a custom Gulp-based build pipeline in front of it.
@@ -96,8 +101,10 @@
description: >
In 2017 I was leading the UI design & development for the 9984 >> Summit, the first joint summit of BigchainDB & IPDB. Additionally, I conceptualized, executed and iterated on the creative and visual direction of the 9984 brand.
+
The main website is a static site built with Jekyll and a custom Gulp-based build pipeline in front of it. All design & development is embedded in a continous deployment process via GitHub & Travis.
+
Branding and key visuals in collaboration with [Wojciech Hupert](https://twitter.com/wojciechhupert).
techstack:
- Sketch
@@ -118,8 +125,10 @@
description: >
Since 2016 I'm leading the UI design & development of all BigchainDB web properties. I created the initial BigchainDB brand and further conceptualize, execute and iterate on the creative and visual direction of BigchainDB.
+
The main website is a static site built with Jekyll and a custom Gulp-based build pipeline in front of it, pulling data from various external sources and microservices. All design & development is embedded in a continous deployment process via GitHub & Travis.
+
Branding & key visuals in collaboration with [Wojciech Hupert](https://twitter.com/wojciechhupert).
techstack:
@@ -153,9 +162,12 @@
description: >
From 2015-2017 I was co-designing and leading the UI design & development of various ChartMogul web properties.
+
The main website is a static site built with Jekyll and a custom Gulp-based build pipeline in front of it.
+
Within the ChartMogul application I created and implemented a UI design system.
+
techstack:
- Sketch
- Affinity Designer
@@ -172,6 +184,7 @@
- Cloudflare
- Ruby on Rails
- Backbone.js
+
links:
- title: Link
url: https://chartmogul.com/
@@ -185,11 +198,9 @@
title: ShareTheMeal
slug: "/sharethemeal/"
img: "../src/images/portfolio-sharethemeal.png"
- links:
- - title: Link
- url: https://sharethemeal.org/
- description: Co-designing and leading the front-end development of the ShareTheMeal
- website.
+ description: >
+ Co-designing and leading the front-end development of the ShareTheMeal website.
+
techstack:
- Sketch
- Illustrator
@@ -203,6 +214,9 @@
- Cloudflare
- Node.js
+ links:
+ - title: Link
+ url: https://sharethemeal.org/
-
title: ezeep
@@ -211,14 +225,12 @@
description: >
From 2012 to 2015 I worked at ezeep, where I created an unprecedented, market-leading & award-winning user experience based on the principles of emotional design way ahead of all competitors. This included conceptualizing executing, and iterating on the creative & visual direction of the ezeep brand.
+
I was leading the UI design & development of all ezeep touch points and - as a product designer - defined the ezeep product based on user and market research in an iterative process. On top of that, I designed and helped building all app experiences of ezeep on Windows, macOS, iOS, and Android.
+
ezeep 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.
- links:
- - title: Info
- url: https://kremalicious.com/enterprise-software-sucks/
- - title: Dribbble
- url: https://dribbble.com/kremalicious/projects/84318-ezeep
+
techstack:
- Photoshop
- Illustrator
@@ -236,13 +248,19 @@
- Backbone.js
- Electron
+ links:
+ - title: Info
+ url: https://kremalicious.com/enterprise-software-sucks/
+ - title: Dribbble
+ url: https://dribbble.com/kremalicious/projects/84318-ezeep
+
-
title: Mr. Reader
slug: "/mrreader/"
img: "../src/images/portfolio-mrreader.png"
- description: I designed the app icon, a custom theme, and various promotion materials
- for Mr. Reader, a powerful RSS feed reader for iPad.
+ description: >
+ I designed the app icon, a custom theme, and various promotion materials for Mr. Reader, a powerful RSS feed reader for iPad.
techstack:
- Photoshop
@@ -251,22 +269,26 @@
title: iPixelPad
slug: "/ipixelpad/"
img: "../src/images/portfolio-ipixelpad.png"
- links:
- - title: Download
- url: https://kremalicious.com/ipixelpad/
- description: So, what to do when everyone seem to release iPad icons but fail to
+ description: >
+ So, what to do when everyone seem to release iPad icons but fail to
include some crisp small size icons? Pushing the pixels for yourself of course.
So here’s my take on the smaller sizes of an Apple iPad icon, called iPixelPad
in the sizes 48px, 32px and 16px.
+
techstack:
- Photoshop
+ links:
+ - title: Download
+ url: https://kremalicious.com/ipixelpad/
+
-
title: Out Of Whale Oil
slug: "/outofwhaleoil/"
img: "../src/images/portfolio-outofwhaleoil-01.png"
- description: Tribute wallpaper pack inspired by the Futurama movie _Into The Wild
+ description: >
+ Tribute wallpaper pack inspired by the Futurama movie _Into The Wild
Green Yonder_.
links:
- title: Download
@@ -279,15 +301,12 @@
title: Martin-Luther-Universität Halle-Wittenberg
slug: "/unihalle/"
img: "../src/images/portfolio-unihalle-01.png"
- links:
- - title: Link
- url: http://blogs.urz-uni-halle.de
- - title: Dribbble
- url: https://dribbble.com/kremalicious/projects/690029-MLU
description: >
From 2009 to 2012 I worked at the IT services department of [Martin-Luther-Universität Halle-Wittenberg](http://www.uni-halle.de) where I conceptualized & implemented numerous in-house and public facing interfaces for thousands of students and staff.
+
Additionally, I conceptualized, designed, created, and maintained the blog network & community for all students & staff.
+
techstack:
- Photoshop
- Illustrator
@@ -300,12 +319,19 @@
- Ilias
- Stud.IP
+ links:
+ - title: Link
+ url: http://blogs.urz-uni-halle.de
+ - title: Dribbble
+ url: https://dribbble.com/kremalicious/projects/690029-MLU
+
-
title: Coffee Cup
slug: "/coffeecup/"
img: "../src/images/portfolio-coffeecup.png"
- description: Desktop icons showing the fuel of most designers. Released as a goodie
+ description: >
+ Desktop icons showing the fuel of most designers. Released as a goodie
on [kremalicious.com](https://kremalicious.com/coffee-cup-icon/).
techstack:
diff --git a/gatsby-config.js b/gatsby-config.js
index ff97fd0..baab6b2 100644
--- a/gatsby-config.js
+++ b/gatsby-config.js
@@ -1,6 +1,6 @@
const path = require('path')
const yaml = require('js-yaml')
-const meta = yaml.load('./data/meta.yml')
+const meta = yaml.safeLoad('./data/meta.yml')
const { url, googleanalytics } = meta
module.exports = {
diff --git a/src/components/atoms/SEO.jsx b/src/components/atoms/SEO.jsx
index 7ca7afd..2adf39d 100644
--- a/src/components/atoms/SEO.jsx
+++ b/src/components/atoms/SEO.jsx
@@ -38,7 +38,7 @@ SEO.propTypes = {
SEO.defaultProps = {
postMeta: {},
- meta: {}
+ meta: {},
}
export default SEO
diff --git a/src/templates/Project.jsx b/src/templates/Project.jsx
index ec25b89..70933d5 100644
--- a/src/templates/Project.jsx
+++ b/src/templates/Project.jsx
@@ -31,20 +31,19 @@ class Project extends Component {
{title}
-
+
{title}
-
+
{projectImages.map(({ node }) => (
-
+
))}