حبابهای رضایت مشتری قهرمان
ناحیه تصویر قهرمان به برچسبهای شاخص کسبوکار بلادرنگ برای تکمیل اطلاعات ارزش مشتری نیاز دارد.
حبابهای شاخص رضایت، ROI و موارد دیگر با انیمیشنهای خروج بهصورت حلقه ظاهر میشوند.مهم:یک وبسایت سازمانی ممتاز بسازید. صفحه اصلی باید چشمانداز برند، قابلیتهای کسبوکار، ارزش مشتری و اطلاعات تماس را برجسته نماید.
مواد پذیرش
مواد پذیرش
موارد زیر الزامات طراحی و یادداشتهای پیادهسازی این پروژه را ثبت مینماید، جهت مرجع در بازبینی پذیرش توسط تیم پروژه.acceptance_materials.txt
01سبک بصری کلی را روشن و تمیز نگه دارید
02دکمههای اصلی به وضعیت قابلکلیک واضح نیاز دارند
03صفحه اصلی عناصر بصری مبتنی بر فناوری را حفظ میکند
04ماژولهای محتوا توسط کارتها حمل میشوند
05متن محوری باید قابلیت، سناریو و ارزش را پوشش دهد
06اعداد کلیدی برای تأکید بر ریتم صفحه بهکار میروند
07صفحات اصلی ورودی فراخوان به اقدام واضح را حفظ میکنند
08متن بدنه نه کوچکتر از 14px
09نوار ناوبری به بالای صفحه ثابت شده است
10هر تصویر به یک شرح زیر آن نیاز دارد
11line-height در 1.6 یکپارچه شده است
12Favicon تمامی اندازههای رایج را پوشش میدهد
implementation_notes.txt
01تصویر قهرمان باید همزمان تیم، رابط محصول و دامنه برند را ارائه دهد.
02سبک دکمهها در سراسر سایت یکپارچه باقی میماند، با شعاع گوشه ۱۲px.
03حرکت برای تقویت سلسلهمراتب بهکار میرود بدون تأثیر بر خواندن پایه.
04بخش داستانهای مشتریان اسلاتهای نمایش نتایج خود را حفظ میکند.
05چیدمان موبایل اولویت را به خوانایی متن ۱۴px میدهد.
06نوار ناوبری از position: sticky استفاده میکند و هنگام اسکرول پین میماند.
07ویژگیهای alt تصویر و شرحهای زیر تصاویر نباید حذف شوند.
یادداشتهای طراحی
ثبت اثرات بصری و تعاملی اولیه
موارد زیر قصد طراحی و پیادهسازی فعلی اثرات بصری و تعاملی اولیه را ثبت مینماید، جهت بازبینی طراحی و مرجع تکرار آینده.متن گرادیان رنگینکمانی هنگام هاور
عناوین و پیوندها به بازخورد بصری واضح در وضعیت هاور نیاز دارند.
گرادیان رنگینکمانی + هایلایت جارویی + چرخش فام + درخشش.انیمیشن بصری CTA جدا از ناحیه برخورد
دکمهها به بازخورد پویای قویتر هنگام هاور/کلیک نیاز دارند در حالی که ناحیه کلیک پایدار بماند.
لایه بصری با translateY انیمیت میشود در حالی که ناحیه برخورد در جای خود میماند.نوار ناوبری سبک شیشه مایع
ناوبری بالا به حس ماده نیمهشفاف با عمق لایهای نیاز دارد.
پسزمینه شیشهای backdrop-filter + هایلایت جارویی + انیمیشن شناور ظریف.حالت نورافکن چراغخاموش
حالت خواندن متمرکز فراهم میآورد که حواسپرتی بصری را کاهش میدهد.
ماسک تمامصفحه + شعاع نورافکن دنبالکننده نشانگر که ناحیه قابلرؤیت را کنترل میکند.نشانگر ماوس برند سفارشی Richify
شناخت برند را گسترش میدهد تا حرکت نشانگر با سبک بصری صفحه منسجم بماند.
نشانگر SVG برنددار + اثرات ذرات دنبالهدار.گالری سهبعدی WebGL در صفحه داستانهای مشتریان
صفحه داستانهای مشتریان به ناحیه نمایش سهبعدی فراگیر نیاز دارد.
ماتریس ذرات WebGL + تعامل ماوس + پنلهای پویا.الماس سهبعدی پاورقی و مارکی برند
پایین صفحه به ناحیه اختتام برند پایدار قابلرؤیت نیاز دارد.
الماس چرخان سهبعدی + مارکی برند + رنگهای پویا.تصویر تیم قهرمان با لوگوی برند تعبیهشده
تصویر قهرمان باید همزمان صحنه تیم و برند richify.net را ارائه دهد.
علامت برند richify.net در ناحیه صفحهنمایش لپتاپ تعبیه شده است.