I made this website using mostly SVG images. 
Creating irregular shapes is a way for me to break out from what is expected.
This is the finished state of the front page after the header animation is done.
 
The header animation introduces the vibrant nature
of what the subject matter of the web series is all about.

 
The beginning state of the animation started in Illustrator.
All the pieces are set to be copied and pasted into a text editor
like Sublime Text or Brackets (I use both).

 
The last part of the animation consists of each puzzle piece
appearing randomly using Javascript (Greensock).

 
Once the header animation is done, the main portion of the site transitions seamlessly
from section to section using the colorful icons.

 
To visit the site you can go to fpiseries.com