رفتن به محتوای اصلی
ویرا نوآفرین
بازگشت به آزمایشگاه مفهومیبرند و تجربه

برند و تجربه دیجیتال

ساختن هویتی که روی سربرگ و صفحه موبایل به یک اندازه خوب کار کند و در فارسی و انگلیسی همان برند بماند.

این یک نمونه مفهومی نوآفرین است و پروژه انجام‌شده برای مشتری نیست.

ماهیت نمونه
کانسپت داخلی نوآفرین
سناریوی کسب‌وکار
خدمات حرفه‌ای
سال
۲۰۲۶
حوزه‌ها
هویت برند، دیزاین‌سیستم، طراحی، توسعه
studio.vnh.design/home
BRAND / SYSTEM
ARTBOARD / WEB EXPERIENCE
SAVED

DESIGNING THE NEXT SIGNAL

هویت‌هایی که دیده و به‌خاطر سپرده می‌شوند.

NFORM / 01
SCROLL TO DISCOVER

نمونه تعاملی

سیستم برند را خودتان تغییر دهید

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

آزمایشگاه سیستم برندNOAFARIN / LAB
IDENTITY / 01
N

برندی که واضح حرف می‌زند

استراتژی هویت تجربهV/N

این محیط یک نمونه مفهومی قابل استفاده است. داده‌ها آزمایشی‌اند و به مشتری یا محصول واقعی اشاره نمی‌کنند.

ساختار سایت را بگردید

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

brand.example.ir/

صفحه اصلی

خانه برند

یک هویت که هم روی سربرگ کار کند و هم روی صفحه موبایل — و در فارسی و انگلیسی یکسان به نظر برسد.

۰۱

مسئله

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

۰۲

کشف

کار با یک سؤال ساده شروع می‌شود: مخاطب امروز برند را کجا می‌بیند؟ معمولاً پاسخ، امضای ایمیل، پروفایل شبکه اجتماعی و فاکتور است. بروشور در اولویت بعدی قرار می‌گیرد.

۰۳

استراتژی

هویت از کوچک‌ترین کاربرد به بزرگ‌ترین طراحی می‌شود، نه برعکس. اگر نشانه در ۱۶ پیکسل کار کند، در تابلو هم کار می‌کند.

۰۴

رویکرد

انتخاب قلم فارسی و لاتین هم‌زمان انجام می‌شود. دو قلم باید وزن بصری، ارتفاع x و حس یکسانی داشته باشند وگرنه دو زبان مثل دو برند به نظر می‌رسند.

۰۵

طراحی

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

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

۰۶

تکنولوژی

سیستم به‌صورت متغیرهای CSS پیاده می‌شود تا طراحی و کد از یک منبع بخوانند و با گذشت زمان از هم فاصله نگیرند.

۰۷

انتشار

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

۰۸

رشد

سیستم با اضافه‌شدن هر کاربرد جدید گسترش پیدا می‌کند و نسخه‌بندی می‌شود.

۰۹

نتایج

معیار موفقیت پیشنهادی

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

پروژه‌ای دارید که ارزش درست ساخته‌شدن دارد؟

شروع یک پروژه