.jpg| .html| .css| .js| .svg| .mp4|

Marcus Liljehammar

Highly ambitious and professional Digital Designer & Developer with a big ticking heart for digital creative productions. Based in Stockholm, Sweden.

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.


About

I live and breathe for digital creativity and what could be better than doing so in a world that is getting more and more digital as we speak. I love it.

My professional background spans almost 10 years now with experience from Web, Print, Television, Infomercials and consider myself a mobile expert with both a degree in Web development with focus on mobile platforms and extended knowledge about what works and what doesn't in our so ever expanding mobile world. I also have a huge interest in User Experience and always put user friendliness first in anything I do. I still have lot to learn but feel that I have good understanding of already.

Not playing any favorites here (I love all creative things) but animation has always been very close to my heart and is something I consider my absolute biggest passion. Above in the projects section, you will see some proof of that.

About this Portfolio

This portfolio is done with a mobile first philosophy and built in pure non-bootstrapped HTML5, CSS3 with some {LESS} and JavaScript with help from external libraries such as jQuery, Greensock and OnScreen();. I have made it public for anyone to see/fork/clone/pull here at GitHub. Sharing is caring.

If you are interested in my full resumé please visit my LinkedIn-page below.

Skills

Graphic design

  • Basic
  • Intermediate
  • Expert

+8 years experience


HTML5, CSS3 (LESS), Javascript

  • Basic
  • Intermediate
  • Expert

+6 years experience


CMS (Wordpress)

  • Basic
  • Intermediate
  • Expert

+4 years experience


Version Control (GIT)

  • Basic
  • Intermediate
  • Expert

+3 years experience


UX

  • Basic
  • Intermediate
  • Expert

+2 years experience


Motion Graphics

  • Basic
  • Intermediate
  • Expert

+5 years experience

Toolbox

Graphic/UX design

Adobe CC (Photoshop, Illustrator, InDesign), Sketch

Web

Atom, jQuery, LESS, GreensockJS,
Wordpress, SourceTree

Motion graphics

Adobe CC (After Effects, Premiere),
Final Cut