کانال تلگرام

بهترین صفحات فرودی که هرکس میتواند طراحی کند؟

تاریخ : ۲۵ شهریور ۱۳۹۹
نویسنده : آروین سعادت نیا
دسته بندی ها : طراحی وب

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

خب با مرور زمان دانش اولیه ای که باید از زبان های HTML و CSS بدست آوردم را یادگرفتم، اما به نتیجه ای که میخواستم نرسیدم. پس از آن در سال های اولیه دانشجویی، یادگیری جاوا اسکریپت را شروع کردم و خیلی زود توانستم پیشرفت کنم و به نتایج بهتری دست پیدا کنم.

LandingPageArt1

برای ایجاد صفحات شگفت انگیز فرود به چه چیزی نیاز دارد؟

برای من، برنامه نویسی سمت front یک استثنا است، یادگیری، درک و اجرای آن برای من دشوار نیست. برای ایجاد صفحات شگفت انگیز فرود ، مواردی باید روشن شود که سعی کردم در سه مرحله آنها را توضیح دهم.

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

چرا صفحات فرود از اهمیت بالایی برخوردار هستند؟

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

1. صفحه فرود محصول

Product landing Page

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

  • رنگ ها روشن بوده و به خوبی عمل میکنند
  • پیمایش در این صفحه روان طراحی شده است
  • این صفحه فرود دارای انیمیشنی نرم است

2. صفحه فرود برای نمونه کار

Portfolio Landing Page

یکی دیگر از صفحات فرودی که طراحی کردم برای نمونه کار های شماست، میتوانید این صفحه را در این مخزن بیابید. از ویژگی های این صفحه:

  • این صفحه دارای پس زمینه ای تاریک است
  • بزرگنمایی تصویر شگفت انگیز به نظر می رسد
  • انیمیشن Tween js به خوبی کار می کند
  • دارای دو دکمه واضح است

3. صفحه فرود ورزشی

Sports Landing Page

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

  • دارای عناوینی واضح و حداقل متن است
  • دارای طارحی تمیز و مرتب است
  • از افکت های MouseMove در آن استفاده شده است

4. صفحه فرود بازی

Gaming Landing Page

صفحه فرودی که مشاهده میکنید برمبنای بازی Call Of Duty طراحی شده است، میتوانید این صفحه را در این مخزن بیابید. از ویژگی های این صفحه:

  • ویدئو معرفی در این صفحه همه را به خود جذب میکند
  • متون متحرک تجربه بازی را ارائه میدهد
  • این صفحه دارای دو دکمه واضح برای دانلود است

5. صفحه فرود غذا

FoodLanging

Foodie صفحه فرودی مبتنی بر غذاهاست، میتوانید این صفحه را در این مخزن بیابید. از ویژگی های این صفحه:

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

در پایان

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

مقالات پیشنهادی

مشاهده همه مقالات
ثبت دیدگاه

برای ارسال دیدگاه لازم است ابتدا وارد سایت شوید