Reimagining Airbnb for time travel across eras.

Overview

I conceptualized, designed, and shipped Warpbnb, a fictional travel platform that imagines booking stays across time. I applied AI across design, code, imagery, content, motion, and marketing to take the project from idea to launch solo in under two weeks.

Takeaways

Building something playful outside of work gave me room to explore new tools, experiment with different workflows, and grow more confident using AI across design, code, and storytelling. This project has been featured on builtbydesigners.com.

Side Project
Warpbnb
Role
Everything: design, code, content, motion, film
Build Stack
Figma, Magicpath, Cursor, Reve, Storybook, Rive, Supabase, Vercel, Higgsfield, Topaz Bloom, ElevenLabs, Final Cut Pro
View Website
Read Process Breakdown
Mobile app close-up: navigation and the Warpbnb wordmark.
3D era icons generated with thiings.co for every category.
Cursor-following Rive logo with a sense of awareness.
Browsing a listing detail on mobile.
Desktop homepage with theme filters and listing cards.
Listing detail: Mars Colony Pod, Olympus Mons.
Host reviews and booking flow in action.
Checkout with animated transportation methods.
Kling 3.0 animations for checkout transportation.

Want to see how I used AI to take Warpbnb from an idea to a shipped product in under 2 weeks?

Read Process Breakdown
↗ VIEW CASE

Creating a Design System for India's largest grocery delivery app.

Overview

I co-led the zero-to-one development of a unified Design system for India's largest grocery delivery app, building shared standards & patterns across a sprawling e-commerce product.

Impact

Adopted by 200+ product and engineering members, improving design-to-dev handoff efficiency by ~35% across 300+ audited components.

Company
BigBasket
Role
Product Designer, Design Systems
Focus area
Landscape Analysis, UI Auditing, Visual Design, Documentation & Guidelines, Workshop Facilitation, DesignOps
Visual audit: duplicate patterns, inconsistent screens, and design debt.
Color tokens from real screens.
A consistent, reusable type scale.
Elevation rules for every surface.
Spacing tokens for scalable layouts.
One system-icon library across every product surface.
Button variations and interaction states.
Semantic color tokens for ratings and status feedback.
One semantic palette across customer and assistant messages.
One offer-card structure for timed, exclusive, seasonal, and unlocked promotions.
Native iOS and Android behavior with shared Melon type and icons.
Atomic Design through watermelon: atoms, components, patterns, templates, screens.
Melon deck presented 20+ times to earn organization-wide buy-in.
The shared component library used to create high-fidelity designs.
Reusable template for component anatomy, usage, and behavior.
A clickable prototype connected every level of the system.
Guidance beside components keeps standards easy to find and use.
Return, exchange, and cancellation flows test real customer journeys.
Shared visual language for onboarding and recruitment.

Read the thought process behind building the Melon design system.

↗ VIEW CASE