Freelancers using Stitch in Rawalpindi

Freelancers using Stitch in RawalpindiFreelancers using Stitch in Rawalpindi

Projects People

Muhammad Haseeb

Rawalpindi, Pakistan

Graphic Designer, Al-Assisted Web Developer & UI/UX Designer

New to Contra

Graphic Designer, Al-Assisted Web Developer & UI/UX Designer

Cover image for Title: Axon Modular — High-Performance Architecture for Tech...

Title: Axon Modular — High-Performance Architecture for Technical Apparel Overview Axon Modular is a conceptual digital storefront engineered for a performance outerwear brand. The goal of this project was to bridge the gap between traditional e-commerce and a native software experience. By employing a high-performance minimalist aesthetic, the interface prioritizes absolute mathematical precision, frictionless user flow, and rapid conversion over standard, static template designs. The Design Philosophy The visual language draws heavily from tech-focused, dark-brutalist architecture. By utilizing an explicit grid system, high-contrast states, and a stark obsidian color palette, the interface mimics a high-end desktop application. This structural approach ensures the product’s technical specifications are delivered with ultimate clarity and zero visual clutter. Key Technical & Interactive Features App-Like Variant Matrix: Engineered an interactive product module where colorway and size selections trigger instant, mechanical state changes. The UI responds with physical "weight," utilizing snappy, 200ms transitions that feel tactile and highly responsive. Conversion-Optimized Flow: Integrated dynamic micro-copy and live-state indicators, such as low-stock alerts, directly into the selection grid to drive urgency without disrupting the premium aesthetic. Strict Design System & Tokens: Built on a robust, scalable foundation of reusable components. Every padding, margin, and typography scale adheres to strict grid rules, ensuring the entire visual identity can be seamlessly translated into a functioning Shopify architecture. Data-Driven Typography: Utilized monospace fonts for specifications and data points to contrast with clean sans-serif headers, reinforcing the brand's technical, lab-tested identity. The Result A flawlessly structured, highly interactive landing page that guides the user from exploration to purchase with zero friction. It serves as a blueprint for how technical DTC brands can leverage advanced UI/UX to elevate their perceived value and streamline the path to checkout. Capabilities Demonstrated UI/UX Concept & E-Commerce Flow High-Fidelity Prototyping & Micro-Interactions (Antigravity IDE) Design System Architecture (Tokens, Variables, Components) Conversion-Focused Layout Design

0

70

Cover image for Title: Monolith — Cinematic E-Commerce

Title: Monolith — Cinematic E-Commerce Experience for Luxury DTC Overview Monolith is a conceptual, high-performance landing page designed for an ultra-luxury consumer goods brand. The objective was to move away from static, traditional e-commerce layouts and instead build an immersive, "alive" digital environment. By treating the browser as a cinematic canvas, the design communicates absolute premium quality through intentional motion, deep contrasts, and frictionless storytelling. The Design Philosophy The core aesthetic relies on a high-performance minimalist framework. Every pixel serves a purpose. By utilizing a stark, monochromatic palette and a highly refined typography scale, the product itself becomes the undisputed focal point. The user experience is designed to feel heavy, viscous, and deliberate—matching the physical properties of luxury hardware. Key Technical & Interactive Features Cinematic Scroll Architecture: Implemented scroll-driven, perspective-shifting macro pans that guide the user's eye through the intricate details of the product without requiring clicks. Intentional Micro-Interactions: Replaced standard snappy animations with slow, viscous transitions. Accordions and text reveals unfold smoothly with precise cubic-bezier timing, creating a sense of unfolding space. Frictionless Information Architecture: Designed scannable, sticky specification sections that lock into the viewport, allowing users to absorb technical data alongside stunning visual assets seamlessly. Robust Design System: Built on a strict token-based system including defined color variables, a fluid typography scale, and reusable component architectures (like the dynamic FAQ accordions and interactive collection grids) ready for direct integration into platforms like Shopify. The Result A flawlessly smooth, app-like web experience that elevates the brand identity and drives conversion through sheer visual authority and tactile digital interaction. Tools & Workflows UI/UX Design & Prototyping Antigravity IDE & Google Stitch for rapid, high-fidelity interaction generation Framer Motion / Advanced CSS Transitions Responsive Grid Architecture

0

73

Cover image for Memento — A Notes App

Memento — A Notes App Where Memories Decay Live app: https://memento-navy.vercel.app Every notes app treats a thought from three years ago identically to one from this morning. Memento doesn't. Notes decay visually from the moment they're created — across typography weight, contrast, border integrity, and color temperature — until they become near-invisible archaeological artifacts. A note from today is sharp and vivid. A note from six months ago is a ghost. The archive isn't a list. It's fog. Pinning a note revives it — it returns warm and glowing, carrying the memory of having faded. Eight decay states. One continuous system. The interface is alive because time is acting on it constantly — even while you sleep. — HOW I USED STITCH I've been using Stitch since it first launched, and this project pushed it harder than anything I've built with it. The entire visual system — all 8 decay states — was designed simultaneously on Stitch's infinite canvas using multi-screen generation. I wrote a single detailed prompt specifying exact hex values, typography weights, opacity levels, and border behavior for each state, then used targeted follow-up prompts to refine individual screens without disrupting the system. The workflow was: Stitch for the full design system → HTML/CSS export → Antigravity to build the functional React/Next.js app using Stitch exports as visual reference → deployed on Vercel. The most interesting challenge was making decay feel considered rather than broken — Stitch's rapid iteration helped me find the line between "elegantly faded" and "unreadably dark" faster than any other tool would have. — FEEDBACK ON STITCH I've used Stitch across several projects since launch and it's genuinely changed how I approach UI work — the speed from concept to exportable interface is unlike anything else available. One honest observation: visual continuity across screens can drift, particularly on the Flash model. When generating a system of related screens, subtle inconsistencies in spacing, border radius, and color values creep in between generations. The Pro model handles this significantly better, but it's worth noting for anyone building multi-screen products. That said — Stitch moves the bottleneck from "can I design this" to "can I think clearly about what I want." That's exactly where the bottleneck should be.

1

2

280

Cover image for Title: SubTracker: Minimalist Subscription Manager
Platform:

Title: SubTracker: Minimalist Subscription Manager Platform: Android Live Link: avgdev.gumroad.com/l/subtracker (https://avgdev.gumroad.com/l/subtracker) Overview: SubTracker is a streamlined Android application designed to put users back in control of their recurring digital expenses. With the rapid growth of subscription-based services, SubTracker eliminates financial blind spots by providing a friction-free, intuitive dashboard to monitor where money is going every month. Built utilizing Antigravity and Lovable, the application prioritizes a clean, minimalist, Apple-esque design language within the Android ecosystem. The dark-mode interface utilizes high-contrast color coding and typography to make financial data instantly readable, stripping away unnecessary clutter to focus entirely on user experience. Key Features: Proactive Alerts: Automated notifications trigger exactly two days before any subscription renews, giving users ample time to cancel unwanted services before they are charged. Financial Insights: The dashboard automatically calculates both monthly and yearly spending overhead, translating small monthly fees into their true annual cost. 'Most Expensive' Target: A dedicated UI card highlights the highest-cost subscription, actively showing users how much they could save annually by cutting their biggest expense. Seamless Data Entry: A simplified, color-coded input flow allows users to add new subscriptions (like Netflix, Spotify, or Amazon Prime) in seconds. My Role: End-to-end product development, including UI/UX design, dark-mode color theory application, and frontend Android development.

0

71

Islamabad, Pakistan

Framer & Webflow Developer — Websites That Convert

$1k+: Earned

5.0: Rating

102: Followers

Framer & Webflow Developer — Websites That Convert

Cover image for I joined the Google Stitch

I joined the Google Stitch Challenge on Contra and built a cinematic space journey concept. The idea started simple: What if a website didn’t feel like a landing page… but like the control center for a mission? So I explored a full experience around: flight configuration destination selection launch dashboard safety briefing space journal mission storytelling The goal was not just to make screens look good, but to create a visual system that feels immersive, structured, and cinematic. I used Google Stitch to move fast, test layouts, and turn the idea into a working prototype direction. Some parts took multiple tries, especially getting the hierarchy, spacing, and visual flow right — but that was the fun part. Still more I’d love to improve if I get time: motion details, stronger 3D elements, more interaction states, and the rest of the journey pages. Overall, this was a great experiment in using AI as a design partner — not to replace taste, but to explore faster and push ideas further. Built for the Google Stitch Challenge on Contra. Prototype: https://stitch.withgoogle.com/projects/14377284544676862199 #GoogleStitch #Contra #DesignChallenge #UIDesign #WebDesign #AIDesign #ProductDesign

14

64

4.3K

Cover image for Transform Ideas into Digital Worlds with AFTERCUBE AI Studio

AFTERCUBE — AI Visual Worlds From Raw Ideas For the Google Stitch Challenge, I created AFTERCUBE — a dark cinematic AI visual studio that turns raw ideas into website concepts, brand systems, motion direction, and immersive digital worlds. The idea was simple: What if one rough prompt could become a complete visual direction? Not just a layout. Not just a dashboard. A full world. AFTERCUBE is designed as a premium creative engine where users can start with a raw idea and generate cinematic website concepts, visual identity direction, interface systems, brand atmospheres, featured world concepts, and motion-ready digital experiences. The final landing page tells a clear story: Raw idea → visual engine → generated worlds → start creating Process I spent around [add hours here] hours exploring, designing, breaking, rebuilding, and refining this concept. This was not a one-shot design. I went through 20+ iterations before finding the final direction. Some early versions felt too much like generic SaaS dashboards. Some sections looked like separate websites instead of one continuous experience. A few visual directions were too cluttered, too flat, or not premium enough. So I kept stripping things back and rebuilding around one stronger visual language: dark cinematic background burnt-orange energy oversized editorial typography 3D character and engine visuals subtle grid texture premium Framer-style spacing animated interactions strong section rhythm The biggest challenge was keeping the page consistent while moving from hero to product explanation to showcase sections. I wanted the whole page to feel like one visual world, not random screens stitched together. How I used Stitch I used Stitch to rapidly explore different layouts, test visual directions, refine the brand system, and push the final landing page into a more polished prototype direction. The workflow included: Exploring multiple concepts and brand names Testing different dark visual systems Locking the final direction around AFTERCUBE Building the cinematic hero section Creating the Visual Engine section Adding Featured Worlds as generated concept examples Creating a final prompt-driven CTA Adding motion ideas, hover states, glow interactions, and scroll animation direction What I focused on My goal was not to create another generic AI landing page. I focused on: strong first impression cinematic art direction bold typography premium dark UI orange energy system clear product storytelling interactive motion visual consistency a page that feels like a real creative AI product Future direction If I had more time, I would expand AFTERCUBE into a deeper product prototype with: a full AI generation flow additional inner product pages more generated world examples more custom 3D elements animated world-building states a detailed brand system page export screens for Framer, Figma, and campaign assets interactive prompt-to-world transitions This version focuses on the core brand, landing page, and product story first. The next step would be turning it into a fuller interactive product experience. Feedback on Stitch Stitch was useful for fast ideation and visual exploration. It helped me test multiple directions quickly and move from rough concept to polished landing page much faster than starting from a blank canvas. The hardest part was maintaining consistency across sections. Some outputs looked like separate pages, so I had to keep refining prompts around continuity, layout rhythm, spacing, and brand discipline. Overall, Stitch was powerful for exploration, but the best results came from treating it like a creative partner — testing, correcting, refining, and pushing the design direction intentionally. Final concept AFTERCUBE is an AI visual studio for turning rough creative thoughts into cinematic digital worlds. One prompt. One engine. A complete visual world. Prototype: https://stitch.withgoogle.com/preview/2647123046716225432?node-id=7b022a8e6ba245dd9a77627c3cc9e5ee

40

67

5.1K

Cover image for Most AI products show you

Most AI products show you results. I wanted to show you the process. So I built MIRROR — a cinematic AI surveillance interface designed entirely in Figma Make. Instead of static sections and generic cards, every interaction reveals how the system thinks: • Real-time identity analysis • Object detection overlays • Behavioral tracking • Detection systems and capabilities • Live subject profiling • Technical specifications • Interactive data visualizations • Hover states, reveals, and system reactions The goal wasn't to design another dashboard. The goal was to create an experience that feels like you're inside a classified intelligence system. Every screen was designed to feel alive. Every section responds. Every interaction reveals something new. Built with Figma Make as part of the Config Makeathon. Would love to hear what feature or interaction you'd add next.

50

69

5.4K

Cover image for I stopped chasing clients the

I stopped chasing clients the day I became a Framer Expert. Before the Expert Program — I was sending proposals, following up, explaining my skills over and over to strangers who didn't know me. After — clients land on my Framer Expert dashboard, see the work, and message me ready to start. No cold outreach. No convincing. No chasing. The dashboard does the selling before I say a word. Every project then moves to Contra — contracts, payments, everything clean and professional. The system that changed everything for me: → Apply for Framer Expert → Build a premium dashboard with your real work → Connect it to your Contra profile → Let inbound clients find you If you're a Framer designer still grinding cold DMs — this is the move. Build the profile. Let the work speak. 📩 All my projects start on Framer Expert and are managed here on Contra. DM me if you're building something. #FramerExpert #Framer #FreelanceTips #BuildInPublic #Contra #WebDesign #FigmaToFramer #LandingPage #NoCode

2

20

1.1K

proIslamabad, Pakistan

Technical Writer|Graphic Designer|Process Design Engineer

108: Followers

Technical Writer|Graphic Designer|Process Design Engineer

Cover image for Hello creators!
here is my submission

Hello creators! here is my submission of Google Stitch Challenge. https://stitch.withgoogle.com/projects/5842320462602059225 The Immersive Chronicle: A book-shaped website where writers can write, meet the world, and explore the needs.

4

4

194

Cover image for The Wisdom Cloud is a

The Wisdom Cloud is a cinematic AI-powered experience that captures and preserves human wisdom before it's lost. It transforms retirement into a legacy by turning stories, lessons, failures, and life experiences into a living knowledge ecosystem for future generations. . . . Every day, decades of knowledge, lessons, and life experiences disappear forever. The Wisdom Cloud captures, preserves, and shares this wisdom, turning individual journeys into a timeless resource for future generations. A place where legacies live on and continue making an impact. HERE IS MY SUBMISSION URL: https://clear-pogo-61081600.figma.site . . Sharing a short glimpse as well..

7

5

422

Cover image for Past Experience and Learning:
I designed

Past Experience and Learning: I designed ebook templates for a client a year ago. Here is a glimpse of it.🙌

0

80

Cover image for Sometimes my client is my

Sometimes my client is my mother😂 so I made an youtube marketing Ad for her brand #craftycreations...😍 Her Instagram page Link: https://www.instagram.com/craftycreations.pk?igsh=bmw5emdrNGpyYXU5

2

1

252

Islamabad, Pakistan

Chartered Accountant & Web Developer | Global

New to Contra

Chartered Accountant & Web Developer | Global

Cover image for Luminary is a living design

Luminary is a living design OS built entirely with Google Stitch. It demonstrates streaming canvas generation, in-place AI edits, native motion & hover states, .fig import, and Netlify export — all wrapped in a motion-rich interface where every component breathes, floats, and responds.

1

2

202

Cover image for A professional AI-powered financial statement

A professional AI-powered financial statement generator built on IFRS/IAS standards. Automates the full workflow in 4 steps — from importing trial balance or bank statement data, to AI processing, to generating fully compliant IFRS financial statements. Supports auto-classification of bank transactions, Urdu-English mixed labels, and is compliant with Pakistan & Gulf Region standards. Powered by the Anthropic Claude API.

2

76

Cover image for Full website design and development

Full website design and development for Shift Collective, a global financial consulting firm. Features a premium dark-theme UI, service showcases, credential highlights, client-facing CTAs and a custom quote system. Built to position a KPMG-alumni CA firm against Big 4 competitors at a fraction of the cost.

1

39

Cover image for A live AI-powered job matching

A live AI-powered job matching tool built for corporate and finance professionals. Users paste their CV, select experience level and location preference, and the AI analyses their profile against live job categories to surface best-fit roles with direct apply links. Powered by the Anthropic Claude API and live from Impactpool.org. (http://Impactpool.org)

0

36