BASSAM
CREATIVE
DEVELOPER®
I’m Bassam — I design & build Awwwards-level websites, brands and WebGL worlds. This is bassam.xyz: my portfolio, playground and journal. No templates. Only custom, fast, memorable digital craft.
01 — About Bassam
Designer who codes.
Coder who designs.
Bassam.xyz started as a personal domain and grew into a one-man studio with a global network. For 9+ years I help founders and agencies turn vague ideas into sharp, high-converting digital products.
Founder • Design Engineer • Based everywhere
Hello, I'm Bassam. I obsess over details others ignore.
My name means “smiling” in Arabic — and I build websites that make people smile. I blend Middle-Eastern aesthetics, Swiss typography and futuristic interaction. From first sketch in Figma to last deploy on the edge, everything is hand-crafted.
Stack I love: TypeScript / Next.js / Three.js / GSAP / Tailwind / Sanity / Shopify / Webflow / Blender
Independent Studio bassam.xyz
Awwwards-winning sites for fintech, fashion, AI startups. Mentoring & open-source.
Senior Creative Developer — Agency
Led WebGL team, built 40+ campaigns, e-commerce with 3.2x conversion lift.
UI Designer → Front-end
Branding, landing pages, design systems. First FWA nomination.
02 — Selected Work 2023-2026
Work that wins clicks & awards
A mix of client work, experiments and passion projects. Every project is responsive, SEO-ready and under 1.2s LCP.
Lumen Pay — 3D Banking
Immersive onboarding + 42% activation. Awwwards Honorable Mention.
NOOR Atelier — Editorial Shop
Headless commerce, lookbook WebGL. 3.1x revenue after relaunch.
MindMesh — AI Landing System
Design system + marketing site that raised $4M seed.
Bassam’s Table — Restaurant Brand
Naming, logo, packaging & mouth-watering one-pager.
03 — Services
What I can do for you
Creative Websites
Awwwards-style marketing sites, landings, portfolios that load fast and convert.
- Next.js / Astro
- GSAP Scroll storytelling
- CMS + SEO setup
WebGL & Motion
Three.js scenes, shaders, 3D product viewers, cursor magic and page transitions.
- Three.js / R3F
- Shaders & particles
- Lottie / Rive
Brand Identity
Logos, type, colors and guidelines with an Arabic-modern twist named Bassam.
- Logo + guidelines
- Art direction
- Social kit
UI/UX & Systems
Research, wireframes, Figma systems that devs actually love to implement.
- Audit & UX flow
- Design system
- Prototyping
E-commerce
Shopify & headless stores with editorial feel and checkout that sells.
- Shopify / Medusa
- CRO & speed
- Subscriptions
Content & SEO
Copy, blog engine like this journal, technical SEO and analytics.
- Blog / journal
- Core Web Vitals
- Analytics
04 — Process
From idea to launch in 4 steps
Transparent, async-friendly, no endless meetings. You always know what happens next.
Discover
45-min call, audit, moodboard, sitemap & fixed quote in 48h.
Design
Figma concepts, typography, motion tests. You comment live.
Build
Pixel-perfect code, CMS, animations, speed & SEO optimization.
Launch & Grow
Deploy, analytics, A/B tests, 30 days free support.
One desk, two monitors, infinite curiosity
I work in deep sprints, share Loom updates daily, and keep Figma + GitHub always open for clients. No black box.
Fast is a feature. Beauty is a function.
If a site is beautiful but slow, it failed. If it’s fast but boring, it’s forgotten. Bassam.xyz aims for both: memorable + measurable.
“Bassam rebuilt our landing in 3 weeks. Conversion jumped 68%. The WebGL hero alone got us featured on three galleries.”
— Sara L., Fintech founder
Lumen Pay
“Rare combo: taste of a designer, rigor of an engineer. Communication was async, fast and fun. Will hire again.”
— Jonas M., Agency producer
Studio Nord
05 — Journal / News
Fresh from the lab
Tutorials, case studies, experiments and thoughts on design engineering. Click any card to open the full story — each has its own SEO-friendly page.
Journal is brewing — first stories drop this week
Meanwhile explore work and about. Subscribe via contact form to get notified.
WebGL experiments, shader notes & speed guides
How to get 100 Lighthouse with heavy animation? I’ll show exactly how.
What does bassam.xyz mean?
It’s my personal creative domain. Bassam is my first name (Arabic for “one who smiles”). .xyz signals experimentation — perfect for a lab-portfolio hybrid.
Are you available for freelance?
Yes — I take 1-2 projects per month. Best to book 2-3 weeks ahead via the contact section below.
Do you work with agencies white-label?
Absolutely. 60% of my work is white-label WebGL and front-end for studios in EU, US and UAE.
06 — CONTACT • RESPONSE IN 24H
Have an idea? Let’s make it unforgettable.
Tell me about your project — budget, timeline, references. I’ll reply with ideas + fixed quote. No spam, no pressure.