Smart Apartment Illustration & Animation

I've been lucky enough to work on some really great projects here at SmartRent and this is one of them.

The drawing was done hap hazardously in Procreate. Afterwards I vectorized the image in Illustrator. After finding the right colors, I exported it out as an SVG. Lastly, I wrote a small javascript file to add classes to the SVG parent, and used CSS animations to zoom and run each animation.

It really was a blast to execute on, and I think it turned out pretty well. Let me know what you think, and you can find the live site from the video at smartrent.com

Cheers!