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

تو این دوره چی یاد میگیریم ؟

هدف از برگذاری دوره آموزشی طراحی لندینگ پیج با المنتور ، در واقع آموزش کار با المان کانتینر ( Container ) در المنتور پرو هستش و در کنارش یه لندینگ پیج شرکتی رو طراحی میکنیم و اون رو ریسپانسیو میکنیم که یه دیزاین حرفه ای داشته باشیم.

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

تو این دوره نگاه کوتاهی هم به مبحث فلکس باکس ها ( Flex Box ) داریم و یه سری توضیحات کوتاه در رابطه با پراپرتی های فلکس بهتون میدم تا به یه آشنایی کلی از این موضوع برسید.

لندینگ پیج چیست ؟

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

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

پیش نیاز های این دوره آموزشی

این دوره به پیش نیاز خاصی نیاز ندارد و صرفا شما باید با وردپرس و همچنین المنتور آشنایی اولیه داشته باشید. در صورت بروز هرگونه مشکل یا سوال در مراحل میتوانید از طریق دایرکت در صفحه اینستاگرام طاووس وب با مربی این دوره به صورت مستقیم در ارتباط باشید.

منابع آموزشی

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

رفرنس بعدی صفحه فیگما رابط کاربری (UI) این لندینگ پیج هستش که میتونید طرح اصلی و ابعاد دقیق رو اونجا هم مشاهده کنید.

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

زیرعنوان نمونه برای این فصل

قسمت اول ویدئو

طراحی سربرگ اصلی و هدر