Abdellah Kachani / Creative developer · Morocco
Interfaces that
feel alive.
WebGL, motion and full-stack product work for studios and startups — designed, built and shipped by one developer, from first sketch to production.
Interfaces that
Chapter 01 / KachaniOS — Concept · The system
The interface learned
how to think.
A concept OS for an AI agent: thought becomes nodes, memory becomes structure, and complexity becomes calm.
Chapter 02 / Aura Pay — Concept · The feeling
Digital money found
a physical weight.
A fintech concept about how trust can feel tactile — titanium surfaces, spatial data and biometric moments that make finance immediate without making it loud.
Chapter 03 / Yalla China — Client project · The bridge
Design crossed language,
distance, and doubt.
A live platform in French, English and Arabic that guides Moroccan families toward studying in China — and turns visits into applications and WhatsApp conversations.
Chapter 04 / What comes next
The next line
is yours.
Scroll on for the work, the ways to work together, and how a project runs.
Creative DevelopmentWebGL & 3DMotion & InteractionProduct DesignFull-Stack EngineeringAI InterfacesCreative DevelopmentWebGL & 3DMotion & InteractionProduct DesignFull-Stack EngineeringAI Interfaces
React / Next.jsThree.js / WebGLTypeScriptSupabase / PrismaFigmaFR · EN · ARReact / Next.jsThree.js / WebGLTypeScriptSupabase / PrismaFigmaFR · EN · AR
Selected Work
Work that shipped,
thinking that lasted.
Two products in production, two concepts. Each keeps its own identity here — and each one you can touch.
012025·Client project · Live
Yalla China
From Morocco to a campus in China, step by step.
A trust-first platform in French, English and Arabic that guides Moroccan students and their families through a seven-step journey to studying in China — and turns visitors into applications and WhatsApp conversations.
Client projectFR · EN · AR + RTLLighthouse 96 mobile
Live · FR / EN / AR
Open ↗Maroc → Campus en ChineÉtape 01 / 07
Consultation
Un premier échange clair avec la famille.
ChongqingNanchangNingboHarbinXi'anChengdu
022024·Live product
FICAM Festival Platform
Vivez le cinéma — in your pocket.
The official companion app for the FICAM film festival: student registration, QR-code session validation, gamified progression and live rewards.
Next.jsSupabaseFull-Stack
Live appTry the scan flow
FICAM
Niv. 2Cinéphile130 / 200 XP
Séance · 14:30
Court-métrage
Salle Atlas
Présentez votre billet à l'entrée
QR validation · XP · levelsOpen the real app ↗
032026·Concept · Interactive prototype
KachaniOS
The interface that thinks.
An operating system for a self-evolving AI agent — routing, memory and verification made visible so people can read what the machine is thinking.
AI InterfacesProduct UXDesktop OS
kachani.osidle
042026·Concept · Interactive prototype
Aura Pay
Digital money with physical weight.
A spatial finance concept: a titanium card, biometric settlement in one gesture, and yield that routes itself — trust you can feel.
FinTech ConceptSpatial UIProduct Design
Balance
142 850,75 €
Aura.
•••• •••• •••• 8824
Titanium
A. KACHANI
09 / 29
Biometric · one gesture
07
Days to launch a business site
03
Languages shipped — FR · EN · AR
96/100
Lighthouse mobile score, client site
Visual Lab
Fragments from
the lab.
Five small experiments in how an interface should feel: type, signal, physics, tokens and gesture. Every one is live. Touch them.
Services
Ways to work
together.
Clear scopes with a fixed quote before anything starts. Studios can also bring me in white-label, by the day.
- 01
Landing page
One fast, memorable page for a launch or a campaign.
from
250€
- 01Design and build
- 02Motion and micro-interactions
- 0390+ Lighthouse score on mobile
- 04Delivered in 1–2 weeks
Most requested
02Product site
Everything in Landing page, grown into a multi-page site that explains the product and converts.
from
600€
- 01Up to 8 pages, multilingual
- 02Forms, analytics and SEO
- 03Admin or CMS integration
- 03
Creative build
WebGL, scroll stories and interactive product demos — like this site.
from
1,200€
- 01Three.js / WebGL scenes
- 02Scroll-driven storytelling
- 03A performance budget for phones
- 04Available white-label for studios
- — Studios and agencies: white-label and day-rate work available.
- — Payment: 50% upfront, 50% on launch.
Process
How a project
runs.
Four steps, one person from the first call to launch day.
Day 1
01Discovery call
A short call to understand the product, the audience and what the site has to achieve.
Week 1
02Design
A first visual direction for the key screens. You approve it before a line of code.
Weeks 1–3
03Build
The full site with motion, responsive down to small phones, tested on real devices.
Launch day
04Launch
Domain, analytics, a Lighthouse check and a handover. It's yours.
About
Computer engineer building the next
intersection.
Available — Nov 2026I'm Abdellah Kachani, a creative developer based in Agadir, Morocco, and a third-year computer engineering student at Polytechnique Agadir.
I design and build digital products end to end — from AI interfaces and full-stack platforms to cinematic WebGL experiences. I've shipped a trilingual platform for a study-abroad agency and a companion app for a film festival, and I'm drawn to problems where design and engineering collide.
What I do
- 01Creative Development
- 02WebGL & Motion
- 03Full-Stack Development
- 04AI Interfaces
- 05Product Design
Available — Nov 2026