Comi·GIF: A blend of storytelling through comics and GIFs.
Introducing a new format for expressing ideas in a visual way. Simply hover, and watch as the comics come to life right before your eyes.
Scroll down to view the project
Role
Timeframe
Industry
Tools
Comics come alive
ComiGIF is a collection of animated comic strips, blending GIFs with short narratives. Each comic features several panels where still images are replaced by animated GIFs upon interaction, enhancing the storytelling experience. Users can choose to use features such as light and dark modes, background music, and navigate to immerse themselves in the ComiGIFs. Designed for both desktop and mobile viewing, the site offers aplayful experience where visuals and animations take center stage.
"He called upon his friend to swoop down and bring him into the sky. Moving as fast as an airplane he soared home to find his person."
"Deep within the realm of dreams, a powerful energy began to surge."
Writing the code
The website was built in Visual Studio Code using HTML, CSS and JavaScript.
Check below to view a snippet of my code!
Check below to view a snippet of my code!
Website demo
How it works:
Hover on any of the comic panels to have them come to life as a GIF. On mobile, click on the panel to initiate the GIF.
Actions:
Hover to trigger the GIF.
Click the mute icon to play music. Select the next or back buttons to change the song.
Click the sun or moon icons to switch between light and dark mode.
Hover on any of the comic panels to have them come to life as a GIF. On mobile, click on the panel to initiate the GIF.
Actions:
Hover to trigger the GIF.
Click the mute icon to play music. Select the next or back buttons to change the song.
Click the sun or moon icons to switch between light and dark mode.
