Portfolio Personal Branding Web App

وب‌سایت شخصی میلاد وروایی

طراحی هویت بصری و وب‌سایت پورتفولیو برای Senior Android Developer با تمرکز بر سادگی و پرفورمنس

پورتفولیو میلاد وروایی

نگاهی کلی به پروژه

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

چالش‌های پروژه

مهم‌ترین چالش در طراحی این پورتفولیو، نمایش حجم زیادی از اطلاعات فنی (تکنولوژی‌ها، تایم‌لاین کاری و پروژه‌ها) بدون شلوغ کردن صفحه بود. همچنین نیاز بود که:

  • سایت حس یک اپلیکیشن Native را القا کند (با توجه به تخصص کارفرما).
  • دسترسی به مقالات و راه‌های ارتباطی بسیار سریع باشد.
  • رابط کاربری با المان‌های برنامه‌نویسی (مثل براکت‌ها و فونت‌های مونو) ترکیب شود.
  • پرفورمنس سایت برای نمایش جهانی (Load Time) بهینه باشد.
کدنویسی
طراحی رابط کاربری

راه‌حل ارائه شده

ما از یک طراحی تمیز (Clean Architecture) در ظاهر سایت استفاده کردیم تا با ذهنیت ساختاریافته‌ی یک مهندس نرم‌افزار همخوانی داشته باشد. ویژگی‌های کلیدی شامل:

تایم‌لاین تعاملی:

برای نمایش مسیر شغلی از سال ۲۰۱۷ تا امروز.

بخش مهارت‌های فنی:

دسته‌بندی دقیق مهارت‌ها (Kotlin, Jetpack Compose, MVI).

لینک‌دهی هوشمند:

اتصال مستقیم به گیت‌هاب و لینکدین برای بررسی کدها.

تم تاریک (Dark Mode):

الهام گرفته از محیط‌های IDE محبوب برنامه‌نویسان.

نمای ورک‌اسپیس
تمرکز بر محتوا و کد در طراحی نهایی

نتایج پروژه

این وب‌سایت اکنون به عنوان هاب مرکزی فعالیت‌های حرفه‌ای میلاد عمل می‌کند و نتایج زیر را داشته است:

  • ایجاد یک پرسونال برندینگ قوی و منسجم در سطح بین‌المللی.
  • سهولت در ارائه رزومه به شرکت‌های خارجی با ارسال تنها یک لینک.
  • نمایش حرفه‌ای مقالات تخصصی و پروژه‌های Open Source.

تکنولوژی‌های استفاده شده

HTML5 / CSS3 Firebase Hosting Responsive Design UI/UX Design