Case Study پرسونال برند

سایت شخصی

طراحی وب‌سایت شخصی برای معرفی مرتضی ریاحی در نقطه اتصال توسعه فول‌استک، SEO/SEM، طراحی محصول، زیرساخت و گردش‌کارهای هوش مصنوعی؛ با تمرکز بر پیام روشن، مسیر انتخاب خدمات و تماس ساده.

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

اول باید معلوم می‌شد مخاطب کجا ایستاده است

morteza.ir قرار بود با یک نام شخصی شروع شود، اما فقط یک رزومه آنلاین نباشد.

مرتضی ریاحی در سایت خود با عنوان Full-Stack Developer & Senior SEO/SEM Strategist معرفی می‌شود و دامنه فعالیت او از طراحی UI/UX و توسعه تا DevOps، SEO/SEM، هوش مصنوعی و سیستم‌های رشد امتداد دارد. همین گستردگی، نقطه حساس پروژه بود.

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

گره اصلی روایت

مسئله پروژه

مسئله پروژه این نبود که چند عنوان حرفه‌ای کنار هم چیده شوند.

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

برای این پروژه، چند مسیر کنار گذاشته شد. شروع با تاریخچه کاری می‌توانست صفحه را کند کند. تمرکز روی یک مهارت، مثل توسعه یا سئو، تصویر واقعی دامنه خدمات را کوچک می‌کرد. نمایش انبوه تکنولوژی‌ها هم برای بخشی از مخاطبان نامفهوم بود.

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

قاب ابتدایی به جای توضیح، جهت می‌دهد

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

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

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

تصمیم دوم

خدمات به مسیر انتخاب تبدیل شدند

بعد از قاب ابتدایی، کاربر باید بتواند حوزه نیاز خود را پیدا کند.

در نسخه فعلی سایت، حوزه‌هایی مانند طراحی UI/UX، گردش‌کارهای هوش مصنوعی، توسعه فول‌استک، DevOps و زیرساخت، استراتژی SEO/SEM و سیستم‌های توسعه به‌عنوان ورودی‌های جداگانه دیده می‌شوند. این جداسازی برای سفر کاربر ارزش دارد.

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

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

دعوت به اقدام آرام نگه داشته شد

CTA در سایت شخصی باید حاضر باشد، نه مزاحم.

کاربری که هنوز در حال بررسی است، با «دیدن خدمات» جلو می‌رود. کاربری که مسئله مشخص دارد، می‌تواند مستقیم ایمیل بزند.

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

مرز شواهد

چه چیزهایی از خروجی قابل بررسی است

برای این کیس استادی، داده مستقلی درباره نتیجه تجاری، نرخ تبدیل یا عملکرد پس از انتشار ارائه نشده است.

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

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

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

اجزایی که تجربه نهایی را ساختند

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

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

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

خروجی‌های تحویل

  • طراحی پرسونال برند
  • معماری محتوای صفحه شخصی
  • چیدمان معرفی تخصص‌ها
  • طراحی CTA تماس و مشاهده خدمات
  • ساختار اعتمادسازی برای وب‌سایت شخصی
پروژه بعدی

خوانایی به‌جای انباشت تخصص

morteza.ir نشان می‌دهد سایت شخصی وقتی درست عمل می‌کند که مهارت‌ها را فقط ردیف نکند، بلکه بین آن‌ها معنا بسازد. این پروژه با یک پیام مرکزی، دسته‌بندی قابل فهم خدمات، قاب بصری انسانی و مسیر تماس کوتاه، تلاش می‌کند دامنه وسیع تخصص مرتضی ریاحی را به تجربه‌ای خوانا تبدیل کند.

مشاهده خدمات طراحی سایت