نانوژن ✦

آزمایشگاه نانوژن یک وب‌سایت قدیمی با رابط کاربری گیج‌کننده و سرعت پایین داشت. اطلاعات تحقیقاتی پیچیده به شکلی نامناسب نمایش داده می‌شد و هیچ انیمیشن تعاملی برای جذب بازدیدکننده وجود نداشت.

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

ما از رویکرد Glassmorphism برای ایجاد عمق و احساس مدرن بودن استفاده کردیم. پس‌زمینه سه‌بعدی با Three.js یک مارپیچ مولکولی در حال چرخش و ذرات شناور درخشان را به تصویر می‌کشد که حس فضای آزمایشگاهی را زنده می‌کند.

بخش‌های مختلف سایت مانند تجهیزات، مقالات و تیم تحقیقاتی با کارت‌های شیشه‌ای و انیمیشن‌های hover طراحی شدند. تمامی انیمیشن‌ها بهینه‌سازی شده‌اند تا حتی روی موبایل‌های میان‌رده نیز روان اجرا شوند.