Portfolio home animation
Sneak Peak of 'Our Services' video
Phone Love
Uni-Cone Hand Drawn Animation
Leon
Logo on the device
Mountain Pass
Clover Infographics
Rewind
Winter Portfolio Design 3.0
"Sketching" with code
A little bit of concepting for a future version of the fullscreen.com homepage.
Built out in Framer - before even thinking about the admittedly rough visuals, the first thing I did was sketch out a framework that expands and compresses columns on interaction, and made it dynamic so it can accommodate any number of columns.
Try it with 3 columns, or try it with 300! (Actually, don't really try it with 300. It kind of chokes.)
I love sketching with code.
Placeholder videos are from the awesome mazwai.com, btw.
Clover Logo
Birdfleet sending action end animation
Birdfleet sending action first animation
Teams - Animated SVG
Live version:
http://codepen.io/MaxStalker/full/BypYwd/
This time I decided to play around with some animations and frameworks, which help you to control SVG elements.
First, I was trying to handcode all animations, but it wasn't working for some reason. It's either the way how codepen works with svg or something else...
Then I switched to Snapsvg.io and it felt like a breeze. Highly recommend!
Trees
New York
Holo Watchface Ok
This little, wonderful watchface takes advantages of the technology under the Gear S hood: big screen, accelerometer, fast processor and GSM modem. Circles movement creates an impression of depth according to the hand moves. Circles color informs about notifications, missed calls and steps during the day. The most important is of course the current time. For the sake of clarity there is no hand movement on this video. For more details please visit: http://mglogo.com/index.php/project/holo-watchface/