Yasir Basheer - Web Designer | ContraWork by Yasir Basheer
Yasir Basheer

Yasir Basheer

Web Designer & Developer | Framer, Webflow & Figma

    1x
    Hired
    14
    Followers
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
3
55
Vela Bottle — Framer Product Landing Page
0
3
Kava by Mitra9: Shopify Ecommerce
0
4
EM Cosmetics — Shopify CRO Investigation & Fix
0
4
Cover image for Synerge Motion Lab — Framer Animation Showcase
Synerge Motion Lab — Framer Animation Showcase
0
3
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
145
Cover image for Lumiere: Neo-Banking App
Lumiere: Neo-Banking App
0
2
Cover image for GreenTrack: Enterprise ESG Platform
GreenTrack: Enterprise ESG Platform
0
6
Cover image for MedConnect: On-Demand Telemedicine
MedConnect: On-Demand Telemedicine
0
5
Cover image for Before It Fades: AI Memory Preservation
Before It Fades: AI Memory Preservation
0
7
Cover image for O-A: Predictive Demand Dashboard
O-A: Predictive Demand Dashboard
0
4
Cover image for Octoboss: Service Hiring Mobile App
Octoboss: Service Hiring Mobile App
0
4
Cover image for Platform Core | Web Application
Platform Core | Web Application
0
26