The Last Signal
Live Links
🌌 Final Experience
https://error-imtiaj.github.io/the-last-message/
(https://error-imtiaj.github.io/the-last-message/)📂 General Prototype / Stitch Project
https://stitch.withgoogle.com/projects/14494830618225359
Project Overview
The Last Signal is an immersive cinematic storytelling experience that imagines humanity's final transmission to the universe.Instead of building a traditional website with menus, dashboards, or complex navigation, I wanted to create an emotional journey that feels more like an interactive sci-fi film.The project combines cinematic transitions, motion systems, particle effects, immersive interactions, and narrative storytelling to create an experience that feels alive rather than static.
What attracted me to The Last Signal was its emotional and visual potential. The concept immediately sparked my imagination because it combines mystery, hope, exploration, and humanity's desire to leave something meaningful behind.
Workflow and How I Used Stitch
Google Stitch was the core tool used throughout the project workflow.
Step 1: Concept Development
I started by designing a detailed creative prompt that described the complete storytelling experience, including:
Six cinematic scenes
Visual direction
Motion design requirements
Interactive behavior
Navigation structure
Transition effects
The goal was to create a premium interactive experience that felt like a science-fiction movie.
Step 2: Iteration with Stitch
Using Stitch, I generated multiple design variations of the project.
Instead of settling for the first result, I generated three different versions of the experience and compared their layouts, visual quality, animation concepts, and storytelling flow.
This rapid iteration process allowed me to explore different creative directions within minutes.
Step 3: Selecting the Best Version
After reviewing the generated concepts, I selected the strongest version based on:
Visual impact
Storytelling flow
Motion potential
Overall user experience
Consistency across all scenes
The chosen version became the foundation for the final prototype.
Step 4: Exporting to Google AI Studio
To further refine the project, I used Stitch's export functionality and exported the selected design to Google AI Studio.
This allowed me to move from a visual prototype into a fully realized implementation.
Step 5: Building the Final Experience
Inside Google AI Studio, the project was transformed into a complete Vite-based web application.
This stage was used to:
Refine animations
Improve transitions
Enhance visual polish
Fine-tune interactions
Create a production-quality experience
The result was a much more immersive and polished version of the original Stitch concept.
Step 6: Deployment
After finalizing the Vite application, I deployed the project using GitHub Pages.
The deployment process involved:
Building the production version of the application
Configuring GitHub Pages
Publishing the final experience online
This made the project publicly accessible and easy to share.
The most impressive aspect of Stitch was the speed of exploration.Instead of spending hours creating multiple design concepts manually, I could rapidly generate, compare, and iterate on different directions. The ability to quickly move from idea to interactive prototype made the workflow significantly faster and more enjoyable.
Final Thoughts
The Last Signal demonstrates how Stitch can be used not only for product interfaces but also for storytelling experiences, interactive narratives, and experimental web design.
The project showcases an end-to-end workflow, from concept generation and rapid iteration in Stitch to implementation in Google AI Studio and deployment as a live web experience.
🌌 “The Signal Continues”