Projects using Google AI Studio in PakistanProjects using Google AI Studio in PakistanSTOA MILOS — A Boutique Hotel Brand Brought to the Web
A website experience built around one idea: “Room to slow down.”
STOA MILOS is a fictional boutique hotel concept set in Milos, Greece. The design translates its architectural character into a warm, spacious digital experience, with natural colours, clear typography, and generous photography.
The nine-page website includes room collections and detail pages, a destination guide, a gallery, and a demonstration stay planner.
One of my favourite details is the image reveal: the coloured block opens upward first, then the photograph follows. It brings movement into the experience while keeping the pace calm.
The layouts adapt across desktop, tablet, and mobile, with keyboard access and reduced-motion support.
Interested in a website for a hospitality, travel, or lifestyle brand? Visit my profile and let’s talk about your project. "A custom brand website design service for fashion, eyewear, and product businesses. I build premium, conversion-focused storefronts with interactive elements (product customizers, animated sections), custom typography, and professional product photography — all tailored to your brand's identity.
Recent example: VELO, a concept eyewear brand site featuring an interactive frame customizer with 4 colorways, a feature grid, 360° product photography display, testimonials, pricing tiers, and FAQ — all in a premium dark aesthetic.
What you get: a fully designed, functional website concept ready to build out, or a complete working site depending on your package.
Feel Free To Message me Sabae Titanium Optics: A Complete E-commerce Website for Premium Eyewear
WHAT IS THIS PROJECT?
Sabae Titanium Optics is a full online store for a luxury eyewear brand that sells handcrafted titanium and acetate frames. I designed and built it as a complete, ready-to-launch storefront. It covers everything from the first impression to checkout, plus the tools the owner needs to run the business.
WHO IS IT FOR?
• Eyewear and optical brands that want to sell online
• Luxury and premium product brands (watches, jewelry, fashion accessories)
• Store owners who want a professional website that builds trust and converts visitors into buyers
• Startups launching a new e-commerce brand
THE PROBLEM IT SOLVES
Eyewear is one of the hardest products to sell online. Customers worry about three things:
Will these frames suit my face shape?
Will they fit my nose and temples comfortably?
Is this brand trustworthy enough for a premium purchase? When customers are unsure, they leave, or they buy and return the product. Both cost the store money. This website is built to remove that uncertainty.
HOW IT SOLVES IT
Face Matcher (smart recommendation tool)
• Recommends frames by face shape: oval, round, square, heart, and diamond
• Matches nose-bridge fit (low-bridge or saddle style)
• Uses temple and bridge measurements to suggest the best fit
• Acts like a virtual optician, so the customer feels guided
Professional storefront
• Curated "Signature Icons & Hero SKUs" section with badges, ratings, and SKU codes
• Clear product cards with short, useful descriptions
• Wishlist and a live shopping bag with item count
Built for international customers
• Multi-currency selector (USD and more)
• Shipping and customs information, and an insured courier message in the top bar
Brand storytelling (Optical Journal)
• Editorial articles about craftsmanship, materials, and technique
• Each article links to a featured product, so content helps sell
Trust signals
• Insured courier, 30-day trial, lifetime hinge warranty, and hand-finishing details
• Placed where customers make decisions, which reduces hesitation
Admin panel
• The owner can manage products and store content without touching code
Premium design
• Clean, editorial look with elegant typography and generous spacing
• Responsive on mobile, tablet, and desktop
BENEFITS FOR THE BUSINESS OWNER
• More sales: guided recommendations help customers decide faster
• Fewer returns: better fit information means fewer wrong purchases
• Higher trust: a polished design and clear policies make the brand look established
• Global reach: multi-currency and shipping info make it easy to sell abroad
• Better engagement: the journal brings in visitors and keeps them reading
• Easy management: the admin panel saves time and developer costs
BENEFITS FOR THE CUSTOMER
• Finds frames that suit their face without visiting a store
• Understands fit, materials, and warranty before buying
• Enjoys a fast, clean, and easy shopping experience
WHY WORK WITH ME
• I think about the business goal first, not only how the site looks
• I combine design, development, and user experience in one project
• I understand international clients and communicate clearly in English
• I deliver clean, responsive, ready-to-use work
• I can build a similar store, or a fully custom one, for your brand
WHAT YOU CAN GET FROM ME
✅ Complete e-commerce website design and development
✅ Smart product-finder or recommendation features
✅ Admin dashboard and store management
✅ Mobile-responsive, modern UI
✅ Fixes, improvements, and redesigns for an existing store
Have a store or product idea? Message me and let's build something your customers will trust. 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.
