01Lumen Atelier
An immersive, scroll-driven portfolio that lets architecture breathe.
Website & Motion
2026
( Creative Web Developer )
Available for new projects
Ansam Yaseen, Creative Web Developer
I design and build fast, responsive and animated websites that turn ideas into impactful digital products. Clean code, creative design, no compromises.
- Front-end
- Full-stack
- Motion
- Next.js
- React
- TypeScript
- Node.js
- Tailwind CSS
- GSAP
- Three.js
- WebGL
- Framer Motion
- PostgreSQL
- Headless CMS
- Figma
- Next.js
- React
- TypeScript
- Node.js
- Tailwind CSS
- GSAP
- Three.js
- WebGL
- Framer Motion
- PostgreSQL
- Headless CMS
- Figma
01Selected work
Selected work(06)
A few recent projects where design, code and motion came together. Each one started with a problem worth solving.
02About
About Ansam
I'm Ansam, a creative full-stack developer. I blend clean code with bold design to build fast, responsive and animated web experiences that turn ideas into products people remember.
ansam.config.ts
const ansam = { role: 'Creative Web Developer', focus: ['front-end', 'full-stack', 'motion'], loves: ['clean code', 'bold design'], currently: 'crafting the next launch', available: true}export default ansamFor me, a great website is where engineering meets art. I care about the details most people never consciously notice: how a heading settles into place, how quickly a page answers a tap, how a layout breathes on a small screen.
I work with founders, studios and brands from the first sketch to launch day, and I stay close long after. Whether it is a bold marketing site or a complex web app, the goal is the same: something that works beautifully and feels like a joy to use.
Performance first
Lean bundles, optimized media and instant interactions, measured from day one.
Motion with purpose
Animation that explains, guides and delights, never motion for its own sake.
Pixel-perfect craft
Typography, spacing and small details treated with the same care as the code.
Accessible by default
Semantic markup, keyboard support and contrast that works for everyone.
Toolbox
The tools I reach for most. Always learning, always curious.
- Front-end
- React
- Next.js
- TypeScript
- Tailwind CSS
- Vue
- Motion & 3D
- GSAP
- Framer Motion
- Three.js
- WebGL
- Lottie
- Back-end
- Node.js
- PostgreSQL
- Prisma
- REST & GraphQL
- Supabase
- Workflow
- Figma
- Storybook
- Vercel
- Headless CMS
- Playwright
03Services
What I do
From the first sketch to launch day, I cover the whole journey so your idea reaches the web exactly as you imagined it, only faster.
- 01
Creative front-end
Marketing sites, launches and landing pages built pixel-perfect from design, with motion that guides the eye instead of distracting it.
- Websites
- Landing pages
- Design systems
- 02
Full-stack web apps
Dashboards, booking flows, member areas and internal tools, with real databases, authentication and APIs behind clean, calm interfaces.
- Web apps
- APIs
- Dashboards
- 03
Motion & interaction
Scroll stories, micro-interactions, WebGL and 3D moments that make a brand feel alive while every page stays fast.
- Scroll stories
- WebGL & 3D
- Micro-interactions
- 04
Performance, SEO & accessibility
Core Web Vitals, semantic markup, structured data and accessible components, so your site ranks, loads in a blink and works for everyone.
- Audits
- Core Web Vitals
- WCAG
04Process
How we'll work together
A clear, collaborative process with no surprises. You always know what is happening and what comes next.
- Step 01
Discover
We start with your goals, audience and constraints. I map the content, the key journeys and what success looks like before a single pixel moves.
- Step 02
Design
Wireframes first, then high-fidelity screens with a motion language. You see real layouts early and shape them with feedback, not guesswork.
- Step 03
Build
Clean, typed, component-driven code. You get a live preview from the first week and watch the product come together in short, visible steps.
- Step 04
Launch & grow
Performance checks, SEO, analytics and a smooth handover. After launch I stay close for refinements, new features and support.
05Contact
Let's build something remarkable.
Have a project, an idea or just a question? Tell me a little about it and I will get back to you personally.
- 01Share your idea, goals and timeline
- 02We talk through scope on a short call
- 03You get a clear proposal and plan