Stitch Project ID: https://stitch.withgoogle.com/projects/16288633389779514849

game link. https://dd5b9c37cf6141.lhr.life/

what I built

Dragon Slayer: Chronicles of Eldoria (Game Awards Edition) is an immersive, high-fidelity real-time 2D Action Hack & Slash game built with a retro medieval gothic aesthetic.

The game transitions players through an emotional narrative beginning with a full-screen cinematic intro sequence (using unmuted AI videos that chronicle the hero Jorel's growth, his father's demise under the tyrant Dragon King Ignis, and his castle siege on a rainy night). In the lobby, players are greeted by an interactive slowly panning thematic background. In the active stage, players control Jorel in real-time as he dodges fireballs, swings his sword, triggers Aether blasts, uses potion heals, and activates the ancient Wyrm Whistle to freeze time. Victory culminates in a gold-glowing slideshow celebrating Jorel claiming the crown beside the last Golden Dragon, accompanied by custom synthesized chiptune soundtracks, choral chants (inspired by God of War 4), and reflective chord progressions.

Brief explanation of how I used Stitch

I utilized Google Stitch as the foundational design system and component compiler:

Project Initialization: Spawned the core canvas sandbox and environment framework directly through the Stitch workspace project context.

HUD Design Compilation: Used the platform's high-fidelity asset generators to compile the layout architecture for our overlay screen systems (e.g., character info HUD, action slots, cooldown indicators, and boss HP banners).

UI Layout Integration: Extracted the compiled UI tokens and structure directly to coordinate them with a real-time responsive HTML5 Canvas rendering engine. This bridged pixel-perfect UI elements (credits overlays, dialog bubbles, mobile D-Pads, buttons) with our canvas coordinates.

Really like how you pushed Stitch beyond traditional UI design. The game flow from cinematic intro to gameplay and ending sequence sounds very well thought out.

Here's my submission: https://on.contra.com/pnfJBQ

Curious what you think about it.

Afterlife Atlas

A Secure AI-Native Legacy and Memory Orchestration Interface

Afterlife Atlas is a secure, AI-native interface designed to help people organize, preserve, and manage their digital legacy through encrypted memory capsules, trust guardians, intelligent review workflows, and future-ready knowledge preservation.

For this challenge, I wanted to explore how Google Stitch could accelerate the journey from a complex product idea to a polished interactive interface in a fraction of the time normally required by traditional design workflows.

The Concept

Digital legacy management is fragmented, difficult to navigate, and often inaccessible to non-technical users. Afterlife Atlas reimagines this experience through a secure, human-centered control dashboard that helps users:

Organize important digital assets and memories

Configure encrypted memory capsules

Assign trust guardians and verification workflows

Define release conditions and preservation rules

Review AI-generated insights before sealing a legacy capsule

The product combines accessibility, security, trust, and AI-native workflows into a single experience.

How I Used Google Stitch

I started by creating a detailed DESIGN.md system inside Stitch to define:

Accessibility requirements

Color and contrast standards

Typography hierarchy

Motion behavior

Layout structure

Product personality and visual tone

Using this design system as the foundation, I generated and refined a multi-screen workflow including:

Secure Legacy Vault Dashboard

Memory Capsule Configuration

AI Review and Analysis Workflow

Sealed Legacy Capsule Summary

I iteratively refined the visual design to achieve a premium dark glassmorphic interface with strong accessibility and clear interaction patterns.

Why Stitch Was Important

The most valuable aspect of Stitch was its ability to combine design-system creation, interface generation, visual refinement, and prototype development into a single workflow.

Instead of spending hours building wireframes, design systems, and initial layouts manually, I was able to move directly from product vision to an interactive experience.

Feedback

Stitch works best as an AI-native design partner rather than a simple screen generator.

The DESIGN.md workflow was especially valuable because it allowed me to define accessibility, contrast, visual hierarchy, and interaction principles before generating screens.

Future improvements I'd love to see include:

More granular control over component states

More advanced motion specifications

Enhanced production handoff capabilities

Additional controls for complex multi-screen workflows

Outcome

Afterlife Atlas demonstrates how Google Stitch can help transform a serious product concept into a coherent, interactive interface significantly faster than traditional design processes while maintaining accessibility, structure, and visual quality. https://www.linkedin.com/posts/jelenastricak_stitchchallenge-share-7468194430634721280-iI4I/?utm_source=social_share_send&utm_medium=member_desktop_web&rcm=ACoAACmlhzEBkf_rFZaNY8RuL4ZabiQvNBMNVBw https://x.com/jstricak/status/2062428991009497349?s=20

This eye candy is on another level! The aesthetics here are absolutely flawless. 🎨✨