Product Designer for AI & Digital Products
Packaging looks like graphic design. But every word takes physical space.
For Day 19, I built PACKSHIFT an interactive packaging experience where claims, languages, warnings and data become pressure on a finite surface.
It starts with the real 56 mm width of the carton.
Then you try to make everything fit.
Make the box smaller and the pressure becomes physical:
56 mm → pressure → CRACK → recovery → museum
The final package doesn’t just show the solution — it remembers the negotiation that produced it.
Underneath the public game is a deeper spatial compiler built with Blender + Three.js / React Three Fiber, where the same package can open, decompose, expose its dieline, redistribute information and refold.
Packaging is not a file. It is a compiled surface.
Full case study ↓
https://contra.com/p/3WBccUlM-packshift-packaging-is-a-compiled-surface
Live experience ↓
https://packshift-awd.pages.dev/
GitHub ↓
https://github.com/Faadil1/PACKSHIFT
Would love to know which moment lands most for you: Actual Size, the Hydraulic Press, or the Museum?
1
115
DAY 16: CONDITION TRACE
30 Days of Real Business Problems Phase II
I stopped at Day 15.
Not because I ran out of problems.
The format was becoming predictable.
So I changed the rules.
Phase II starts with a problem from museum conservation.
Condition reports can document what was visible at different moments — but they cannot always prove when a physical change actually occurred.
So instead of asking:
“Where did the damage happen?”
I reframed the problem:
Trace when the feature first appears in the documentation.
That became CONDITION TRACE.
The prototype follows a fictional museum-loan case involving the same vessel across four signed condition records.
Earlier examinations were completed under diffuse light.
During the return-arrival inspection, the conservator introduces raking light.
As the grazing angle changes, a hairline crack on the vessel’s upper-right shoulder becomes legible.
That observation is preserved as OBS-04 and carried through a traceable evidence chain:
SRC-03 → OBS-04 → CMP-01 → LIM-01 → FND-01
But the system deliberately refuses to overstate what the evidence proves.
The earlier examinations were not performed under equivalent lighting conditions.
So the conclusion remains narrow:
FIRST DOCUMENTED APPEARANCE AUGUST 3, 2026
Not:
“The damage happened on August 3.”
Not cause.
Not responsibility.
Not liability.
The interface follows the same principle.
Light becomes an examination instrument.
The observation persists through comparison.
The evidence lineage remains visible.
And the final finding must be deliberately sealed.
The goal wasn’t to make an interface that looks forensic.
It was to make the boundary of the evidence visible and traceable.
TRACE THE RECORD. NOT THE BLAME.
Live prototype:
https://day16-condition-trace.vercel.app
Day 16 / 30
Phase II begins.
2
175
REHEARSAL: The Room Has No Chalk
Some conversations stay with us for days before they ever happen.
We replay the possible replies.
We soften what we need to say.
We search for the perfect sentence until the moment passes.
As an introvert, I know that feeling well.
So I designed REHEARSAL, a preparation room for difficult real-world conversations.
Most AI tools try to write the sentence for you.
REHEARSAL refuses.
You write the reply you are afraid to hear.
You write your first, instinctive response.
You identify the reflex behind it.
The room contributes one structural constraint not a replacement sentence.
Then you write again, entirely in your own words, and say it out loud.
The central rule is simple:
You write both sides. This room never writes for you.
The visual world is built around the idea of The Black Floor: one person draws both sides of the conversation, while the room is only allowed to mark a limit.
No chatbot.
No generated dialogue.
No emotional score.
No simulated person on the other side.
Because the real conversation does not happen inside the product.
Practice here. Speak there.
Designed and iterated in Flowstep, then developed into a working React experience.
Flowstep:
https://app.flowstep.ai/file?activeFileId=768ea904-4954-4f20-a863-8e68ccec1166
Live experience:
https://rehearsal-psi.vercel.app
#Flowstep #ProductDesign #UXDesign #InteractionDesign
2
4
248
A request does not automatically change an agreement.
Scope Accord is a five-state interaction prototype designed around a common service-project problem: a client may hear “already included,” while the provider means “additional scope, cost and time.”
The proposed change remains structurally outside the current agreement until both parties express the same understanding of its impact.
One request.
Two interpretations.
One visible boundary.
Designed and built with React, TypeScript, CSS Grid and Playwright.
Live prototype:
https://scope-accord.vercel.app
2
118
Designing and building high-performance websites
Web designer & developer. Landing pages, product UI, Shopify
Fractional AI designer & builder for ambitious founders.
- $50k+
- Earned
- 4x
- Hired
- 12
- Followers
Fractional AI designer & builder for ambitious founders.
Full-stack dev: React, Node, & Bots. Let’s build.
Full-stack dev: React, Node, & Bots. Let’s build.
Developed a cutting-edge resume parsing application that leverages the power of Large Language Models (LLMs) to extract information from resumes with superior accuracy compared to traditional Optical Character Recognition (OCR) methods.
Key Features:
LLM Driven Extraction: Utilized advanced LLMs to intelligently understand and interpret the semantic meaning within resumes.
Structured Output: Transformed unstructured resume data into a clean, structured format for easy integration with Applicant Tracking Systems (ATS), databases, and other HR software.
0
102
What if your business had a developer who could also automate the boring parts of the business? That’s essentially what I build.
I combine full-stack development + AI + automation + APIs to turn manual processes into systems that run on their own.
For example:
📄 Documents → AI extraction → structured data
🤖 Customer questions → AI agent → qualified lead
💳 Payment → webhook → automated workflow
📞 Customer → voice/SMS → CRM update
🧠 Resume → LLM → structured candidate profile
I’ve worked on everything from AI document platforms and resume parsing to automated identity verification and custom API integrations. I’m not interested in adding AI just because it’s trendy.
I want the AI to actually save time, reduce manual work, or make the product better.
If you’re building something ambitious, I would love to hear what you’re working on.
#AI #Automation #AIAgents #FullStack #SaaS #APIs #SoftwareDevelopment
2
162
The Unassisted Video Customer Identification Process (VCIP) is a fully automated digital identity verification solution that allows users to complete KYC remotely without a live agent.
It uses AI, liveness detection, and secure integrations to verify identity through video, ID capture, and biometric matching. The system guides users through permissions, data entry, document validation, and a real-time video session with PIN and face checks. AI-powered OCR extracts data from IDs, while facial recognition ensures identity consistency and fraud prevention.
This approach improves user experience, reduces operational costs, and enables faster, scalable onboarding. Overall, it delivers a secure, compliant, and self-service verification process for businesses and users.
0
158
Branding & Web Design Studio
Product manager + designer, marketplace expert
Product manager + designer, marketplace expert
Building full websites based on your design vision
Building full websites based on your design vision
View more →