Workflow references:Nike: Liu Xiang-More than a Flying Man

This interactive hyper comic was actually done by a China agency Wieden + Kennedy Shanghai. The creative unit collaborated with artist and animator Anthony Francisco Schepperd.
They start with work with sketch and storyboard, then digitized in A4 size paper with the panels layout and color as shown below.

http://www.orpheusartist.com/services.html

After the graphics were done, then it will readjust the panels again to fit the screen and looks more dynamic on the internet. The final step is programming, add in animations and sounds.

With this work flow references, I can use it as a guild line to work in my final project as my project is similar to this.