سریع، از پایه
بودجهی کارایی از همان ابتدا توافق و در CI اعمال میشود. استریمینگ، کشِ لبه، نظم در تصاویر و جابهجایی چیدمانِ صفر، پیشفرضهای ما هستند نه هدفهای رؤیایی.
استودیوی مستقل وب — از 2021
آمادهی پروژههای جدید — فصل اول
وبِ فردا راهمین امروز،با سرعتِ اکنون میسازیم.
سریع. تمیز. بیتعارف حرفهای. از سایتهای بازاریابیِ متمرکز بر نرخ تبدیل تا تجربههای کاملاً تعاملی سهبعدی که با 60 فریم بر ثانیه در مرورگر اجرا میشوند.
Next.jsReact Three FiberTypeScriptWebGL / GLSLGSAPTailwind CSSNode.jsCore Web Vitalsدیزاین سیستمطراحی موشن
01 / استودیو
تیم کوچک. استانداردهای بیرحمانه.
واناوب استودیوی فشردهای است از مهندسان، طراحان و هنرمندان سهبعدی که از دیدنِ این صحنه خسته شدند: ایدههای زیبا که بهشکل سایتهایی کند و شکننده تحویل داده میشوند. پس کارمان را روی وعدهی عکس بنا کردیم: هر پیکسل آگاهانه، هر کیلوبایت موجه.
کدی مینویسیم که توسعهدهندهی بعدی از ما تشکر کند — سرتاسر تایپشده، کامپوننتی، مستند و بنچمارکشده. بعد آن را مقابل آدمهای واقعی میگذاریم و اندازه میگیریم چه اتفاقی میافتد. سایتِ سریع یک امتیاز تجملی نیست؛ خودِ محصول است.
- پروژهی تحویلشده
- 0+پروژهی تحویلشدهاز 2021
- میانهی امتیاز Lighthouse
- 0/100میانهی امتیاز Lighthouseکارایی، موبایل
- میانهی تأخیر تعامل
- 0msمیانهی تأخیر تعاملINP، صدک 75
- میانگین زمان تا انتشار
- 0 روزمیانگین زمان تا انتشاراز طراحی تا دیپلوی
کدِ تمیز، بدون استثنا
تایپاسکریپت سختگیر، کامپوننتهای کوچک و قابلترکیب، یک دیزاین سیستم واقعی و تست در جایی که ارزشش را دارد. انتشار، پایانِ زندگی یک کدبیس نیست؛ شروعش است.
کیفیتی که حس میشود
تایپوگرافی با ریتم، موشن با هدف و سهبعدی با دلیل. همین جزئیات است که یک قالب آماده را از یک برند جدا میکند.
نمونهکارها
سند، نه وعده.
چهار پروژه که گسترهی کارمان را نشان میدهد: نجاتِ نرخ تبدیل، یک کانفیگوراتور بلادرنگ، روایتِ داده و یک پورتفولیو. برای دیدنشان اسکرول کنید.
01فینتک · سری B2025
Halcyon
بازسازی اعتماد در 0.6 ثانیه
یک پلتفرم وامِ تحت نظارت، ثبتنامهایش را به صفحهی اصلیِ 4.1 ثانیهای و فرم هشتمرحلهای باخته بود. سطح بازاریابی و قیف آنبوردینگ را روی Next.js از نو ساختیم، مدل محتوا را روی لبه کش کردیم و فرم را نصف کردیم.
- LCP در موبایل
- 0.6sLCP در موبایل
- شروع درخواستها
- +38%شروع درخواستها
- زمان تا اولین استعلام
- −71%زمان تا اولین استعلام
ساخت پلتفرمطراحی قیفکشِ لبهآنالیتیکس
شروع چیزی شبیه به اینNext.jsTypeScript · Sanity · Vercel Edge · Playwright
02سختافزار مصرفی2025
Ostrom
کانفیگوراتور سهبعدی که روی گوشی 2019 هم اجرا میشود
چهار نسخه محصول، دوازده رنگبندی و یک شرط سخت: باید روی اندروید میانرده فوری حس میشد. کانفیگوراتوری با WebGL و شیدرهای دستنویس ساختیم، بدون هیچ مدل دانلودی — همهی متریالها در زمان اجرا ساخته میشوند.
- دانلود فایل
- 0 KBدانلود فایل
- اندروید میانرده
- 60 fpsاندروید میانرده
- نرخ افزودن به سبد
- +24%نرخ افزودن به سبد
Three.js / R3FGLSL سفارشیUX محصولبودجهی کارایی
شروع چیزی شبیه به اینReact Three FiberGLSL · Next.js · Sentry
03فناوری اقلیمی2024
Verdant
خوانا کردنِ یک دهه داده
یک تیم تحلیل اقلیمی میخواست پژوهششان در برخورد با غیرمتخصصها هم دوام بیاورد. یک اسکرول روایی طراحی کردیم که یازده سال دادهی انتشار را باز میکند و بعد آن را بهصورت سایتی استاتیک منتشر کردیم که همهجا زیر یک ثانیه بالا میآید.
- دادهی بهتصویرکشیدهشده
- 11 yrsدادهی بهتصویرکشیدهشده
- Lighthouse، هر چهار معیار
- 100Lighthouse، هر چهار معیار
- میانگین زمان مطالعه
- 3.4×میانگین زمان مطالعه
روایت دادهدیزاین سیستمتولید استاتیک
شروع چیزی شبیه به اینNext.jsD3 · GSAP · Cloudflare
04دفتر معماری2024
Cassia Studio
پورتفولیویی که مثل یک ساختمان رفتار میکند
برای دفتری که کارش ذاتاً فضایی است، یک شبکهی تصویر کوچک هرگز جواب نمیداد. پورتفولیویی ساختیم که با حرکت شما کارگردانی میشود و پروژهها همانطور که پیش میروید کنار هم مینشینند — بههمراه یک CMS هدلس که استودیو کاملاً خودش اداره میکند.
- از بریف تا انتشار
- 14 daysاز بریف تا انتشار
- کیفیت درخواستها
- +58%کیفیت درخواستها
- جابهجایی تجمعی چیدمان
- 0جابهجایی تجمعی چیدمان
هدایت هنریطراحی موشنهدلس CMS
شروع چیزی شبیه به اینNext.jsScrollTrigger · Sanity · Lenis
گالری
هر سایتی که میسازیم، روی یک دیوار.
همان چهار پروژه، این بار در قالب خودِ سایتها. اسکرول کنید و دیوار را قدم بزنید؛ قابی که به جلو میرسد همان است که شرح پایین دربارهٔ آن است. همهٔ پیشنمایشهای این بخش در مرورگر شما کشیده میشوند — یک تصویر هم در کار نیست.
اسکرول کنید تا دیوار بچرخد
01 / 04
Halcyon
فینتک · سری B · 2025
02 / خدمات
کاری که میکنیم، و درست انجامش میدهیم.
شش تخصص، یک تیم، بدون واسطه. دامنهی هر پروژه طوری بسته میشود که مسئولیت نتیجه از اولین طرح تا مانیتورینگ پروداکشن با ما باشد.
01
طراحی و توسعهی وبسایت
سایتهای بازاریابی، پلتفرمهای سازمانی و رونمایی محصول، همه روی Next.js. چیدمانهای ادیتوریال، دیزاین سیستم اختصاصی و مدل محتوایی که تیم خودتان بتواند اداره کند.
- Next.js و React
- هدلس CMS
- دیزاین سیستم
- سئو و دسترسپذیری
02
سهبعدی و WebGL بلادرنگ
صحنههای سهبعدی مبتنی بر اسکرول، کانفیگوراتور محصول، پسزمینههای مولد و کار روی شیدر — همگی با GLSL دستنویس که روی گوشی میانرده هم روان میماند.
- Three.js و R3F
- GLSL سفارشی
- کانفیگوراتور محصول
- بودجهی 60fps
03
مهندسی کارایی
پروفایل میگیریم، عیب را پیدا میکنیم و بازسازی میکنیم. استریمینگ، کش، جراحی باندل و کار روی مسیر رندر، که Core Web Vitals را به منطقهی سبز میبرد و همانجا نگه میدارد.
- Core Web Vitals
- تحلیل باندل
- کشِ لبه
- بودجه در CI
04
طراحی محصول و رابط کاربری
رابطهایی که بر اساس محدودیتهای واقعی طراحی میشوند: حالتها، موشن، حالتهای خالی، حالتهای خطا و آن پانزده حالت لبّهای که کسی در بریف ننوشته بود.
- معماری UX
- سیستم UI
- پروتوتایپ
- مشخصات موشن
05
تجارت الکترونیک و نرخ تبدیل
فروشگاهها و مسیرهای پرداخت حول یک سؤال ساخته میشوند: چه چیزی کلیک بعدی را بدیهی میکند؟ بعد با آزمایش اثبات میشود، نه با نظر شخصی.
- هدلس کامرس
- UX پرداخت
- تست A/B
- آنالیتیکس
06
موشن و میکروتعامل
کارگردانی اسکرول، ترنزیشن بین صفحات و واکنشهای کوچکی که رابط را زنده نشان میدهند — همه با احترام به تنظیم کاهش حرکت کاربر.
- GSAP و ScrollTrigger
- ترنزیشن صفحه
- میکروتعاملها
- سازگار با دسترسپذیری
03 / آزمایشگاه 3D
بله — ما واقعاً سهبعدی کار میکنیم.
هر چیزی که در این صحنه میبینید در مرورگر خودتان ساخته میشود: شیدرهای دستنویس، محیطی که نورپردازیاش بهصورت رویهای تولید میشود و صفر مدل دانلودی. بچرخانیدش. این همان خط تولیدی است که برای کانفیگوراتورهای محصول و سایتهای رونمایی تعاملی استفاده میکنیم — با بودجهی فریم مشخص.
چرخش خودکار
برای چرخش بکشید
- دانلود مدل
- 0 KB
- نرخ فریم هدف
- 60 fps
- رندرر
- WebGL2
- شیدرهای سفارشی
- GLSL
04 / فرآیند
چهار مرحله. بدون غافلگیری.
- 01هفتهی 1
کشف
هدفها، مخاطب، رقبا و محدودیتها را نقشهبرداری میکنیم. پیش از نوشتن حتی یک خط کد، اسکوپ مکتوب، نقشهی سایت، بودجهی کارایی و زمانبندی قطعی را تحویل میگیرید.
- بریف و اسکوپ
- نقشهی سایت
- بودجهی کارایی
- زمانبندی
- 02هفتههای 1 و 2
طراحی
هدایت هنری، تایپوگرافی و چیدمان در یک پروتوتایپ زنده و واکنشگرا — نه یک ماکآپ ثابت. خودِ محصول را در مرورگر و روی دستگاه خودتان بررسی میکنید.
- هدایت هنری
- دیزاین سیستم
- پروتوتایپ
- مشخصات موشن
- 03هفتههای 2 تا 4
ساخت
کامپوننتهای تایپشده، مدل محتوای هدلس و — جایی که ارزشش را داشته باشد — سهبعدی. انتشار هفتگی روی staging تا پیشرفت را ببینید، نه اینکه منتظر یک رونمایی آخر کار بمانید.
- کتابخانهی کامپوننت
- راهاندازی CMS
- سهبعدی / WebGL
- انتشار روی staging
- 04مستمر
انتشار و پرداخت
پشت مانیتورینگ و آنالیتیکس منتشر میکنیم و بعد بر اساس رفتار واقعی بهینهسازی میکنیم. تحویل شامل مستندات، ویدیوی ضبطشدهی راهنما و 30 روز پشتیبانی است.
- انتشار
- آنالیتیکس
- مستندات
- 30 روز پشتیبانی
05 / ابزارها
در جاهای مهم، خستهکننده.
ابزارهای بالغ با افق پشتیبانی طولانی را انتخاب میکنیم و فقط وقتی تجربه واقعاً ایجاب کند سراغ فناوریهای لبهی روز میرویم.
هسته
- Next.js
- React 19
- TypeScript
- Node.js
- Tailwind CSS
سهبعدی و موشن
- Three.js
- React Three Fiber
- GLSL / WebGPU
- GSAP
- Blender
پلتفرم
- Vercel
- Cloudflare
- Sanity
- PostgreSQL
- GitHub Actions
کیفیت
- Playwright
- Vitest
- Lighthouse CI
- axe-core
- Sentry
06 / آدمها
عمداً تیم کوچک.
نه اکانت منیجر، نه بازیِ تلفنِ بیسیم بین سه آژانس. مستقیم با کسانی حرف میزنید که کد را مینویسند و تصویرها را میکشند.
AN
علیرضا نقوی
مؤسس مشترک و مهندس ارشدواناوب را مشترکاً راه انداخت و هنوز بیشترِ چیزی را که منتشر میشود خودش مینویسد. طراحیهای جسورانه را به سیستمهای سریع و تایپشده تبدیل میکند — و بودجهی کارایی را خودش تعیین میکند و بعد باید به آن برسد.
Next.js · کارایی · معماریGitHub
AV
عباس وزیری
مؤسس مشترکجهت استودیو را تعیین میکند و به هر پروژهای که میپذیریم نزدیک میماند. واناوب را مشترکاً با این باور لجوجانه راه انداخت که کیفیت و سرعت، معاملهی دو سر باخت نیستند.
جهتگیری · شراکتها · استراتژی
SM
سارا محرابی
مدیر خلاقیتیک پاراگراف جایگاهیابی را به زبان بصری تبدیل میکند. وسواس دارد روی شبکهها، مقیاس تایپ و دقیقاً همان خاکستریِ پسزمینه.
هدایت هنری · تایپوگرافی · برند
DO
دانیال اوکافور
توسعهدهندهی سهبعدی و WebGLزندگیاش در کد شیدر است. صحنههایی میسازد که گران به نظر میرسند و باز هم روی گوشی سال 2019 زیر یک ثانیه بالا میآیند.
Three.js · GLSL · شبیهسازی
MT
مینا طباطبایی
مهندس فرانتاند و موشنباور دارد موشن باید چیزی را توضیح دهد. هر انیمیشنی که منتشر میکند مسیر کاهش حرکت و دلیلی برای وجود داشتن دارد.
React · GSAP · دسترسپذیری
LF
لوکا فراری
پلتفرم و DevOpsدیپلوی را خستهکننده و بازگشت به عقب را فوری میکند. اگر ساعت سه بامداد چیزی بشکند، خودش خبر دارد، چون هشدار اول به او رسیده است.
لبه · CI/CD · رصدپذیری
RF
روزا فرهادی
طراح محصولبا کسانی که واقعاً از محصول استفاده میکنند مصاحبه میکند و بعد برای همان حالتهای لبّهای طراحی میکند که بقیه رد میشوند.
UX · پژوهش · پروتوتایپ
07 / سیگنال
شرکا چه میگویند.
سایت بازاریابی ما را در سه هفته از نو ساختند و میانهی زمان لود را از 4.1 ثانیه به 0.6 ثانیه رساندند. ترافیک ارگانیک هم پشتش آمد. کدبیسشان تمیزترین چیز در کل استَک ماست.
کانفیگوراتور سهبعدی محصول خواستیم و انتظار داشتیم جایی روی کارایی کوتاه بیاییم. هر دو را گرفتیم — و روی اندرویدهای قدیمیتر هم روان اجرا میشود.
حرفهایترین بخش کار، تحویلش بود: مستندات، ویدیوی راهنما، داشبوردهای مانیتورینگ. تیم داخلیمان روز دوم اولین قابلیت را منتشر کرد.
پرسشها
چیزهایی که همه اول میپرسند.
اگر سؤالتان اینجا نیست، مستقیم بپرسید — پاسخ صریح میگیرید، حتی اگر پاسخ نه باشد.
با یک بریف کوتاه و مکتوب: چه چیزی میسازید، برای چه کسی، موفقیت چه شکلی است و محدودیتهای زمانی و بودجهایتان چیست. ظرف یک روز کاری با یک پیشنهاد یا پاسخ صادقانهی «ما گزینهی درستی نیستیم» جواب میدهیم. جلسهی اول 30 دقیقه و رایگان است.
یک سایت بازاریابی متمرکز معمولاً بین 8 تا 25 هزار دلار میافتد. یک پلتفرم با CMS، دیزاین سیستم اختصاصی و کار سهبعدی معمولاً بین 25 تا 60 هزار دلار. اسکوپ را بهصورت قیمت قطعی و بر اساس فهرست مکتوب تحویلدادنیها میبندیم، پس عدد جابهجا نمیشود مگر اسکوپ جابهجا شود.
چهارده روز برای یک سایت کوچک، سه تا شش هفته برای یک پروژهی معمول و برای پلتفرمها و کارهای سهبعدی بیشتر. هفتهی اول آدرس staging را میگیرید و بعد از آن هر هفته انتشار داریم، پس هیچوقت منتظر رونمایی بزرگِ آخر کار نمیمانید.
گاهی بله. سهبعدی وقتی جای خودش را باز میکند که چیزی را توضیح دهد که عکس نمیتواند — محصولی قابل شخصیسازی، یک مفهوم فضایی، یک تغییر در طول زمان. وقتی فقط تزئینی باشد، همان را میگوییم و پیشنهاد میکنیم بودجه به تایپوگرافی، عکاسی و سرعت برود.
بله، و معمولاً خوب جواب میدهد. میتوانیم فرانتاند را رهبری کنیم، دیزاین سیستمی بسازیم که تیم خودتان نگهداریاش کند، یا صرفاً بهعنوان متخصص کارایی و سهبعدی روی استَک فعلیتان کار کنیم. هر چیزی که تحویل میدهیم تایپشده، مستند و با مهندسان شما بازبینیشده است.
مخزن کد، مستندات، یک ویدیوی راهنمای ضبطشده و 30 روز پشتیبانی را میگیرید. بعد از آن بیشتر مشتریان یک ریتینر ماهانهی کوچک برای بهینهسازی و مانیتورینگ نگه میدارند، اما هیچ اجباری نیست — کد مال شماست و بدون ما هم اجرا میشود.
کاملاً با شما، پس از پرداخت نهایی. هیچ فریمورک اختصاصی، هیچ هزینهی لایسنس و هیچ قفل میزبانی نگه نمیداریم. تنها قطعات مربوط به شخص ثالث، کتابخانههای متنبازی هستند که از همان اول اعلام میکنیم.
08 / تماس
بیایید چیزی بسازیم که ارزش لود شدن داشته باشد.
بگویید چه میسازید و چه چیزی سر راهتان است. ظرف یک روز کاری جواب میگیرید — از یک مهندس، نه از یک قیف فروش.