طراحی گرافیک سایت استاد کت

  • طراحی گرافیک
  • 8 الگوی صفحه داخلی
  • پک فونت آیکن

معرفی پروژه:

موضوع این سایت دوره مجازی و فیلم آموزشی آنلاین می باشد.

گام های طراحی:

مواردی که برای طراحی این کار باید در نظر گرفته می شد:

  • دقت به جزئیات زیاد
  • استفاده از آیکن های کاربردی و قابل درک برای هر سطح از اطلاعات کاربران
  •  انتخاب رنگ دوم
  • رسمی و در عین حال جذاب بودن طرح

از آنجایی که این سایت ماهیت بصری دارد، چگونگی تطبیق عکس و متن مربوطه بسیار حائز اهمیت بود.
طرح مذکور بر اساس خواسته یاستادکت با رنگ تیره زمینه سازی شد.
هدر سایت شامل لوگو، سبد خرید، ثبت نام و ورود، منوی اصلی و شبکه های اجتماعی می باشد که برای چینش این عناصراینگونه اقدام شد: لوگو، سبد خرید و ثبت نام و ورود در یک ردیف و با زمینه ی کاملاً تیره و در ردیف بعد منو و شبکه های اجتماعی و دکمه جستجو با زمینه ای روشن تر از ردیف بالا.
بخش اول شامل اسلایدر اصلی می باشد که محتوای مهم در آن قرار می گیرد و فضای سمت چپ به تبلیغ ویژه اختصاص داده شد.
طراحی عنوان هر بخش به گونه ای است که هر بخش را از هر بخش دیگر به زیبایی مجزا می کند.
بخش آخرین آموزش ها به ۴ ستون تقسیم شده و هر دوره آموزشی در یک ستون با عنوان مختصر روی عکس قرار داده شد. همچنین قرار دادن دکمه ی مشاهده همه، امکان نمایش همه دوره ها به شکل لیست فراهم آورد.
بخش دیگر مربوط به آخرین پکیج ها به دو قسمت تقسیم شد که سمت راست پکیج جدید و سمت چپ پکیج های گذشته و در باکس های کوچک تر گنجانده شد روی هر کدام از پکیج ها آیکنی جهت نمایش فروشی بودن محصول قرار گرفت.
آخرین اخبار و گالری تصاویر نیز عنوان بخش آخر محتوای سایت می باشد که به همراه عکس، توضیح مختصر و نمایش تعداد کامنت با چینشی متناسب و کاربردی طراحی شد.
فوتر سایت نیز به شکل هدر آن از یک استایل استفاده شد تا محتوای اصلی بیشتر و بهتر نمایش داده شود و توجه هر چه بیشترِ کاربر جلب شود.

*نام این پروژه از پارسیان آموزش به استادکت تغییر داده شده است.

تصاویر دیگر پروژه: