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 engagements that show the range: a conversion rescue, a real-time configurator, a data story, and a portfolio. Scroll to move through them.
01Fintech · Series B2025
Halcyon
Rebuilding trust at 0.6 seconds
A regulated lending platform was losing sign-ups to a 4.1s homepage and an eight-step application. We rebuilt the marketing surface and the onboarding funnel on Next.js, cached the content model at the edge, and cut the form in half.
- LCP on mobile
- 0.6sLCP on mobile
- Application starts
- +38%Application starts
- Time to first quote
- −71%Time to first quote
Platform buildFunnel designEdge cachingAnalytics
Start something like thisNext.jsTypeScript · Sanity · Vercel Edge · Playwright
02Consumer hardware2025
Ostrom
A 3D configurator that runs on a 2019 phone
Four product variants, twelve finishes, and one hard requirement: it had to feel instant on mid-range Android. We built a WebGL configurator with hand-written shaders and no downloadable models — every material is generated at runtime.
- Asset downloads
- 0 KBAsset downloads
- Mid-range Android
- 60 fpsMid-range Android
- Add-to-cart rate
- +24%Add-to-cart rate
Three.js / R3FCustom GLSLProduct UXPerf budgets
Start something like thisReact Three FiberGLSL · Next.js · Sentry
03Climate technology2024
Verdant
Making a decade of data legible
A climate analytics team needed their research to survive contact with non-experts. We designed a narrative scroll that unfolds eleven years of emissions data, then shipped it as a statically generated site that loads in under a second anywhere.
- Of data visualised
- 11 yrsOf data visualised
- Lighthouse, all four
- 100Lighthouse, all four
- Average read time
- 3.4×Average read time
Data storytellingDesign systemStatic generation
Start something like thisNext.jsD3 · GSAP · Cloudflare
04Architecture practice2024
Cassia Studio
A portfolio that behaves like a building
For a practice whose work is inherently spatial, a grid of thumbnails was never going to work. We built a scroll-choreographed portfolio where projects assemble as you move — plus a headless CMS the studio runs entirely on their own.
- Brief to launch
- 14 daysBrief to launch
- Enquiry quality
- +58%Enquiry quality
- Cumulative layout shift
- 0Cumulative layout shift
Art directionMotion choreographyHeadless CMS
Start something like thisNext.jsScrollTrigger · Sanity · Lenis
The gallery
Every site we ship, hung on one wall.
The same four engagements, this time as the sites themselves. Scroll to walk the wall — the frame that reaches the front is the one the caption describes. Every preview here is drawn in your browser; there is not a single screenshot in this section.
Scroll to walk the wall
01 / 04
Halcyon
Fintech · Series B · 2025
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.