نسخه‌ی قدیمی · ۱۱/۲۰۲۰ تا ۱۲/۲۰۲۱

XStudio

استودیوی «خودتون طراحی کنین» بومرنگ؛ همونی که اون‌قدر بزرگش کردم که تموم نشد

نقش منساخت ماکاپ‌ها و رابط کاربری
XStudio
این عکس سایت عمومی مرتبطشه؛ عکس‌های خود محصول به‌زودی می‌آد

XStudio قرار بود استودیوی Boomerang برای مشتری‌ها باشه: جایی که هنرمندها فروشگاه خودشون رو باز کنن و هر کسی بتونه توی مرورگر یه تی‌شرت یا ماگ طراحی کنه و قبل از سفارش، یه پیش‌نمایش واقعی از محصول نهایی ببینه.

01

ادیتور طراحی

عکسش به‌زودی می‌آد

Boomerang برای کسب‌وکارهای دیگه چاپ می‌کرد. XStudio قرار بود در اون کارخونه رو روی بقیه هم باز کنه: هنرمندهایی که طرح خودشون رو می‌فروشن، و مشتری‌هایی که ایده‌ی خودشون رو می‌آرن. ایده‌ش از کدش قدیمی‌تره: اصلاً همین استودیو بود که شراکت ما با Boomerang رو شروع کرد.

هنرمند طرحش رو آپلود می‌کنه و فروشگاهش رو باز می‌کنه. مشتری یه تی‌شرت یا ماگ انتخاب می‌کنه، طرح رو می‌کشه و می‌ذاره سر جاش، و پیش‌نمایش خود محصول رو نشون می‌ده: چاپ همراه چین‌های پارچه تا می‌خوره و دور انحنای ماگ می‌پیچه. بعد سفارش می‌ره کارخونه که چاپ بشه.

اون‌قدر بزرگش کردم که تموم نشد. می‌خواستیم تی‌شرت‌ها چین داشته باشن و ماگ‌ها انحنا، و هر ذره واقعی‌تر شدن یعنی پردازش تصویر بیشتر و قابلیت بیشتر، تا جایی که دیگه از سرم زیاد بود. کرونا و چند تا چیز دیگه هم برای همیشه گذاشتنش کنار. موتور پیش‌نمایش و کاتالوگش مستقیم رفتن توی Boomerang. درسی هم که بهم داد همراهشون رفت: نسخه‌ی اول باید اون‌قدر کوچیک باشه که تموم بشه.

02

یه ماکاپ تیشرت که سیستم ساخته

عکسش به‌زودی می‌آد

03

ماکاپ ماگ، با همه‌ی انحناش

عکسش به‌زودی می‌آد

هیچ‌وقت عمومی نشد. تیکه‌هاش الان توی Boomerang دارن کار می‌کنن.

04

کاتالوگ محصولات

عکسش به‌زودی می‌آد

جزئیات فنی

یه API با Laravel و یه ادیتور Nuxt با لایه‌هایی که جابه‌جا می‌شن؛ هر پیش‌نمایش روی سرور با یه صفحه‌ی headless Chrome رندر و برای هر مدل محصول ذخیره می‌شد؛ آپلود تیکه‌تیکه برای فایل‌های طراحی بزرگ؛ ۷۴ مسیر API.

سرویس‌هایی که وصلن

  • Puppeteer
  • S3 / DigitalOcean Spaces
  • Docker / GHCR
  • GitLab CI