Human-centered design,
AI-powered outcomes™
Affordance Design Studio
building Intelligent Experiences™
Welcome. Want to see how we can help?
Human-centered design, AI-powered outcomes. These are the situations we meet on real projects, whether you want to learn this, build with it, or work out whether it is worth doing at all.
Every round we have · no timer · leave whenever you likeAbout Us
INSIDE
AFFORDANCE
AFFORDANCE DESIGN STUDIO is a full-service UX and AI consulting studio with one mission: make technology feel human™.
We bridge the gap between human intuition and artificial intelligence. The name "Affordance" comes from the subtle cues that tell you what a digital tool can actually do. That's our philosophy — signal, not noise.
How We Work
- 01
Design the moment before the click
A good affordance tells you what a thing does before you try it. We spend our time on that moment, because everything after it is recovery.
- 02
Ship in code, not in mockups
A prototype that argues with reality is worth more than a mockup that agrees with everyone. We test against the constraints before we commit.
- 03
Measure what changed
We agree the outcome before the first sprint, then we show the before and after. Opinions are welcome. Evidence decides.
- 04
Leave you independent
We document what we build and train the people who inherit it. A design system nobody can operate is not a deliverable.
- 05
Bring the whole team into the room
Workshops, not handoffs. When designers, engineers and product leads share one whiteboard, the work survives contact with the roadmap.
Founder & Lead Designer
Founded by Shandar Junaid (Certified Usability Analyst), we bring decades of UX leadership, enterprise-grade design systems, and applied AI expertise. The result? Products people love to use and businesses trust to scale.
Years of User-Centered Design experience.
years of strategy & consulting.
Students Trained across Universities and Enterprise
workshops conducted on Design Thinking and Vibe-Coding with AI.
Work experience
Guiding Principles
Our Mission:
AI-Pragmatically Applied
"Our mission is to make AI feel as natural and intuitive as any well-designed physical tool. When technology disappears into the background and users focus on their goals, we've succeeded."
Focus
We focus on design clarity, intelligent AI integration, and measurable business outcomes that drive real results.
- UX strategy
- AI integration
- Product innovation
Approach
Our human-centered approach ensures AI enhances rather than complicates the user experience across all touchpoints.
- Research-driven
- Prototype-first
- Outcome-oriented
Value
We deliver measurable value through improved user engagement, operational efficiency, and business growth.
- Reduce friction
- Increase adoption
- Scale confidently
Our Commitment:
Buzzwords are fun, but we believe AI should earn its keep. Whether it's UX for AI products, automation roadmaps, or generative workflows, we focus on one thing:
"AI that actually serves users and the business."
Our Services
What We Do
We offer comprehensive services that bridge the gap between human needs and artificial intelligence capabilities.
UX/AI Design Consulting
User-Centered Design That Converts
Strategic guidance for integrating AI capabilities into human-centered design processes.
AI Consulting & Implementation
Intelligent Solutions for Growth
Machine learning pipelines for intelligent user experiences.
Product Engineering
From Sketch to Ship
End-to-end solution architecture from concept to deployment.
Workshops & Training
Upskill at Speed
Educational programs to build internal AI design capabilities within your organization.
From discovery to ROI, we connect strategy, systems, and craft. Not outputs — outcomes.
Let's discuss your project →
Our Products
Digital Solutions
Nine products built and shipped: PagePulse, MotionForge, Blocky Blitz, TimeLineX, CTRL+SURVIVE, HAL 9000, VibeLens, the Project Workflow Protocol, and our open source tooling. Nothing here is a concept. Every one is live, and every one started as a problem we had ourselves.
What we shipped
PagePulse
2026Know what a book will do to you, before you open it.
A reading-intelligence app for iOS and Android. Photograph any bookshelf and PagePulse reads every spine, looks each title up, and returns a chapter-level emotional fingerprint for the whole shelf. One-time purchase, no subscription.
- Shelfie bookshelf scan
- Chapter-level emotional fingerprint
- Six metrics: Pulse, Darkness, Tension, Hope, Complexity, Volatility
- Reading persona and pattern tracking
- Goodreads, StoryGraph and CSV import
- Cross-device library sync
MotionForge
2026A 2D and 3D motion designer, in the browser.
A local-first 2D and 3D motion designer that runs entirely in the browser. Every layer, camera and keyframe stays editable, and projects stay on your disk: no account and no cloud lock-in.
- Editable layers, cameras and keyframes
- Five editable project starters
- Remixable project gallery
- MotionForge JSON import and export
- Local-first project storage
- Light and dark workspaces
Blocky Blitz
2026Run. Gun. Stay relevant.
A free endless shooter-runner for Android where your career is the track. Run from college through corporate life and a layoff wave into the AI Age, blast obstacles, and turn your phone when the stage changes to switch between a chase view and a side view. No ads, no sign-in.
- Turn the phone to change the view
- Four career stages, college to the AI Age
- Foam blaster with up to 4x kill chains
- 18 runners and 8 blasters to unlock
- Left-handed fire, Reduce Motion and captions
- No accounts: progress stays on your phone
TimeLineX
2025See history in motion.
An AI-powered educational tool that generates interactive chronological timelines from user queries, with a rich 2D visualization, an immersive 3D experience and a credits-based usage system.
- Generative AI (Gemini Pro)
- Interactive Historical Timelines
- Rich 2D Visualization
- Immersive 3D Experience
- Credits-based Usage System
CTRL+SURVIVE
2025Don't win. Just survive.
A darkly humorous career survival runner that simulates modern working life. Navigate 300 seconds across four stages, education, corporate, layoffs and AI disruption, while balancing Relevance, Burnout, Savings and Adaptability.
- 4-Stage Career Survival Runner
- 26 Collectible Power-ups
- 27 Authentic Workplace Obstacles
- Real-time Stat Management System
- 7 Failure Conditions + 2 Survival Endings
HAL 9000
2025See, hear, think, speak, act.
A cross-platform, open-source multimodal AI agent that sees via webcam, hears your voice, thinks via LLM (GPT-4o, Claude, Gemini, Ollama), speaks with cloned voice, and acts with 43 OS-level tools. Free mode available, zero API keys required.
- Multi-provider LLM Brain (GPT-4o, Claude, Gemini, Ollama)
- Webcam Vision with Real-time Analysis
- 43 OS-level Tools with Function Calling
- MCP Server for Claude Code Integration
- Free Mode: Zero API Keys Required
VibeLens
2025Click. Edit. Ship.
A free Chrome extension for visual CSS editing. Click any element, tweak styles live, and write changes back to source files. Works with Claude Code, Cursor and Copilot. No CLI, no setup. Open source.
- Visual CSS Inspection and Live Editing
- WCAG Contrast Ratio Checker
- Grid and Flexbox Layout Overlays
- Direct Source File Write-back
- Export Changes as CSS or AI-ready Prompts
Project Workflow Protocol
2025Do not just build fast. Build to last.
An open-source operating system for shipping production-grade software. Ten disciplines — structured planning, verification rituals, testing, deployment and recovery — packaged as drop-in skill files that turn an AI copilot into a disciplined junior engineer. Works with any stack and any language.
- Structured planning written before any code
- AI agent alignment via a dedicated skill file
- Pre-merge checklists, visual QA and performance baselines
- Testing discipline: coverage thresholds and flaky-test quarantine
- Deployment lifecycle with rollback plans and feature flags
- Defined recovery for build breaks, conflicts and regressions
Open Source
2026i build, therefore IAM.
The public workbench. Six pinned repositories of original work — agent tooling, Claude Code plugins and developer experience — with no forks and no borrowed code among them.
- HAL9000 — the world’s first all-seeing, all-hearing AI agent (11 stars)
- trace — a Claude Code plugin keeping PRD and build in sync (7 stars)
- Project Workflow Protocol — an operating system for shipping (7 stars)
- VibeLens — visual CSS inspector, Chrome extension, no CLI (4 stars)
- memory-map — snapshot, recall and prune Claude project context (2 stars)
- signal — AI usage monitor for Claude Code and Codex CLI
Our Process
How We Work
Our proven 4D Framework ensures every project delivers exceptional results through a structured, human-centered approach.
Discover
We start by understanding your users, business goals, and technical constraints through comprehensive research and stakeholder interviews.
Design
We create intuitive interfaces and interaction patterns that seamlessly integrate AI capabilities while maintaining human-centered design principles.
Deploy
We implement and launch your solution with careful attention to performance, accessibility, and user adoption strategies.
Drive
We measure success, gather feedback, and continuously optimize the experience to drive better outcomes and user satisfaction.
Why It Works:
Our 4D Framework has been refined through dozens of successful projects. It ensures we deliver solutions that not only meet technical requirements but also create meaningful, intuitive experiences that users love and businesses can measure.
Workshops & Training
Learning
Labs
Build internal capabilities with our hands-on workshops and training programs designed to elevate your team's AI design expertise.
Corporate UX Training
Align teams on design thinking principles to create unified, user-centered approaches across your organization.
AI Adoption Programs
Demystified AI programs specifically designed for non-tech leaders to drive strategic implementation.
Hands-on Design Workshops
Collaborative sessions focused on solving real challenges using proven design methodologies and frameworks.
AI Enablement Sessions
Empower teams to use AI with confidence through practical training and hands-on implementation guidance.
Vibe Coding School · Powered by Claude
Idea to live URL
in 72 hours.
This is not a course, and there are no slides. It is a live build lab: three or five intensive days going from a blank terminal to a deployed, authenticated product.
Live by the end of the last session, or the weekend is free.
1,000+
Builders trained
live sessions across India
56
Products shipped
built during the programme
3
Cohorts completed
UID · Spread · Ecole Intuit Lab
10
Max per cohort
live, hands-on, no slides
Practical Foundations
Essential concepts, tools, and methodologies grounded in real-world application.
Evidence-based Results
Participants gain practical skills and frameworks they can immediately apply to their work.
Customized to Goals
Each workshop is tailored to your team's specific challenges and objectives.
From the Studio
Design
Dispatch
Design engineering essays, product marketing, and visual storytelling — dispatches from the strange frontier where designers open terminals and take notes.
Visual Essays
Illustrated dispatches in rubber-hose cartoon style — because some truths land softer when a cartoon character delivers the bad news.
Design Engineering
Bridging the frontier where pull requests shape user experience, error states deserve standing ovations, and Figma meets the terminal.
AI-First Workflow
Every page, animation, and deploy is orchestrated by HAL 9000 — our in-house rogue AI agent — using Claude Code.
Contact Us
Let's Build
The Future
Ready to create AI-powered experiences that feel effortlessly human? Let's discuss your project.