Projects
Web
Close
This Portfolio
Tools used: HTML5, CSS3 with {LESS}, jQuery, GreensockJS, onScreen()
Done in pure HTML5 with a mobile first philosophy. It includes help from an external JS-library called onScreen(); to measure in screen movement. It also has some nice GreensockJS-animations to it to make it more fluent. This was also the first time I used a CSS pre processor like LESS and was very pleased with the result. Feel free to check it out back stage on Github below.
Close
Catch the Candy
Tools used: HTML5, CSS3, JavaScript & GreensockJS
Made as a test demonstrate the collision abilities of Draggable in GreensockJS, this game got It's inspiration from an ad I saw a couple of years ago. I thought it was a fun project to also test my animation skills and was a lot of fun to make! The game was entirely written in Javascript with animations from GSAPs awesome platform. Catch the candies before they goes out of screen. Are you up for the challenge? Or are just a boring peace of broccoli?
Close
Simon Says...
Tools used: HTML5, CSS3, JavaScript & GreensockJS
Does not currently work on desktop. Try your phone instead! Another interesting project that was intended as a mockup for an actual mobile ad. The inspiration came from one of Google's Doodles where you were suppose to draw different shapes to accomplish certain tasks. I found this really cool external JS library that was called oneDollarJS in conjunction with HTML canvas. My former boss was given as the title character just because of his name and the premise. Do as he says and you'll be fine.
Close
Swipe the Money
Tools used: HTML5, CSS3, JavaScript & GreensockJS
Used as an actual live mobile ad campaign I did for a finish lottery company. The idea initially was to swipe as much money you can in as short time as possible but this was changed upon request of the client. Once again, Draggable in combination with some JS-tricks and clever Greensock-animation helped me achieve what I wanted. Just like money, it works best on a phone. That last thing did not make any sense. No.
Close
Assassin's Creed Origins Minigame
Tools used: HTML5, CSS3, JavaScript & GreensockJS
Produced in collaboration with a former colleague, this was sold as a live ad campaign for Ubisoft in the Netherlands in participation of the launch of the video game "Assassin's Creed Origins" in 2017. The concept of it was to make a short duration game to get people engaged, from my point of view I saw it as an oppurtinity to make an ad that really doesn't look like an ad. Please, don't mind the Dutch language. It's aaalmost like Swedish.
Close
Watch Dogs 2 Interactive Panorama-Ad
Tools used: HTML5, CSS3, JavaScript & GreensockJS
Another interactive ad-campaign made for Ubisoft. I came up with the concept which was pitched for Ubisoft in competedence with other creative agencies. My mockup won! It was made as a pure gyro solution and I added the swipe function later on. Makre sure to view it on a phone to see the gyro in action.
Motion Graphics
Close
Arlanda Event Informercial
Tools used: Adobe Illustrator, Adobe After Effects, Final Cut Pro
A demonstration movie for an Event held at Arlanda Airport in 2014, I though it would be a fun way to display my Motion Graphics-skills outside the web environment. The inspiration for the theme of the movie comes from the Saul Bass inspired intro to the Spielberg film "Catch Me if You Can", which is love. It took me about four weeks to illustrate all the scenes and animate them in After Effects.
