مسئله: توان تیم را در خود سایت نشان بدهیم
سپهرا باید هم خدمات طراحی و توسعه را معرفی کند و هم نمونه‌ای قابل تجربه از توان بصری تیم باشد. نام برند به آسمان‌ها اشاره دارد و نشان آن از ماه، خورشید، ستاره‌ها و دوازده برج الهام گرفته است. این هویت، مبنای روایت فضایی سایت شد.
محدودهٔ کار
طراحی هویت تجربه، رابط فارسی و راست‌به‌چپ، مدل سه‌بعدی قابل چرخاندن، سفر وابسته به اسکرول، نمایش نمونه‌کارها، فرم تماس و صفحهٔ محصول کافه و رستوران در این بازطراحی قرار دارند. این پروژه متعلق به خود سپهراست.
تصمیم اول: سفر از ابتدا تا پایان پیوسته بماند
صفحه با مدل آسمانی شروع می‌شود و با پیشرفت اسکرول از سیاره‌ها و کهکشان‌ها عبور می‌کند. محتوا در همان صحنه ظاهر می‌شود و پایان مسیر، ورود هنری به افق رویداد سیاه‌چاله و دعوت به همکاری است. این تصویرسازی، روایت برند است و شبیه‌سازی علمی فضای داخل سیاه‌چاله نیست.
تصمیم دوم: تعامل، مانع دسترسی به محتوا نشود
مدل با کشیدن موس و کلیدهای جهت قابل چرخاندن است. توقف حرکت و تنظیم کاهش حرکت دستگاه پشتیبانی می‌شوند. برای مرورگر فاقد امکان رندر سه‌بعدی، تصویر جایگزین وجود دارد؛ بدون JavaScript نیز محتوای اصلی و راه‌های تماس در دسترس‌اند.
تصمیم سوم: هزینهٔ جلوه‌ها را کنترل کنیم
به‌جای محاسبات سنگین تمام‌صفحه برای سیاه‌چاله، از هندسه و بافت جریان گاز استفاده شد. رندر مدل آغازین هنگام پنهان‌شدن متوقف می‌شود و صحنهٔ متوقف‌شده فقط برای تغییر لازم، مانند اسکرول، دوباره ترسیم می‌شود. این تصمیم‌ها برای حفظ تجربهٔ بصری با پردازش کمتر اتخاذ شدند.
چه چیزهایی بررسی شده‌اند؟
- ادامهٔ سفر تا قاب نهایی و بازگشت با اسکرول.
- چرخش مدل، توقف و ادامهٔ حرکت و رفتار کاهش حرکت.
- نمایش در موبایل و دسکتاپ، فیلتر نمونه‌کار و مسیر فرم تماس.
- شروع صفحه و رفرش بدون نمایش لحظه‌ای چیدمان قدیمی.
تست مرورگر و رندر، معادل آزمون همهٔ دستگاه‌ها نیست. در این مطالعهٔ پروژه، افزایش فروش، رشد ورودی گوگل یا نرخ تبدیل ادعا نمی‌شود؛ این نتیجه‌ها به دادهٔ واقعی پس از انتشار نیاز دارند.
این تجربه برای چه پروژه‌هایی مناسب است؟
برای برندهایی که روایت و نمایش توان بصری در تصمیم مشتری نقش دارد، تعامل می‌تواند بخشی از معرفی باشد. در صفحات خرید یا خدمات، دسترسی سریع به اطلاعات و اقدام اصلی همچنان مهم است. هر سایت به یک سفر تمام‌صفحه نیاز ندارد.