نمونه‌کار · زیرساخت رسانه
وب‌سایتی دوزبانه برای زیرساخت تحریریه‌های ایران
ASAM گروه مهندسی‌ای است که سرورها، شبکه‌ی توزیع محتوا و نرم‌افزار تحریریه‌ی بسیاری از سایت‌های خبری بزرگ ایران را اداره می‌کند. وب‌سایت جدید آن به فارسی و انگلیسی، در تم روشن و تیره و بر پایه‌ی کتاب برند خود ASAM طراحی شد.
مرور کلی
بریف
چالش
مشتریان ASAM مدیران فنی رسانه‌های خبری‌اند. آن‌ها هر ارائه‌دهنده را با پایداری، سرعت و روشنی توضیحش درباره‌ی زیرساختی که اداره می‌کند می‌سنجند.
محصولات ASAM از CMS تحریریه تا شبکه‌ی توزیع محتوا و پلتفرم ویدیو را در بر می‌گیرد. آن‌ها به سایتی نیاز داشتند که کل این مجموعه را برای خوانندگان فارسی‌زبان و شرکای انگلیسی‌زبان ساده و قابل‌فهم کند.
آنچه انجام شد
همه‌ی صفحات بر پایه‌ی کتاب برند ۲۰۲۴ و فایل‌های Figma خود ASAM طراحی شدند. نسخه‌ی انگلیسی از روی متن فارسی نوشته شد و همه‌ی کامپوننت‌ها در یک دیزاین سیستم برای هر دو تم مستند شدند.
- مشتری
- ASAM
- حوزه
- زیرساخت رسانه
- بازه‌ی زمانی
- ۲۰۲۶
- حوزه‌های خدمات
- وب
- وضعیت
- طراحی‌شده به فارسی و انگلیسی؛ در انتظار انتشار
- صفحه‌ی طراحی‌شده، هر کدام به فارسی و انگلیسی
- ۷
- تم برای هر صفحه، روشن و تیره
- ۲
- کامپوننت تطبیق‌داده‌شده از طراحی Figma
- ۴۳
- عرض صفحه‌نمایش که هر صفحه در آن بررسی می‌شود
- ۳
وب
۲ از ۵ سرویس
سایتی طراحی شد که یک زیرساخت فنی پیچیده را با کلمات ساده، به دو زبان و در دو تم توضیح می‌دهد.
-
طراحی وب‌سایت اختصاصی
سایتی که یک زیرساخت رسانه‌ای کامل را با کلمات ساده توضیح می‌دهد
درباره‌ی این سرویس: طراحی وب‌سایت اختصاصیهفت صفحه طراحی شد: صفحه‌ی اصلی، صفحه‌ی محصول ASAM CMS، مشتریان، تیم، قیمت‌ها، درباره‌ی ما و تماس. صفحه‌ی اصلی با یک وعده شروع می‌شود: سرورها، جهش‌های ترافیک و هشدارهای نیمه‌شب کار ASAM است و خبر کار تحریریه.
آبی برند ASAM تنها رنگ دکمه‌ها و اقدام‌هاست. «ناچ»، پله‌ای به شکل زبانه‌ی پوشه که از منحنی برند گرفته شده، شکلی است که همه‌ی کارت‌ها بر آن ساخته شده‌اند.
آنچه تحویل داده شد
- طراحی هفت صفحه، از صفحه‌ی اصلی تا تماس
- بخش‌های محصول، مشتریان و تیم، ساخته‌شده از کامپوننت‌های مشترک
- بررسی هر صفحه در عرض‌های ۳۶۰، ۷۶۸ و ۱۴۴۰ پیکسل، در هر دو تم
صفحه‌ی اصلی طراحی‌شده، به انگلیسی و در تم روشن، در عرض ۱۲۸۰ پیکسل. 
همان صفحه روی موبایل، تم روشن. 
و در تم تیره، که آبی برند نقش نور را دارد. -
نسخه‌ی انگلیسی
سایت انگلیسی هم‌تراز با نسخه‌ی فارسی
صفحات انگلیسی از روی متن فارسی و با یک بریف ترجمه و واژه‌نامه نوشته شدند تا لحن برند در هر دو زبان حفظ شود.
چیدمان برای خواندن از چپ به راست قرینه می‌شود. متن لاتین با فونت Manrope و متن فارسی با Vazirmatn نوشته می‌شود.
آنچه تحویل داده شد
- هفت صفحه‌ی انگلیسی در کنار هفت صفحه‌ی فارسی
- بریف ترجمه با قواعد لحن و واژه‌نامه
- کلید تغییر زبان در هر صفحه که همان صفحه را به زبان دیگر باز می‌کند
-
دیزاین سیستم
دیزاین سیستمی برای هر دو تم، با مستندات همه‌ی کامپوننت‌ها
۴۳ کامپوننت طراحی تیره‌ی ASAM در Figma با سایت روشن تطبیق داده شد و ۱۹ کامپوننتی که وجود نداشت ساخته شد. هر کامپوننت یک بار، به‌صورت زنده و با نام کلاس‌هایش، در تم روشن و تیره مستند شده است.
در تم تیره، آبی برند نقش نور را دارد. از یک گوشه می‌تابد و لبه‌ها را روشن می‌کند، در حالی که همه‌ی سطح‌ها رنگ تخت دارند.
آنچه تحویل داده شد
- کتابخانه‌ی زنده‌ی کامپوننت‌ها در تم روشن و تیره
- توکن‌های رنگ برای هر دو تم، با بررسی کنتراست متن در همه‌ی صفحات
- ۴۳ کامپوننت Figma تطبیق داده شد که ۱۹ تای آن‌ها تازه ساخته شدند
صفحه‌ی CMS در تم تیره. نور از یک گوشه می‌تابد و سطح‌ها تخت می‌مانند. -
ASAM قیمت CMS خود را بر اساس بازدید روزانه‌ی هر سایت تعیین می‌کند. ماشین‌حسابی بر همین اساس طراحی شد: یک سطح ترافیک انتخاب می‌کنید، هزینه‌ی ماهانه کنارش نمایش داده می‌شود و همه‌ی امکانات شامل‌شده زیر آن فهرست می‌شوند.
آنچه تحویل داده شد
- اسلایدری با شش سطح ترافیک، از ۱۰۰ هزار تا ۲ میلیون بازدید روزانه
- هزینه‌ی ماهانه در کنار سطح انتخاب‌شده
- طراحی قالب اختصاصی به‌عنوان یک گزینه‌ی جداگانه
ماشین‌حساب قیمت طراحی‌شده: یک سطح ترافیک انتخاب می‌کنید و هزینه‌ی ماهانه کنار آن نمایش داده می‌شود.
شروع پروژه
محصول پیچیده‌ای دارید که باید توضیحش دهید؟
بگویید چه می‌فروشید و چه کسی آن را می‌خرد تا سایتی طراحی شود که محصول شما را به هر زبانی که خریدارانتان می‌خوانند روشن توضیح دهد. ظرف دو روز کاری پاسخ می‌دهیم. اگر RFP رسمی دارید، آن را به [email protected] ایمیل کنید.