Mohammad Imtiaj Hossen - Prompt Engineer | ContraWork by Mohammad Imtiaj Hossen
Mohammad Imtiaj Hossen

Mohammad Imtiaj Hossen

I don't build apps, I build solutions to your problems.

New to Contra

Mohammad Imtiaj is building their profile!

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”
2
2
97