He turns ideas into real things. Apps, games, websites and 3D worlds with AI inside. He designs the experience, then builds it himself. Remote, for clients worldwide.
A is out showing people around.A delivered your message and is resting in the logo up top.
Who he is
Most projects pass through five people: a designer, a front-end developer, a back-end developer, a 3D artist and a motion designer. Yours passes through one, so nothing gets lost between them.
Selected work
A 3D training simulator with an AI instructor, an AI study companion built for his little brother, a wedding film for real clients, the site you are on, and a real garage's brand with a website concept. Each one is labelled and opens into a case study: the brief, the six steps, and the result.
3D safety training with an AI instructor watching every move.
A self-initiated showcase: trainees rehearse forklift crossings, blocked routes and unsafe zones without any risk. The instructor corrects them in context, and every session ends with a report of what they saw, did and missed.
An AI study buddy he built for his little brother.
Every evening Rayan explains his lesson, and the AI scores it with quotes from his own words and catches recitation. Yassine, far away, finally knows what was understood.
A wedding site told like a short film.
The couple's story plays scene by scene as you scroll, and the practical details wait until the story has done its work. Guests actually finished it.
This site. The A from the logo is the tour guide.
A character drawn and animated entirely in code. It reads each page, wears a costume for every project, answers questions and drags the page transition across the screen.
A real garage's brand identity, and a website concept to match.
The logo, business cards, brochure and flyers were designed for the real shop. The website is his concept of where the brand goes next: one action up front, booking a repair.
The playground
Press a button and A demonstrates. Everything on this stage is drawn and animated in code, live in the page.
7 skills
Pick one below. A performs it on the stage, and this panel stays put so you can read what you are watching.
Skill 1 of 7
Every shape on purpose. The YA logo gets drawn stroke by stroke, then A climbs back into it.
For your project: a brand and an interface that feel like one thing, not a template.
Skill 2 of 7
First the flow, then the pixels. A wireframe becomes a real screen, and A tests the one button that matters.
For your project: people find what they came for, in one obvious step.
Skill 3 of 7
He builds what he designs. Each line of code changes A, live, as it is typed.
For your project: what you approve in design is exactly what ships.
Skill 4 of 7
Anticipation, flight, follow-through: the old animation rules that make things feel alive.
For your project: interfaces and stories that feel alive, without motion for its own sake.
Skill 5 of 7
Unity worlds and WebGL. A gets extruded into depth and turned in space.
For your project: training simulations, virtual spaces and product scenes people can walk around in.
Skill 6 of 7
Rules, feedback and a reason to try again. A shows you how, then it's your turn to make A jump.
For your project: serious games and training people actually finish.
Skill 7 of 7
AI wired into the product, so help shows up in context: a trainee asks, the assistant reads the scene and answers.
For your project: tutors, guides and assistants that react to what people actually do.
Questions
The questions people ask most, answered plainly. Click A any time for the short versions.
Yassine Amraoui is an independent creator who turns ideas into real, working products: apps, games, 3D and AI training simulations, immersive 3D and AI experiences, and websites. He designs the experience (UI/UX) and builds it himself, end to end, working remotely with clients worldwide.
Yes, that is the core of his work. He takes an idea from a first conversation to a working product: research and UX, interface design (UI), then the build itself, whether that is an app, a full-stack platform with an admin dashboard, a game, or an interactive experience. Because one person designs and builds it, the idea is not diluted across a team of handoffs.
Yes. He builds games and game-like experiences in Unity (C#) and for the browser: serious games for training and playful interactive pieces. Warehouse Safety Training is a 3D simulation with game mechanics and an AI instructor, and this portfolio hides a reflex game, Catch A, built in plain code.
Yes. Warehouse Safety Training, a self-initiated showcase, is a 3D Unity simulator where an AI instructor watches trainees and corrects them in real time, with a report after every session. The same AI-guide system also powers a walkable virtual museum of Ancient Greece and Rome.
Yes. He works fully remotely with clients worldwide. Projects run async-friendly with clear weekly checkpoints, and every stage from design to deployment is handled by one person, so nothing is lost in handoffs.
Anything that starts as an idea and needs to become a real, working thing: apps and full-stack platforms with admin dashboards, games and serious games, 3D and AI training simulations, immersive 3D and AI experiences (the Warehouse Safety Training showcase and its virtual museum), AI products (Edniv, a study companion he built for his younger brother), motion-driven storytelling sites (A Love Story in Motion, for real clients), brand identities (Auto Check, a real garage), and interactive experiences like this portfolio, hosted by an animated mascot.
Next.js, React and TypeScript for the web; Node.js, REST APIs and relational databases for back ends; GSAP, three.js and WebGL for motion and interactive 3D; Unity and C# for immersive experiences; and AI integration (LLMs, Convai conversational characters, scene-aware assistants) wired into products and 3D scenes.
Every project moves through six stages: Brief, Structure, System, Craft, Build and Shipped. The same person does every stage, from shaping the idea and the first research to the code that ships, so decisions made in design survive into the build.
A is the yellow stroke of Yassine's YA monogram. On this site it walks out of the logo and acts as his assistant: it introduces the work, wears a costume for each project, and answers questions. It is drawn and animated in code, live in the page, with no video and no plugins.
Email [email protected] with a short description of the project, or use the form on this page. You will get a reply with first questions and availability.
Start a project
A packs it into an email for Yassine. An app, a game, a 3D world, a website, or an idea that doesn't have a name yet.
Or write directly: [email protected]
AA · assistant
