diff --git a/data/projects.json b/data/projects.json index 0a39372..02842e0 100644 --- a/data/projects.json +++ b/data/projects.json @@ -4,7 +4,7 @@ "slug": "/oceanprotocol/", "img": "../src/images/portfolio-oceanprotocol-01.png", "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/). Key visuals in collaboration with [Wojciech Hupert](https://twitter.com/wojciechhupert).", + "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.\n\nThe 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.\n\nInitial website in collaboration with [Balance](https://balance.io/). Key visuals in collaboration with [Wojciech Hupert](https://twitter.com/wojciechhupert).", "links": [ { "title": "Link", @@ -36,7 +36,7 @@ "slug": "/ipdb/", "img": "../src/images/portfolio-ipdb-01.png", "description": - "Iterating on the creative and visual direction of the IPDB brand and leading the UI design & development of all IPDB web properties.\n\nKey visuals in collaboration with [Wojciech Hupert](https://twitter.com/wojciechhupert).", + "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.\n\nThe 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.\n\nBranding and key visuals in collaboration with [Wojciech Hupert](https://twitter.com/wojciechhupert).", "links": [ { "title": "Link", @@ -73,7 +73,8 @@ "url": "http://berlininnovation.vc" } ], - "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.", + "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.", "techstack": [ "Sketch", "Jekyll", @@ -101,7 +102,8 @@ "url": "https://github.com/9984/2017.9984.io" } ], - "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.", + "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.\n\nThe 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.\n\nBranding and key visuals in collaboration with [Wojciech Hupert](https://twitter.com/wojciechhupert).", "techstack": [ "Sketch", "Jekyll", @@ -118,6 +120,21 @@ "title": "BigchainDB", "slug": "/bigchaindb/", "img": "../src/images/portfolio-bigchaindb-01.png", + "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.\n\nThe 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.\n\nBranding & key visuals in collaboration with [Wojciech Hupert](https://twitter.com/wojciechhupert).", + "techstack": [ + "Sketch", + "Affinity Designer", + "Illustrator", + "Jekyll", + "Gulp", + "HTML", + "SCSS", + "JavaScript", + "Travis", + "AWS S3", + "Cloudflare" + ], "links": [ { "title": "Link", @@ -135,41 +152,14 @@ "title": "Dribbble", "url": "https://dribbble.com/shots/2522184-BigchainDB-site" } - ], - "description": "Conceptualizing and executing the creative and visual direction of the BigchainDB brand. Leading the UI design & development of all BigchainDB web properties.\n\nKey visuals in collaboration with [Wojciech Hupert](https://twitter.com/wojciechhupert).", - "techstack": [ - "Sketch", - "Affinity Designer", - "Illustrator", - "Jekyll", - "Gulp", - "HTML", - "SCSS", - "JavaScript", - "Travis", - "AWS S3", - "Cloudflare" ] }, { "title": "ChartMogul", "slug": "/chartmogul/", "img": "../src/images/portfolio-chartmogul-01.png", - "links": [ - { - "title": "Link", - "url": "https://chartmogul.com/" - }, - { - "title": "Styleguide", - "url": "https://chartmogul.com/styleguide/" - }, - { - "title": "Dribbble", - "url": "https://dribbble.com/kremalicious/projects/311439-ChartMogul" - } - ], - "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.", + "description": + "From 2015-2017 I was co-designing and leading the UI design & development of various ChartMogul web properties.\n\nThe main website is a static site built with Jekyll and a custom Gulp-based build pipeline in front of it.\n\nWithin the ChartMogul application I created and implemented a UI design system.", "techstack": [ "Sketch", "Affinity Designer", @@ -186,6 +176,20 @@ "Cloudflare", "Ruby on Rails", "Backbone.js" + ], + "links": [ + { + "title": "Link", + "url": "https://chartmogul.com/" + }, + { + "title": "Styleguide", + "url": "https://chartmogul.com/styleguide/" + }, + { + "title": "Dribbble", + "url": "https://dribbble.com/kremalicious/projects/311439-ChartMogul" + } ] }, { diff --git a/src/components/atoms/Content.scss b/src/components/atoms/Content.scss index e8a94fa..3707ac1 100644 --- a/src/components/atoms/Content.scss +++ b/src/components/atoms/Content.scss @@ -1,4 +1,4 @@ .content { - max-width: 40rem; + max-width: 43rem; margin: 0 auto; } diff --git a/src/components/atoms/ProjectImage.jsx b/src/components/atoms/ProjectImage.jsx index 851db5a..0c9d7e3 100644 --- a/src/components/atoms/ProjectImage.jsx +++ b/src/components/atoms/ProjectImage.jsx @@ -8,7 +8,6 @@ const ProjectImage = ({ sizes, alt }) => ( className="project__image" outerWrapperClassName="project__image-wrap" backgroundColor="#6b7f88" - fadeIn={false} sizes={sizes} alt={alt} /> diff --git a/src/images/portfolio-ezeep-04.png b/src/images/portfolio-ezeep-04.png index a1f33ba..f33a098 100644 Binary files a/src/images/portfolio-ezeep-04.png and b/src/images/portfolio-ezeep-04.png differ