Freelancers using Google AI Studio in PakistanFreelancers using Google AI Studio in Pakistan
Design + dev for venture-backed startups | $1B+ raised
$25k+
Earned
8x
Hired
4.7
Rating
61
Followers
Design + dev for venture-backed startups | $1B+ raised
AI web developer and Whiteboard Animation specilist.
New to Contra
AI web developer and Whiteboard Animation specilist.
Web Designer & Developer | Framer, Webflow & Figma
1x
Hired
15
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
166
Cover image for Base44 "Give it a Glow"
Base44 "Give it a Glow" Competition Submission Project: Bake Me Happy — Artisan Bakery Live Customer URL: https://bakehappy.base44.app/ (https://bakehappy.base44.app/)Live Admin URL: https://bakehappy.base44.app/dashboard 1. The Product Overview What it is: A comprehensive, end-to-end artisanal bakery operating system.  💯 Real-World Utility: Most local bakeries rely on messy WhatsApp chats, manual inventory counting, and phone calls for custom cake orders. Bake Me Happy replaces that chaos with a premium storefront and a highly intelligent backend.  💯 Design Quality: The design utilizes a boutique, minimalist aesthetic that matches the high-end nature of the products. It's fully mobile-responsive and feels like a luxury brand experience. 2. The Automation Depth. Customer-Facing Automations (Revenue & CX) 🚀 3D Cake Customizer & Pricing Engine(Hero): Automatically calculates complex pricing tiers in real-time as users customize their cakes (shape, flavor, layers, custom messages). 🚀 AI Cake Concierge (Superagent): A fully implemented web chatbot that asks customers what they are celebrating and suggests specific cakes from the catalog. 🚀 WhatsApp AI Assistant: A 24/7 automated WhatsApp flow that acts as a virtual cashier—answering FAQs, taking custom orders, grabbing delivery details, and automatically syncing the order to the Admin Dashboard. Business-Facing Automations (Time-Saving & Operations): 🚀 Inventory AI(Hero): Automatically tracks ingredient usage based on orders and generates alerts when stock is critical (e.g., < 3 days remaining), saving the owner hours of manual stock-taking. 🚀 Review AI: Automatically aggregates customer reviews and uses sentiment analysis to categorize complaints (Quality, Price, Packaging) and identify "Taste Trends". 🚀 Bakery Co-Pilot: An admin-facing AI assistant that can instantly generate daily business briefings and competitor intelligence reports. 4. The Story The Before:  An Instagram page with 5k followers where custom cake orders were a nightmare of manual DMs, manual price quoting, and guessing when ingredients were running low.  The After: An end-to-end luxury storefront and an AI-powered operating system built entirely on Base44 that the business is actively using today! What I built: 🤖 AI Superagent & WhatsApp Bot: 24/7 automated order taking and customer support. 📊 Competitor AI: Automatically tracks local competitor pricing and generates business insights. 📦 Inventory AI: Automatically calculates ingredient burn rates and alerts the owner before they run out of stock. They are saving hours a week, and their customers get a premium, frictionless experience. https://www.loom.com/share/4df48796f863412e997b5559ffc54818
5
6
273
AI Automation Builder | Website Design
New to Contra
AI Automation Builder | Website Design
I Design Ads and Campaigns with Creative Strategy.
New to Contra
I Design Ads and Campaigns with Creative Strategy.
Websites are easy. Your vision isn't. I get both.
6
Followers
Websites are easy. Your vision isn't. I get both.
Cover image for Developed an interactive T-Shirt customization
Developed an interactive T-Shirt customization platform designed to bridge the gap between creative conceptualization and visual representation. The project serves as a real-time web application where users can manipulate design elements, colors, and textures on a 3D or 2D garment model, providing an immersive experience for on-demand apparel design. The goal was to build a low-latency, responsive tool that enables users to preview their custom designs with high fidelity before finalizing their purchase or production order. Technical Architecture & Features Interactive Rendering Engine: Built the core visualization module using [Insert Framework, e.g., Three.js / React Three Fiber], allowing for real-time manipulation of the t-shirt model. This ensures smooth, hardware-accelerated rendering of color changes, texture mapping, and 3D object rotation. State Management & Reactivity: Leveraged advanced state management [e.g., Zustand or React Context] to ensure that user inputs (such as choosing a primary shirt color, uploading custom logos, or adjusting design positioning) are reflected instantly across the UI without page reloads. Responsive UI/UX: Designed a clean, mobile-first control panel that separates the "Design Canvas" from the "Utility Toolbar." The UI focuses on accessibility, ensuring that tooltips, color pickers, and file uploaders remain intuitive across touch-screen and desktop devices. Performance Optimization: Optimized asset loading and component mounting to ensure that even with heavy visual rendering, the application maintains high performance and a snappy interaction loop, facilitating a smooth user journey from initial load to final output. Outcome & Value This platform simplifies the complex workflow of apparel design, transforming it into an accessible, gamified process. By prioritizing modular architecture, the tool is highly scalable, allowing for the future integration of features like multi-garment support, complex layered printing, and direct API integration with print-on-demand fulfillment services. 3D T-Shirt Designer (https://t-shirt-design-x5fg.vercel.app/)
0
15
Cover image for Designed and developed a high-performing,
Designed and developed a high-performing, fully responsive agency landing page hosted for Website Design Innovation, a creative digital agency based in Michigan. The project's core mission was to transform complex service offerings into a streamlined, visually captivating, and conversion-focused landing page that builds immediate trust with global enterprise clients and small businesses alike. Design & User Experience (UX) Strategic Information Architecture: Structured a clean, premium visual hierarchy utilizing bold layout blocks, dedicated trust-signal sections (showcasing global brand partnerships), and accessible, high-contrast typography. Dynamic Service Showcasing: Engineered an intuitive, tabbed interactive module that allows users to seamlessly explore core agency services (Custom Web Design, E-Commerce Development, WordPress Solutions, and Custom Logo Design) without experiencing page layout fatigue or excessive vertical scrolling. Lead-Capture Strategy: Placed highly visible, persistent Call-to-Actions (CTAs) and localized contact touchpoints strategically throughout the user journey to maximize initial consultations and business inquiry rates. Technical Execution & Performance Fluid Responsiveness: Built utilizing modern web standards to ensure flawless, mobile-first responsive performance across all viewports, from smartphones to large desktop displays. Clean Code Architecture: Focused on clean, lightweight structural execution to minimize asset overhead, optimize loading speeds, and ensure an effortless deployment environment on Vercel. SEO-Friendly Structure: Implemented semantic HTML layout techniques designed to favor search engine accessibility and indexing right out of the box. Amplifia (https://amplifia-kappa.vercel.app/index.html)
0
19