Kelly Mark Logo
Case Study Image

Product & Graphic Designer • 2024

Re-imaging storytelling: Gifted interactive website

Timeframe
4 months
Role
Product & Graphic Designer
Team
Individual
Skills
Figma, Illustrator
CONTEXT

Crafting an immersive storytelling experience for movie fans

This project adapts the film Gifted into an immersive web experience, translating its narrative into motion-driven and interactive storytelling.
Homepage for UofT Hacks 11 page
UofTHacks sponsors section screenshot
USING VISUALS TO TELL A STORY

Building a meaningful story through visuals

I iteratively developed the website to create a seamless, immersive narrative. Inspired by playful children’s sketches, the visuals combine expressive illustrations with vectorized interactive elements. Refined typography, color, and contrast ensured a cohesive and engaging storytelling experience.

Crafting an immersive storytelling experience for movie fans

Through a mix of visuals, text, and interactive elements, I aim to immerse movie fans in Mary's world. By incorporating shifting colors, expressive illustrations, and chronological storytelling, users can seamlessly scroll through the website to grasp the essence of the film.

Putting it all together into a cohesive story

Using colors, illustrations, and animations, I designed a website that visually narrates Gifted, highlighting key emotions and pivotal moments from the movie.
VideoWalkthrough of my interactive site
CONCLUSION

My Takeaways

This project emphasized how visual and interactive design can work together to create a cohesive, immersive narrative. By carefully using color, type, illustration, and motion, I brought Mary’s journey to life on the web.

Decorative flowers

Crafting delightful designs through creativity pencil & intent stamp

Designed and coded by me

Let's Connect!