Fast by construction
Performance budgets agreed up front, enforced in CI. Streaming, edge caching, image discipline and zero layout shift are defaults, not stretch goals.
Independent web studio — est. 2021
Available for new work — Q1
We build the webof tomorrow,at the speed of now.
Fast. Clean. Unmistakably professional. From conversion-focused marketing sites to fully interactive 3D experiences that run at 60fps in the browser.
Next.jsReact Three FiberTypeScriptWebGL / GLSLGSAPTailwind CSSNode.jsCore Web VitalsDesign SystemsMotion Design
01 / The studio
Small team. Unreasonable standards.
WanaWeb is a compact studio of engineers, designers and 3D artists who got tired of watching beautiful ideas ship as slow, brittle websites. So we built a practice around the opposite promise: every pixel intentional, every kilobyte justified.
We write code the next developer will thank us for — typed end to end, componentised, documented and benchmarked. Then we put it in front of real people and measure what happens. Fast sites are not a nicety; they are the product.
- Projects shipped
- 0+Projects shippedSince 2021
- Median Lighthouse score
- 0/100Median Lighthouse scorePerformance, mobile
- Median interaction latency
- 0msMedian interaction latencyINP, p75
- Average time to launch
- 0 daysAverage time to launchDesign to deploy
Clean code, no exceptions
Strict TypeScript, small composable components, a real design system and tests where they earn their keep. Shipping is the start of a codebase's life, not the end.
Craft you can feel
Typography with rhythm, motion with intent, 3D with a purpose. Details are what separate a template from a brand.
Selected work
Proof, not promises.
Four live sites that show the range: a portfolio one viewport tall, a Tehran café that opened in 1995, a halal drinks bar with a mixer of its own, and a sourdough bakery. Scroll to move through them.
01Personal portfolio
Alireza Naghavi
A portfolio one viewport tall
No pages and no document scroll: a single WebGL canvas is the entire site, and the document is exactly as tall as the window it is drawn in. Next.js streams the shell; three.js r182 renders everything inside it, frame by frame.
Real-time 3DSingle viewportPortfolio
Start something like thisNext.jsthree.js · WebGL
02Café · Valiasr St, Tehran
Café Godot
A quiet place to wait
A corner café on Valiasr Street, opened in 1995 and named after the man who never arrives: white facade, blue wooden doors, Beckett portraits above the chairs. The site makes the case in the house's own voice — the manifesto, the menu from caramel macchiato to San Sebastián cheesecake, a gallery of the room, table booking, and the 4.5 out of 5 its guests keep giving it.
ManifestoMenuGalleryTable booking
Start something like thisNext.jsReact · Tailwind
03Halal drinks bar · Tehran
Kafe Nooshin
Build your own flavour
A modern coffee house with no alcohol in it, and a mixer at the centre of the offer: choose the syrups, watch them settle into layers in the glass, add ice and a garnish, and take the name of your own signature drink. Forty-odd drinks on the menu, traditional Iranian flavours in most of them, and a door that stays open until 2am at the weekend.
Drink mixerMenuAbout usNewsletter
Start something like thisNext.jsReact · Tailwind
04Sourdough bakery · Karim Khan St, Tehran
Minus One
Real sourdough, from loaves to biscuits
A handmade bakery below street level on Karim Khan Street, worked with wild sourdough rather than commercial yeast: six categories and twenty-six products, from plain and seeded loaves to croissants, biscuits and fruit pies. The site is a shop as much as a menu — stock, prices, a cart — and it holds 4.8 from 1,267 reviews.
MenuCartCatalogueStorefront
Start something like thisNext.jsReact
The gallery
Every site we ship, hung on one wall.
The same four sites, this time as themselves. Scroll to walk the wall — the frame that reaches the front is the one the caption describes. Each screen is a real screenshot of the live site, captured at 1440px and hung on the wall as a texture.
Scroll to walk the wall
01 / 04
Alireza Naghavi
Personal portfolio
02 / Services
What we do, and do properly.
Six disciplines, one team, no handoffs. Every engagement is scoped so we can own the outcome from first sketch to production monitoring.
01
Website Design & Development
Marketing sites, corporate platforms and product launches built on Next.js. Editorial layouts, custom design systems and content models your team can actually run.
- Next.js & React
- Headless CMS
- Design systems
- SEO & accessibility
02
3D & Real-Time WebGL
Scroll-driven 3D scenes, product configurators, generative backgrounds and shader work — hand-written GLSL tuned to stay smooth on a mid-range phone.
- Three.js & R3F
- Custom GLSL
- Product configurators
- 60fps budgets
03
Performance Engineering
We profile, diagnose and rebuild. Streaming, caching, bundle surgery and render-path work that moves Core Web Vitals into the green and keeps them there.
- Core Web Vitals
- Bundle analysis
- Edge caching
- CI budgets
04
Product & Interface Design
Interfaces designed against real constraints: state, motion, empty states, error states and the fifteen edge cases nobody put in the brief.
- UX architecture
- UI systems
- Prototyping
- Motion specs
05
Commerce & Conversion
Storefronts and checkout flows engineered around one question: what makes the next click obvious? Then proven with experiments, not opinions.
- Headless commerce
- Checkout UX
- A/B testing
- Analytics
06
Motion & Micro-Interaction
Scroll choreography, page transitions and the small reactions that make an interface feel alive — all built to respect reduced-motion preferences.
- GSAP & ScrollTrigger
- Page transitions
- Micro-interactions
- A11y aware
03 / The 3D lab
Yes — we really do 3D.
Everything in this scene is generated in your browser: hand-written shaders, a procedurally lit environment, and zero downloaded 3D assets. Drag it. This is the same pipeline we use for product configurators and immersive launch sites — with a frame budget attached.
Auto-rotating
Drag to orbit
- Model downloads
- 0 KB
- Target frame rate
- 60 fps
- Renderer
- WebGL2
- Custom shaders
- GLSL
04 / Process
Four phases. No surprises.
- 01Week 1
Discover
We map goals, audience, competitors and constraints. You get a written scope, a sitemap, a performance budget and a fixed timeline before a single line of code exists.
- Brief & scope
- Sitemap
- Perf budget
- Timeline
- 02Weeks 1–2
Design
Art direction, typography and layout in a live, responsive prototype — not a static mockup. You review the real thing, in the browser, on your own device.
- Art direction
- Design system
- Prototype
- Motion specs
- 03Weeks 2–4
Build
Typed components, a headless content model and — where it earns its place — 3D. Weekly staging deploys so you can watch progress instead of waiting for a reveal.
- Component library
- CMS setup
- 3D / WebGL
- Staging deploys
- 04Ongoing
Ship & sharpen
We launch behind monitoring and analytics, then iterate on real behaviour. Handover includes documentation, a recorded walkthrough and 30 days of support.
- Launch
- Analytics
- Documentation
- 30-day support
05 / Toolkit
Boring where it counts.
We choose mature tools with long support horizons, and reach for cutting-edge ones only when the experience genuinely demands it.
Core
- Next.js
- React 19
- TypeScript
- Node.js
- Tailwind CSS
3D & motion
- Three.js
- React Three Fiber
- GLSL / WebGPU
- GSAP
- Blender
Platform
- Vercel
- Cloudflare
- Sanity
- PostgreSQL
- GitHub Actions
Quality
- Playwright
- Vitest
- Lighthouse CI
- axe-core
- Sentry
06 / The people
A small team, on purpose.
No account managers, no telephone game between three agencies. You talk directly to the people writing the code and drawing the artwork.
AN
Alireza Naghavi
Founder & Lead EngineerCo-founded WanaWeb, and still writes most of what ships. Turns ambitious design into fast, typed systems — and sets the performance budgets he then has to hit.
Next.js · Performance · ArchitectureGitHub
AV
Abbas Vaziri
FounderSets the studio's direction and stays close to every engagement we take on. Co-founded WanaWeb on a stubborn belief that craft and speed are not a trade-off.
Direction · Partnerships · Strategy
SM
Sara Mehrabi
Creative DirectorTurns a positioning paragraph into a visual language. Obsessive about grids, type scales and the exact grey of a background.
Art direction · Typography · Brand
DO
Daniyal Okafor
3D & WebGL DeveloperLives in shader code. Builds scenes that look expensive and still load in under a second on a phone from 2019.
Three.js · GLSL · Simulation
MT
Mina Tabatabaei
Frontend & Motion EngineerBelieves motion should explain something. Every animation she ships has a reduced-motion path and a reason to exist.
React · GSAP · Accessibility
LF
Luca Ferrari
Platform & DevOpsMakes deploys boring and rollbacks instant. If something breaks at 3am, he knows because the alert reached him first.
Edge · CI/CD · Observability
RF
Roza Farhadi
Product DesignerInterviews the people who will actually use the thing, then designs for the edge cases everyone else skips.
UX · Research · Prototyping
07 / Signal
What partners say.
They rebuilt our marketing site in three weeks and cut median page load from 4.1s to 0.6s. Organic traffic followed. The codebase is the cleanest thing in our stack.
We asked for a 3D product configurator and expected a compromise on performance. We got both — and it still runs smoothly on older Android devices.
The handover was the most professional part: documentation, a recorded walkthrough, monitoring dashboards. Our in-house team shipped their first feature on day two.
Questions
The things people ask first.
If your question is not here, ask it directly — you will get a straight answer, including a no.
With a short written brief: what you are building, who it is for, what success looks like, and your constraints around time and budget. We reply within one business day with either a proposal or an honest recommendation that we are not the right fit. First calls are 30 minutes and free.
A focused marketing site typically lands between $8k and $25k. A platform with a CMS, custom design system and 3D work usually falls between $25k and $60k. We scope as a fixed price against a written deliverable list, so the number does not move unless the scope does.
Fourteen days for a small site, three to six weeks for a typical engagement, longer for platforms and 3D. You get a staging URL in week one and weekly deploys after that, so you are never waiting for a big reveal at the end.
Sometimes. 3D earns its place when it explains something a photo cannot — a configurable product, a spatial concept, a change over time. When it is decoration, we will say so and recommend spending the budget on typography, photography and speed instead.
Yes, and it often works well. We can lead the front end, build a design system your team maintains, or act purely as a performance and 3D specialist on top of your existing stack. Everything we hand over is typed, documented and reviewed with your engineers.
You get the repository, documentation, a recorded walkthrough and 30 days of support. After that most clients keep a small monthly retainer for iteration and monitoring, but there is no lock-in — the code is yours to run without us.
You do, entirely, on final payment. We keep no proprietary framework, no licence fee and no hosted lock-in. The only third-party pieces are the open-source libraries we declare up front.
08 / Contact
Let's build something worth loading.
Tell us what you are building and what is getting in the way. You will hear back within one business day — from an engineer, not a sales funnel.