Freelancers using Google AI Studio in LahoreFreelancers using Google AI Studio in Lahore
ProjectsPeople
Yasir Basheer's avatar
Yasir Basheer
proLahore, Pakistan
Web Designer & Developer | Framer, Webflow & Figma
1x
Hired
13
Followers
Web Designer & Developer | Framer, Webflow & Figma
Cover image for Aura — Spatial Soundscape Generator
Aura — Spatial Soundscape Generator Built with Google Stitch Aura is a spatial soundscape generator built with Google Stitch for the theme “Build interfaces that feel alive.” Stitch Project Link: https://stitch.withgoogle.com/projects/18244428936012560793?pli=1 Live Deployment Link: AURA (https://aura-studio-193182769983.asia-southeast1.run.app/#workflow)Most ambient sound apps rely on static lists, sliders, and presets. I wanted to take a different direction and make sound feel physical, visual, and interactive. Aura turns each ambient sound into a living glass node inside an immersive canvas. Users drag sounds closer to the central Listener to increase intensity, move them through space to shape presence, and overlap nodes to create blended moods. The idea behind Aura is simple: 🚀 You don’t adjust sound — you shape it. 👍 The project includes: A polished landing page A Begin Session flow into the core experience A spatial sound canvas Draggable sound nodes for ambient audio Real audio playback Intensity changes based on distance from the Listener Motion-rich glow, ripple, hover, and drag states A premium visual style inspired by spatial audio and immersive interfaces 🙌 Google Stitch Usage Google Stitch was the core part of my creative workflow. I used Stitch to generate the first version of Aura directly on the canvas, then refined the landing page, Aura Studio, glass sound nodes, motion states, hover states, ripple effects, and shader-style background through prompt-based and in-place edits. After the design direction was created in Stitch, I continued directly into Google AI Studio to make the prototype functional, including the Begin Session navigation, draggable sound nodes, spatial audio behavior, and real sound playback. 🙌New Stitch Features Used Streaming generations directly to the canvas In-place AI edits using prompts and point-and-click interactions Native motion, animation, shaders, and hover states on HTML canvas Expanded builder workflow / handoff (Continued from Stitch into Google AI Studio to make the prototype functional.) 💯 Feedback on Using Stitch Stitch actually surprised me on many occasions, stitch helped me move quickly from an abstract idea into a polished product experience. The most useful part was being able to generate the interface, then refine specific parts of the design without starting over. In-place edits were especially helpful for improving the glass sound nodes, motion behavior, and visual atmosphere of Aura Studio. Once I defined the core logic — distance equals intensity, movement shapes presence, and overlap creates blends — Stitch made it easier to turn the idea into a working visual experience.
1
138
Cover image for Vela Bottle — Framer Product Landing Page
Vela Bottle — Framer Product Landing Page
0
2
Cover image for Kava by Mitra9: Shopify Ecommerce
Kava by Mitra9: Shopify Ecommerce
0
2
Cover image for EM Cosmetics — Shopify CRO Investigation & Fix
EM Cosmetics — Shopify CRO Investigation & Fix
0
2
Google AI Studio(1)