একটি ল্যান্ডিং পেজ নিজেকে তৈরি করার সেরা উপায় কি? কীভাবে নিজেই একটি ল্যান্ডিং পৃষ্ঠা তৈরি করবেন: ধাপে ধাপে নির্দেশাবলী

একটি ল্যান্ডিং পেজ (ল্যান্ডিং পেজ) বা ল্যান্ডিং পেজ, ল্যান্ডিং পেজ তৈরি করা ব্যবহারকারীর পথকে আপনার কাঙ্খিত লক্ষ্যে যতটা সম্ভব সহজ করে তোলে। এই জাতীয় পৃষ্ঠাটি একজন ব্যক্তির মৌলিক প্রবৃত্তিকে প্রভাবিত করার জন্য ডিজাইন করা হয়েছে, তাকে লক্ষ্যযুক্ত ক্রিয়া সম্পাদন করতে উত্সাহিত করতে: ক্লিক করুন, কল করুন, অর্ডার করুন, "এখনই" কিনুন।

ল্যান্ডিং পৃষ্ঠাগুলি একটি নির্দিষ্ট পরিষেবার জন্য বিজ্ঞাপন প্রচারাভিযান পরিচালনা করার জন্য বা একটি অনন্য (কম) মূল্যের প্রস্তাবের পাশাপাশি প্রাসঙ্গিক বিজ্ঞাপন সিস্টেমগুলি Google AdWords, Yandex.Direct, সামাজিক নেটওয়ার্ক এবং ইমেল নিউজলেটারগুলি থেকে লক্ষ্য দর্শকদের আকর্ষণ করার জন্য সবচেয়ে উপযুক্ত:

ল্যান্ডিং পেজ কি?

ল্যান্ডিং পৃষ্ঠা হল একটি পৃথক পৃষ্ঠা যা এর জন্য ব্যবহৃত হয়:

• একটি নির্দিষ্ট পণ্য বা পরিষেবা বিক্রয়;
• একটি সাবস্ক্রিপশন বেস তৈরি করা।

একটি ল্যান্ডিং পৃষ্ঠা তৈরি করার সিদ্ধান্ত নেওয়ার পরে, আপনাকে অবশ্যই প্রয়োজনীয় প্রভাব ট্রিগারগুলি ব্যবহার করতে হবে যা ব্যবহারকারীকে দ্রুত সিদ্ধান্ত নিতে বাধ্য করে (একটি পণ্য কিনুন, ডিসকাউন্ট পেতে তথ্য লিখুন, একটি কোর্স করুন, ওয়েবিনার করুন ইত্যাদি)।

ব্যবহারকারীর দৃষ্টিকোণ থেকে, একটি ল্যান্ডিং পৃষ্ঠা হল সেই পৃষ্ঠা যেখানে তিনি কোনও তথ্যদাতা, ব্যানার, বিজ্ঞাপন পোস্ট ইত্যাদিতে ক্লিক করার পরে শেষ করেন। একটি ল্যান্ডিং পৃষ্ঠা একটি অনলাইন স্টোর থেকে মৌলিকভাবে আলাদা। একটি পণ্য বিক্রি করতে এবং একটি বিজ্ঞাপন প্রচার চালাতে, আপনি আপনার নিজস্ব পৃষ্ঠা তৈরি করুন এবং বিভিন্ন প্রভাব ট্রিগার ব্যবহার করুন৷

ল্যান্ডিং পৃষ্ঠার ধরন:

• স্বায়ত্তশাসিত. এটি ল্যান্ডিং পেজের সবচেয়ে সাধারণ ধরন। মূল কাজ হল ব্যবহারকারীকে পৃষ্ঠার দ্বারা সুপারিশকৃত একটি নির্দিষ্ট পদক্ষেপ ক্রয় বা গ্রহণ করতে উত্সাহিত করা;
• মাইক্রোসাইট। একটি ছোট, প্রায়ই পৃথক ওয়েবসাইট, একটি পণ্য বা পরিষেবা সম্পর্কে তথ্য ধারণকারী 5 পৃষ্ঠার বেশি নয়;
• প্রধান সাইট. একটি ল্যান্ডিং পৃষ্ঠার জন্য, এক বা একাধিক সংস্থান পৃষ্ঠা ব্যবহার করে;
• ল্যান্ডো ওয়েবসাইট। একটি সংস্থান যা সম্পূর্ণরূপে স্বাধীন ল্যান্ডিং পৃষ্ঠাগুলি নিয়ে গঠিত:

ল্যান্ডিং পৃষ্ঠার ধরন

• বিজ্ঞাপন. পরিষেবা সম্পর্কে প্রচুর পরিমাণে পাঠ্য, গ্রাফিক এবং ভিডিও তথ্য রয়েছে;
• ভাইরাল. বিজ্ঞাপনটি একটি নিবন্ধ বা খেলা হিসাবে ছদ্মবেশী হয়. এটি প্রায়ই ইমেল, সামাজিক নেটওয়ার্ক, চ্যাট জড়িত;
• টার্গেটেড লিড পেজ। লক্ষ্য দর্শকদের সম্পর্কে তথ্য সংগ্রহ করার জন্য ডিজাইন করা হয়েছে, একটি নিয়ম হিসাবে, তারা একটি ন্যূনতম তথ্য ধারণ করে।

একটি ভাল ডিজাইন করা ল্যান্ডিং পেজ দর্শকদের প্রকৃত ক্রেতাতে রূপান্তর বাড়াতে পারে।

কেন আপনি একটি ল্যান্ডিং পৃষ্ঠা প্রয়োজন?

একটি ল্যান্ডিং পৃষ্ঠার মূল উদ্দেশ্য হল বিক্রয়। ল্যান্ডিং পৃষ্ঠায় বিক্রয় পাঠ্য, একটি পণ্য বা পরিষেবার একটি উপস্থাপনা এবং একটি কল টু অ্যাকশন রয়েছে। ইন্টারনেটে একটি পরিষেবা বা পণ্য দ্রুত শুরু করার জন্য ল্যান্ডিং পেজ একটি চমৎকার টুল। ল্যান্ডিং পৃষ্ঠাগুলি আপনাকে গ্রাহক সংগ্রহ করতে এবং পরিষেবার জন্য অনুরোধ ইত্যাদির অনুমতি দেয়।

আপনি যদি আপনার পণ্য/পরিষেবা সঠিকভাবে উপস্থাপন করেন, একটি ভাল উপস্থাপনা করুন, শক্তি নির্দেশ করে এবং একটি ট্রাফিক প্রবাহ (সামাজিক নেটওয়ার্কে বিজ্ঞাপন, প্রাসঙ্গিক বিজ্ঞাপন ইত্যাদি) সেট আপ করুন, আপনাকে যা করতে হবে তা হল আপনার ক্লায়েন্টদের কাছ থেকে অ্যাপ্লিকেশন সংগ্রহ করা এবং বিক্রি করা। তাদের বিজ্ঞাপন পণ্য/সেবা।

ল্যান্ডিং পেজ ব্যবহার করার সুবিধা

পরিষেবা বা পণ্য অফার করে এমন নিয়মিত সংস্থান পৃষ্ঠাগুলির তুলনায় ল্যান্ডিংয়ের বেশ কয়েকটি সুবিধা রয়েছে:

• একটি নির্দিষ্ট দর্শক টার্গেটিং. ল্যান্ডিং পৃষ্ঠাটি এমন অনেক সিদ্ধান্তের প্রস্তাব দেয় না যা ব্যবহারকারীকে বেছে নিতে হয়, তবে একটি অনন্য অফার যা প্রতিরোধ করা কঠিন;
• উচ্চ রূপান্তর. পরিসংখ্যান অনুসারে, বিজ্ঞাপনের উদ্দেশ্যে ল্যান্ডিং পৃষ্ঠাগুলি ব্যবহার করে রূপান্তর 10-15% বৃদ্ধি করতে পারে;
• প্রদত্ত পণ্য/পরিষেবা সম্পর্কে সম্পূর্ণ তথ্য, কিন্তু অতিরিক্ত রূপান্তর এবং লিঙ্ক ছাড়াই;
• দর্শকদের পরিচিতি সংগ্রহ করার এবং সম্ভাব্য ক্লায়েন্টদের ডেটাবেস পুনরায় পূরণ করার ক্ষমতা, যাদেরকে আপনি পরবর্তী প্রচার/সুইপস্টেক সম্পর্কে তথ্য পাঠাতে পারেন;
• একটি ল্যান্ডিং পেজ তৈরির খরচ কম। এমনকি নবীন ব্যবসায়ীরাও একটি ল্যান্ডিং পৃষ্ঠা তৈরি করতে পারে, এইভাবে ইন্টারনেটে বিক্রি শুরু করার জন্য পণ্যের কুলুঙ্গি পরীক্ষা করে:

কোথায় এবং কিভাবে ল্যান্ডিং পেজ ব্যবহার করা হয়?

আপনি একটি ল্যান্ডিং পৃষ্ঠাকে একটি কর্পোরেট সংস্থানের অভ্যন্তরীণ বা প্রধান পৃষ্ঠা, একটি এক-পৃষ্ঠার ওয়েবসাইট, বা একটি সামাজিক নেটওয়ার্কের একটি পৃষ্ঠা তৈরি করতে পারেন৷ সম্প্রতি, এটি মূল পণ্যগুলির জন্য ক্রমবর্ধমান জনপ্রিয় (অফলাইন পৃষ্ঠা) হয়ে উঠেছে, এমন সময়ে যখন কোম্পানির ইতিমধ্যে একটি কর্পোরেট ওয়েবসাইট রয়েছে৷ আইনি এবং চিকিৎসা কোম্পানি, ব্যাঙ্ক, মোবাইল অপারেটর এবং আরও অনেকে এটি করে।

ল্যান্ডিং পেজ কোথায় ব্যবহার করা হয়?

• Yandex.Direct, Google AdWords, Begun-এ পে-টু-ক্লিক (PPC) সহ প্রাসঙ্গিক বিজ্ঞাপন ব্যবহার করে বিজ্ঞাপন প্রচারে। এই ক্ষেত্রে, ট্র্যাফিক মূল প্রশ্নের জন্য অপ্টিমাইজ করা ল্যান্ডিং পৃষ্ঠাগুলিতে পুনঃনির্দেশিত হয়;
• ব্যানার বিজ্ঞাপন প্রচারাভিযানে, গ্রাফিক উপাদান লক্ষ্য দর্শকদের জন্য পরিকল্পিত বিষয়ভিত্তিক সম্পদের উপর স্থাপন করা হয়. উদাহরণস্বরূপ, ইলেকট্রনিক্সের ক্ষেত্রে নতুন পণ্যের ব্যানার বিজ্ঞাপন আইটি প্রযুক্তির ক্ষেত্রে বিশেষজ্ঞদের জন্য বিভাগে নিউজ পোর্টালগুলিতে স্থাপন করা হয়;
• অবতরণ পৃষ্ঠার একটি লিঙ্ক ধারণকারী তথ্য এবং বিপণন চিঠির নিউজলেটারে. উদাহরণস্বরূপ, একটি অনলাইন স্টোরের নিউজলেটার যা ব্যবহারকারীর আগের কেনাকাটাগুলিকে বিবেচনা করে;
• ব্লগ প্রচারাভিযান পরিচালনা করা যেখানে ব্যবহারকারীকে রিসোর্সের ল্যান্ডিং পৃষ্ঠায় পুনঃনির্দেশিত করা হয়, যার মালিকের সাথে ব্লগার পূর্বে ব্যানার বিজ্ঞাপন, ডাক, এবং PR নিবন্ধ স্থাপনের জন্য একটি অংশীদারিত্ব চুক্তিতে প্রবেশ করে;
• সামাজিক নেটওয়ার্ক (VKontakte, Facebook, Twitter, ইত্যাদি) বা জনপ্রিয় মিডিয়া হোস্টিং সাইটগুলিতে (উদাহরণস্বরূপ, YouTube, Flickr, ইত্যাদি) প্রচারাভিযান। ব্যবহারকারীদেরকে বিজ্ঞাপনদাতার ল্যান্ডিং পৃষ্ঠায় পুনঃনির্দেশিত করা হয় যাদের নির্বাচিত মিডিয়া সংস্থানগুলির সাথে বিজ্ঞাপন সামগ্রী রাখার চুক্তি রয়েছে:

একটি ল্যান্ডিং পৃষ্ঠা তৈরি করার প্রাথমিক উপায়

• বিনামূল্যে ল্যান্ডিং পৃষ্ঠা টেমপ্লেট এবং জেনারেটর. আজকাল ইন্টারনেটে বিনামূল্যের টেমপ্লেট এবং ডিজাইনারদের জন্য অনেকগুলি বিকল্প রয়েছে যা আপনাকে একটি ল্যান্ডিং পৃষ্ঠা তৈরি করতে দেয়। সবচেয়ে জনপ্রিয় সেবা. এটি একটি সীমিত বাজেটের সংস্থাগুলির জন্য একটি দুর্দান্ত বিকল্প, তবে বিপণন এবং নকশায় পারদর্শী বিশেষজ্ঞদের কর্মীদের সাথে;
• বিশেষজ্ঞদের সাথে যোগাযোগ করুন। আপনি একটি কপিরাইটার থেকে একটি ল্যান্ডিং পৃষ্ঠার জন্য টেক্সট অর্ডার করতে পারেন, ডিজাইনার থেকে ডিজাইন ডেভেলপমেন্ট করতে পারেন এবং একটি প্রোগ্রামার থেকে ইঞ্জিনের সাথে ইন্টিগ্রেশন করতে পারেন। একই সময়ে, কোম্পানির কর্মীদের উপর একজন বিপণনকারী থাকতে হবে যিনি প্রকল্পটির সমস্ত পর্যায়ে নিরীক্ষণ করবেন। এই পদ্ধতির সুবিধার মধ্যে তুলনামূলকভাবে কম খরচ এবং মোটামুটি উচ্চ ফলাফল অন্তর্ভুক্ত, অসুবিধাগুলি হল বিশেষজ্ঞদের নির্বাচন করার ক্ষেত্রে ত্রুটির ঝুঁকি;
• এজেন্সি আউটসোর্সিং। একটি ল্যান্ডিং পৃষ্ঠা তৈরি করার এই পদ্ধতিতে এমন একটি সংস্থার সাথে যোগাযোগ করা জড়িত যা প্রতিযোগীদের বিশ্লেষণ করবে, একটি ধারণা নির্বাচন করবে, একটি বিজ্ঞাপন প্রচারের কৌশল তৈরি করবে, ইঞ্জিনের সাথে একীকরণের সমস্যা সমাধান করবে এবং প্রকল্পটি চালু করবে। একটি ল্যান্ডিং পৃষ্ঠা তৈরি করার জন্য আপনার কাছ থেকে যা প্রয়োজন তা হল একটি সংক্ষিপ্ত, এবং এজেন্সি একটি টার্নকি ল্যান্ডিং পৃষ্ঠার বিকাশের দায়িত্ব নেবে৷ এই পদ্ধতির সুবিধার মধ্যে উচ্চ দক্ষতা এবং সময় সাশ্রয় অন্তর্ভুক্ত, অসুবিধাগুলি পূর্ববর্তী বিকল্পগুলির তুলনায় উচ্চ খরচ;
• বিশেষজ্ঞদের একটি কর্মী বজায় রাখুন যারা মোকাবেলা করবে... এটি সবচেয়ে ব্যয়বহুল এবং সবচেয়ে কার্যকর উপায়। একজন ডিজাইনার, কপিরাইটার, মার্কেটার এবং লেআউট প্রোগ্রামার নিয়ে গঠিত আপনার নিজস্ব দল আপনাকে আপনার পণ্য/পরিষেবাকে বাজারে সম্পূর্ণরূপে প্রচার করার অনুমতি দেবে।

ল্যান্ডিং পেজ নিজে তৈরি করা কি সম্ভব?

আপনি নিজে একটি ল্যান্ডিং পেজ তৈরি করতে পারেন, তবে ওয়েব ডেভেলপমেন্ট, অ্যানালিটিক্স এবং ডিজাইনে আপনার কিছু দক্ষতা থাকতে হবে। আপনার যদি এই ধরনের অভিজ্ঞতা না থাকে, এমন পরিষেবাগুলি ব্যবহার করুন যা রেডিমেড টেমপ্লেট অফার করে যেখানে আপনাকে শুধুমাত্র পাঠ্যটি পূরণ করতে হবে এবং ডোমেন এবং হোস্টিং কনফিগার করতে হবে।

নিজে একটি ল্যান্ডিং পেজ তৈরি করলে অর্থ ও সময় বাঁচবে। ইন্টারনেটে আপনি বিভিন্ন বিষয়ের টেমপ্লেট সহ সংস্থানগুলি খুঁজে পেতে পারেন, যা দ্রুত ইনস্টলেশনের নির্দেশাবলী এবং সফ্টওয়্যার যা সম্পাদনা করতে দেয়। এই জাতীয় কিটের দাম একটি বিশেষ সংস্থায় একটি ল্যান্ডিং পৃষ্ঠা বিকাশের মূল্যের চেয়ে অনেক কম হতে পারে:

বিনামূল্যে একটি ল্যান্ডিং পৃষ্ঠা তৈরি করা সম্ভব?

যেহেতু ল্যান্ডিং পৃষ্ঠাগুলির প্রতি আগ্রহ ক্রমাগত বাড়ছে, তাই বিকাশকারীরা টেমপ্লেটগুলির উপর ভিত্তি করে ল্যান্ডিং পৃষ্ঠাগুলি তৈরি করার জন্য আরও বেশি সংখ্যক সরঞ্জাম অফার করছে৷ এখানে সবচেয়ে জনপ্রিয় পদ্ধতি এবং পরিষেবাগুলির একটি তালিকা রয়েছে:

• আপনি Wix এ নিবন্ধন করলে আপনি একটি বিনামূল্যের ল্যান্ডিং পৃষ্ঠা তৈরি করতে পারেন;
• আপনি Adobe Photoshop ব্যবহার করে একটি ল্যান্ডিং পৃষ্ঠা তৈরি করতে পারেন;

তৃতীয় বিকল্পটি নতুনদের জন্য সবচেয়ে উপযুক্ত যাদের ন্যূনতম জ্ঞান আছে এবং জটিল ওয়েব প্রোগ্রামিং সিস্টেম শেখার সময় নষ্ট করতে চান না।

ল্যান্ডিং পৃষ্ঠা অপ্টিমাইজেশান

একটি ল্যান্ডিং পৃষ্ঠা তৈরি করা অর্ধেক যুদ্ধ; এটি সঠিকভাবে অপ্টিমাইজ করা গুরুত্বপূর্ণ। এক-পৃষ্ঠার ওয়েবসাইটগুলির একটি আছে, কিন্তু বেশ তাৎপর্যপূর্ণ, ত্রুটি - সার্চ ইঞ্জিনগুলির পক্ষে সেগুলি খুঁজে পাওয়া বেশ কঠিন৷ মাল্টি-পেজ রিসোর্সে অনন্য শিরোনাম, সঠিক লিঙ্কিং এবং পৃষ্ঠার ওজন নির্দেশ করে এমন একটি জটিল কাঠামো রয়েছে।

একটি এক-পৃষ্ঠার সাইটের আর্কিটেকচার শাস্ত্রীয় অর্থে উচ্চ-মানের অভ্যন্তরীণ অপ্টিমাইজেশান করা সম্ভব করে না, সাইটটিকে সার্চ ইঞ্জিনের প্রয়োজনীয়তার জন্য "দর্জি" তৈরি করে। Google এর একটি সমাধান আমাদের এই সমস্যা থেকে পরিত্রাণ পেতে দেয় - জাভাস্ক্রিপ্ট এবং পুশস্টেট পদ্ধতি ব্যবহার করে লেআউট।

আপনার ল্যান্ডিং পৃষ্ঠাটি অপ্টিমাইজ করতে, আপনাকে নিম্নলিখিতগুলি করতে হবে:

• ব্লকে ল্যান্ডিং পৃষ্ঠা ভাঙ্গা;
• প্রতিটি ব্লকের নিজস্ব অনন্য সূচক, শিরোনাম, বিবরণ এবং শিরোনাম, URL প্রাপ্ত করা আবশ্যক।

অর্থাৎ, প্রতিটি ব্লকের অবশ্যই সাইটের যেকোনো পৃথক পৃষ্ঠার মতো একই বৈশিষ্ট্য থাকতে হবে, যখন অনুসন্ধান রোবট আপনার সাইটটিকে বেশ কয়েকটি অনন্য পৃষ্ঠা হিসাবে উপলব্ধি করবে। ল্যান্ডিং পৃষ্ঠার দর্শকরা এই সিদ্ধান্তটি লক্ষ্য নাও করতে পারে; শুধুমাত্র সবচেয়ে মনোযোগী ব্যক্তিরা লক্ষ্য করবেন যে পৃষ্ঠা বরাবর স্ক্রোল করার সময়, URL এবং শিরোনাম পরিবর্তন হয়। এই ধরনের একটি প্রকল্প বাস্তবায়নের জন্য, আপনার জাভাস্ক্রিপ্ট সহ এসইও এবং লেআউটের ক্ষেত্রে নির্দিষ্ট জ্ঞানের প্রয়োজন হবে।

আপনার যদি শুধুমাত্র সেই পরিষেবাগুলির তথ্যের প্রয়োজন হয় যা দিয়ে আপনি একটি ল্যান্ডিং পৃষ্ঠা তৈরি করতে পারেন, তাহলে সরাসরি ধাপ 5-এ যান - একটি লেআউট টুল বেছে নিন। আপনি যদি A থেকে Z থেকে একটি ল্যান্ডিং পৃষ্ঠা তৈরি করার অ্যালগরিদম বুঝতে চান, তাহলে পুরো নিবন্ধটি পড়ুন।

কীভাবে একটি ল্যান্ডিং পৃষ্ঠা তৈরি করবেন - 9টি ধাপে ধাপে ধাপে নির্দেশাবলী পর্যায় 1. ল্যান্ডিং পৃষ্ঠার প্রস্তুতির উদ্দেশ্য

প্রথমত, আমরা ল্যান্ডিং পৃষ্ঠার উদ্দেশ্য নির্ধারণ করি, পৃষ্ঠার দর্শকদের কাছ থেকে আমরা কী পেতে চাই। সাধারণত এটি তিনটি জিনিসের মধ্যে একটি:

1. পণ্য/পরিষেবা বিক্রি করা (উদাহরণ: মধু বিক্রি করা, লোগো ডিজাইন পরিষেবা বিক্রি করা, একটি অনলাইন কোর্স বিক্রি করা);
2. একটি পরিচিতি গ্রহণ করুন৷ (উদাহরণ: নিউজলেটার সাবস্ক্রিপশন, পরিমাপের জন্য অনুরোধ);
3. তথ্য (উদাহরণ: একটি বিনামূল্যের অফলাইন ইভেন্টে আমন্ত্রণ, প্রচার সহ একটি দোকানের প্রচার পৃষ্ঠা).

আমরা লক্ষ্য শ্রোতা নির্ধারণ করি এবং তাদের জন্য কী গুরুত্বপূর্ণ

এই ধাপে, আমাদের জন্য এটা বোঝা গুরুত্বপূর্ণ যে আমাদের অফারের জন্য টার্গেট শ্রোতা কারা, তাদের কী ব্যথা, কী আকাঙ্ক্ষা, কী ভয় এবং এই লোকেরা কী পেতে চায়। এই সব বোঝা গুরুত্বপূর্ণ যাতে ওয়েবসাইটের উপাদান, যেমন টেক্সট এবং ডিজাইন, লক্ষ্য দর্শকদের (টার্গেট অডিয়েন্স) উপর ফোকাস করে তৈরি করা হয়।

লক্ষ্য শ্রোতা নির্ধারণ কিভাবে?

• সেই ক্লায়েন্টদের বিশ্লেষণ করুন যাদের সাথে আপনি ইতিমধ্যে কাজ করেছেন বা বর্তমানে কাজ করছেন;
• ক্লায়েন্টদের জিজ্ঞাসা করুন তাদের কাছে কী গুরুত্বপূর্ণ। হ্যাঁ, এটা ঠিক, শুধু কল করুন বা লিখুন, আগে থেকেই প্রশ্নের তালিকা প্রস্তুত করুন;
• মনে রাখবেন, বা আরও ভাল, আপনার পণ্য সম্পর্কে আপনাকে প্রায়শই জিজ্ঞাসা করা হয় এমন প্রশ্নগুলি লিখুন;
• থিম্যাটিক সাইট/ফোরাম পড়ুন, দেখুন আপনার গ্রাহকরা কি চিন্তিত।

প্রতিযোগীদের দিকে তাকিয়ে (বেঞ্চমার্কিং)

আপনি যখন ভবিষ্যত ল্যান্ডিং পৃষ্ঠা সম্পর্কিত আপনার সমস্ত চিন্তাভাবনা এবং ধারণাগুলি লিখে রেখেছেন, তখন প্রতিযোগীদের বিশ্লেষণ শুরু করার সময় এসেছে (বেঞ্চমার্কিং)। আপনি যদি ইতিমধ্যে আপনার প্রতিযোগীদের জানেন, দুর্দান্ত; যদি এখনও না হয়, আপনার কুলুঙ্গির কীওয়ার্ড ব্যবহার করে সার্চ ইঞ্জিন অনুসন্ধান করুন।

বিশ্লেষণের উদ্দেশ্য হ'ল প্রতিযোগীরা কী খারাপ করছে এবং তাদের ভুলগুলি পুনরাবৃত্তি করছে না এবং তারা কী ভাল করছে, ধারণাগুলি, অনুপস্থিত ব্লক, আকর্ষণীয় নকশা সমাধানগুলি সন্ধান করা এবং দেখা। এর অর্থ এই নয় যে আপনাকে কেবল সেগুলি অনুলিপি করতে হবে, অবশ্যই আপনাকে এটি করতে হবে না, সেগুলি নিজের জন্য সংরক্ষণ করুন, তারপরে পাঠ্যটি লেখার এবং নকশা বিকাশের পর্যায়ে, সেগুলিকে আপনার প্রকল্পে মানিয়ে নিন।

আমি কীভাবে এটি করব: আমি "আইডিয়াস" নামে একটি পৃথক ফোল্ডার তৈরি করি এবং আকর্ষণীয় ব্লকের স্ক্রিনশট নিই।

পর্যায় 2. ল্যান্ডিং পৃষ্ঠার জন্য পাঠ্য লেখা

অনেকের জন্য (আমি সহ), পাঠ্য লেখা উন্নয়নের সবচেয়ে কঠিন পর্যায়, তাই আমি ব্যক্তিগতভাবে সর্বদা এই পর্যায়টি একজন কপিরাইটারকে অর্পণ করার চেষ্টা করি।

কাগজে আপনার মাথায় বিশৃঙ্খলা রাখুন

সহজভাবে, ক্রম সম্পর্কে চিন্তা না করে, ভবিষ্যতের অবতরণের জন্য সমস্ত চিন্তাভাবনা এবং ধারণাগুলি কাগজে স্থানান্তর করুন। আপনি যে বিষয়ে কথা বলতে চান তা লিখুন। আপনি যখন চিন্তার এই ধরনের একটি তালিকা লেখেন, প্লাস আমরা প্রতিযোগীদের কাছ থেকে ধারনা দেখেছি, পরবর্তী ধাপ হল এই সব একত্রিত করা এবং অবতরণ পৃষ্ঠার ব্লক এবং কাঠামো রচনা করা।

ল্যান্ডিং ব্লক তৈরি করা

একটি ল্যান্ডিং পৃষ্ঠা নির্দিষ্ট ব্লক নিয়ে গঠিত; আপনি কেবল একটি নিবন্ধের মতো কঠিন পাঠ্য লিখতে এবং প্রকাশ করতে পারবেন না। এটা পড়তে ভয়ঙ্কর বিশ্রী হবে.

এখানে ব্লকগুলির প্রধান তালিকা রয়েছে যা 90% ল্যান্ডিং পৃষ্ঠাগুলিতে পাওয়া যাবে:

ইউএসপি সহ প্রথম স্ক্রিন (অনন্য বিক্রয় প্রস্তাব)

পণ্য প্রকাশ (পরিষেবা বা পণ্যের বিবরণ)

লেখক/কোম্পানীর তথ্য

রিভিউ

কেস (সাফল্যের গল্প)

ফর্ম/কল টু অ্যাকশন

FAQ (প্রায়শই জিজ্ঞাসিত প্রশ্নের উত্তর)

পরিচিতি / সাইটের ফুটার

সাইটে অন্য কোন ব্লক থাকতে পারে:

• সংখ্যায় তথ্য
• সুবিধা (সুবিধা)
• ভিডিও
• পোর্টফোলিও
• কার জন্য
• সহযোগিতার পর্যায় (বা কিভাবে একটি অর্ডার দিতে হয়, কিভাবে একটি অনুরোধ ছেড়ে যায়)
• ট্যারিফ এবং দাম
• অংশীদার
• গ্যালারি
• সময়সূচী
• টীম
• সার্টিফিকেট, ডিপ্লোমা, কৃতজ্ঞতা পত্র
• ডকুমেন্টেশন
• টাইমার

ল্যান্ডিং পৃষ্ঠার কাঠামো প্রস্তুত হলে, আমরা পাঠ্য লিখতে শুরু করি। আপনি নিজে এটি করতে পারেন বা এটি একটি কপিরাইটারের কাছে আউটসোর্স করতে পারেন৷

আমরা শুরুতে মূল জিনিস রাখি। সাইটের শুরুতে নিজের সম্পর্কে লেখার দরকার নেই; প্রথমে আপনার পণ্যটি দেখান।

সাধারণ শব্দগুলিকে তথ্য দিয়ে প্রতিস্থাপন করুন। দর্শকদের কিছু বোঝানোর দরকার নেই; এই অধিকার তাদের উপর ছেড়ে দিন। (উদাহরণ: লিখবেন না যে আপনি বাজারে নেতা যাদের বিশ্বাস করা যেতে পারে, আপনি যে সংস্থাগুলিকে পরিষেবা প্রদান করেছেন তাদের পর্যালোচনাগুলি দেখান এবং তারা সন্তুষ্ট ছিল, উপরন্তু, মূল পর্যালোচনাটি সংযুক্ত করুন যাতে ভিত্তিহীন না হয়)।

প্রথম স্ক্রীন এবং ইউএসপিতে বিশেষভাবে ভাল কাজ করুন। একজন দর্শক আপনার ল্যান্ডিং পৃষ্ঠায় অবতরণ করার পরে, তাদের মনোযোগ আকর্ষণ করার জন্য আপনার কাছে তিন সেকেন্ড সময় থাকে। আপনার কাছে সময় না থাকলে, ব্যক্তিটি পৃষ্ঠাটি বন্ধ করে সার্ফিং চালিয়ে যাবে। প্রথম স্ক্রীনটি সেই প্রশ্নের সাথে যতটা সম্ভব প্রাসঙ্গিক হওয়া উচিত যার মাধ্যমে দর্শক সাইটে পৌঁছেছেন। (উদাহরণ: যদি একজন ব্যক্তি "একজন স্বতন্ত্র উদ্যোক্তার জন্য অ্যাকাউন্টিং" অনুসন্ধান করেন, তাহলে "এলএলসি-এর জন্য অ্যাকাউন্টিং" শিরোনাম সহ একটি ল্যান্ডিং পৃষ্ঠা দেখানোর প্রয়োজন নেই)।

ইউএসপি (ইউনিক সেলিং প্রপোজিশন)। সহজ কথায়, মূল শিরোনাম এবং বিবরণ, যা সংক্ষেপে এই ল্যান্ডিং পৃষ্ঠাটি কী তা বলা উচিত। আপনি 4U প্রযুক্তি ব্যবহার করে একটি ইউএসপি তৈরি করতে পারেন।

যত খাটো তত ভালো। যতটা সম্ভব ছোট টেক্সট ব্লক লিখতে চেষ্টা করুন. কেউ লেখার দীর্ঘ পায়ের মোড়ক পড়ে না; আজ মানুষের সবসময় সময়ের অভাব থাকে এবং এটি অবশ্যই বিবেচনায় নেওয়া উচিত। আপনি যদি এখনও অনেক তথ্য প্রদান করতে চান, তাহলে অনুচ্ছেদ এবং ব্লকে বিভক্ত করুন।

আরো শিরোনাম. শিরোনাম ছাড়া পাঠ্যের অনুচ্ছেদগুলি এমনভাবে লেখা উচিত নয়। বেশিরভাগ দর্শক, যখন একটি ওয়েবসাইট পরিদর্শন করেন, প্রথমে তারা সেখানে পেয়েছেন কি না তা মূল্যায়ন করার চেষ্টা করে সাইটের মাধ্যমে স্ক্রোল করেন। এবং এখানে শিরোনামগুলি একটি গুরুত্বপূর্ণ ভূমিকা পালন করে, কারণ সে সাইটটি স্কিম করবে এবং তাদের দ্বারা সাইটটিকে সঠিকভাবে মূল্যায়ন করবে।

টেক্সট নিজেই রচনা করতে চান না? একজন কপিরাইটার খুঁজুন যিনি আপনার জন্য এটি করবেন।

কোথায় একটি কপিরাইটার খুঁজছেন

কপিরাইটিং বিনিময় ContentMonster.ru

কপিরাইটিং বিনিময় Etxt.biz

প্রাইভেট কোম্পানি বা বিশেষজ্ঞ. আপনি একটি অনুসন্ধানের মাধ্যমে বা সামাজিক নেটওয়ার্কগুলিতে (ভিকে, ফেসবুক, ইনস্টাগ্রাম) তাদের সন্ধান করতে পারেন।

আপনি কেবল স্ক্র্যাচ থেকে পাঠ্য বিকাশের জন্যই নয় একজন কপিরাইটারে যেতে পারেন। উদাহরণ স্বরূপ, আপনি ব্লকের একটি রেডিমেড তালিকা, প্রাথমিক স্কেচ সহ, এমনকি ইতিমধ্যেই সংকলিত পাঠ্য সহ আমাদের সাথে যোগাযোগ করতে পারেন, যা কপিরাইটার "পুনরুজ্জীবিত" করবে, আরও আকর্ষণীয় করবে এবং ত্রুটিগুলি সংশোধন করবে৷

পর্যায় 3. একটি প্রোটোটাইপ তৈরি করা

নকশা পর্যায়ের আগে, একটি প্রোটোটাইপ তৈরি করা গুরুত্বপূর্ণ, কেন আমি আপনাকে বলি। বেশ কয়েকটি কারণ রয়েছে:

একটি প্রোটোটাইপ ছাড়া, আপনি আরো সময় ব্যয় হবে, অদ্ভুতভাবে যথেষ্ট :) আমার কর্মজীবনের শুরুতে, টেক্সট লেখার পরে, আমি অবিলম্বে ডিজাইন করেছি। আমি ভেবেছিলাম যে এইভাবে আমি সময় বাঁচাতে পারব, কিন্তু বাস্তবে দেখা গেল যে সবকিছুই আরও বেশি সময় নেয়, কারণ ফ্রেম ছাড়াই নকশার উপাদানগুলির সাথে অবিলম্বে আসা সুবিধাজনক নয়।

আপনি অর্ডার করার জন্য একটি ল্যান্ডিং পৃষ্ঠা তৈরি করলে গ্রাহকের সাথে সমস্যা হয়। সবারই এই অবস্থা ছিল। আপনি টেক্সট অনুমোদন করেছেন এবং অবিলম্বে নকশা তৈরি করা শুরু করেছেন, অনেক সময় ব্যয় করেছেন, এটি ক্লায়েন্টের কাছে পাঠিয়েছেন এবং তিনি বলেছেন যে সবকিছু ভুল এবং পুনরায় করা দরকার, পাঠ্য অদলবদল করা ইত্যাদি। এটি করা অনেক বেশি কঠিন যখন আপনার কাছে শুধুমাত্র পাঠ্য এবং চেনাশোনা থেকে একটি প্রোটোটাইপ থাকলে ডিজাইনটি ইতিমধ্যেই প্রস্তুত।

একটি প্রোটোটাইপ পেইন্টিং করার আগে আপনি যে স্কেচ তৈরি করেন তার সাথে তুলনা করা যেতে পারে। খুব কম লোকই পেইন্ট নিতে পারে এবং অবিলম্বে একটি ছবি আঁকতে পারে। তাই এখানে, প্রথমে আমরা একটি স্কেচ তৈরি করি, দেখুন এটি মোটামুটিভাবে কীভাবে পরিণত হয়, কোন ব্লকগুলি সরানো, পরিবর্তন করা, যোগ করা বা সরানো ইত্যাদি পাঠ্য ইত্যাদি।

একটি প্রোটোটাইপ এবং এই প্রোটোটাইপ ব্যবহার করে তৈরি একটি নকশার আমার কেস থেকে একটি উদাহরণ।

প্রোটোটাইপ উদাহরণ

প্রোটোটাইপ ডিজাইনের উদাহরণ

প্রোটোটাইপে আমরা নির্দেশ করি:

• টেক্সট বসানো, হাইলাইট শিরোনাম;
• গ্রাফিক্স (ছবি, আইকন) কোথায় অবস্থিত হবে?
• বোতামগুলো কোথায় থাকবে?
• কোন ব্লকে ব্যাকগ্রাউন্ড হালকা হবে আর কোন ব্লকে অন্ধকার হবে।

প্রোটোটাইপিং পরিষেবা:

• ফটোশপ। আমি এটা ফটোশপে করি। আমরা গ্রাহকের সাথে প্রোটোটাইপ অনুমোদন করার পরে, প্রোটোটাইপের উপর ভিত্তি করে এখানে একটি নকশা তৈরি করা সুবিধাজনক।
• Moqups পরিষেবা। রেডিমেড উপাদান সহ একটি বিশেষ পরিষেবা, শুধু টেনে আনুন এবং আপনার পাঠ্য যোগ করুন।
• কাগজে. ল্যান্ডিং পৃষ্ঠাটি জটিল না হলে এবং আপনি খুব বেশি বিরক্ত করতে না চাইলে আপনি হাতে একটি প্রোটোটাইপ স্কেচ করতে পারেন।

আমি সবসময় কাগজে একটি প্রোটোটাইপ শুরু করি, এটি আমার জন্য আরও সুবিধাজনক। তারপর আমি এটি ফটোশপে স্থানান্তর করি।

বুটস্ট্র্যাপ গ্রিড ব্যবহার করুন

আমি আপনাকে একটি গ্রিডে নকশা তৈরি করার পরামর্শ দিচ্ছি যাতে পরে এটি সহজেই বিভিন্ন ডিভাইসে মানিয়ে নেওয়া যায়। আপনি যদি লেআউটের জন্য একটি ডিজাইন টুল বেছে নেন, যেখানে ডিজাইন নিজেই বিভিন্ন স্ক্রিনের সাথে খাপ খায় (পরে লেআউট টুলগুলিতে আরও বেশি), এবং সাইটের একটি পৃথক মোবাইল সংস্করণ ব্যবহার না করে, তাহলে ডিজাইনটি অবশ্যই একটি গ্রিডে বিকাশ করতে হবে।

ফটোশপ গ্রিড টেমপ্লেট যা আমি আমার কাজে ব্যবহার করি, আপনি করতে পারেন।

পর্যায় 4. নকশা তৈরি করা

সমস্ত ল্যান্ডিং পৃষ্ঠার নকশা উপাদান তিনটি ভাগে বিভক্ত করা যেতে পারে, এটি হল নির্বাচন:

হরফ

রং

চার্ট (ফটো, আইকন, ছবি)

প্রতিটি উপাদান একটি নির্দিষ্ট মেজাজ সেট করে; আমাদের জন্য সমস্ত উপাদানের এমন একটি সমন্বয় বেছে নেওয়া গুরুত্বপূর্ণ যাতে দর্শক আমাদের কোম্পানি এবং পণ্যের প্রতি সঠিক, বিশ্বস্ত মনোভাব গড়ে তোলে।

একটি উদাহরণ হিসাবে: অন্ত্যেষ্টিক্রিয়া পরিষেবা প্রদানকারী একটি সাইটে, উজ্জ্বল রং এবং বড় অক্ষরে শিলালিপি সহ একটি উজ্জ্বল হাসি সহ একটি মেয়ে প্রচার! উপযুক্ত হওয়ার সম্ভাবনা কম। অথবা ধূসর, বিবর্ণ রঙে, কালো বোতাম এবং একটি স্ল্যাব সেরিফ ফন্ট সহ ছুটির আয়োজন সম্পর্কে একটি সাইট, যা দেখার পরে আপনি বিষণ্নতায় পড়তে চান এবং আপনার সন্তানের জন্য ছুটির অর্ডার দেবেন না। উদাহরণগুলি অবশ্যই অতিরঞ্জিত; আপনি তাদের জীবনে দেখতে অসম্ভাব্য (যদিও এটি সম্ভব), তবে আমি মনে করি আপনি সারাংশটি পেয়েছেন।

আসুন আরো বিস্তারিতভাবে প্রতিটি উপাদান আলোচনা করা যাক.

হরফ

টেক্সট যে কোনো ওয়েবসাইটের ভিত্তি, তাই ফন্ট রঙ বা গ্রাফিক্সের চেয়ে কম গুরুত্বপূর্ণ নয়। একটি ফন্টও মেজাজ সেট করতে পারে; এটি হালকা বা নৃশংস হতে পারে, ব্যয়বহুলতা বা সরলতার অনুভূতি জাগাতে পারে ইত্যাদি।

আপনার বিষয় এবং আপনি দর্শকদের মধ্যে যে আবেগ জাগিয়ে তুলতে চান তার উপর ভিত্তি করে।

আপনি যদি সংমিশ্রণ নিয়ে আসতে বিরক্ত না করতে চান, তবে আমি আপনার জন্য প্রস্তুত করা রেডিমেড নিরপেক্ষ বিকল্পগুলি গ্রহণ করুন। তারা যে কোনো থিম উপযুক্ত হবে. এই:

• রোবোটো
• খোলা ছাড়া
• Pt সানস

তাদের মধ্যে একটি বা দুটি চয়ন করুন এবং মিশ্রিত করুন।

উদাহরণ স্বরূপ:

শিরোনাম - রোবোটো (বোল্ড)
পাঠ্য - রোবোটো (হালকা)

শিরোনাম - ওপেন সান (বোল্ড)
পাঠ্য - রোবোটো (হালকা)

শিরোনাম - Pt sans (নিয়মিত)
পাঠ্য - খোলা ছাড়া (আলো)

আমি ফন্ট কোথায় পেতে পারি?

বিনামূল্যে এবং অর্থ প্রদানের ফন্ট আছে. প্রথম পর্যায়ে, আমি আপনাকে Google ফন্ট থেকে বিনামূল্যে ফন্ট ব্যবহার করার পরামর্শ দিচ্ছি। সেখানে ভাল বিকল্প আছে, এবং আমি উপরে বর্ণিত বেশী এছাড়াও আছে.

আমি কেন Google ফন্ট সুপারিশ করব?

কারণ তাদের লাইসেন্স আপনাকে নিজের জন্য এবং বাণিজ্যিক উদ্দেশ্যে উভয় ফন্ট ব্যবহার করতে দেয়। আপনি যদি বিকাশকারীদের থেকে বা বিশেষ অনলাইন স্টোরগুলিতে আপনার পছন্দের ফন্টটি কেনার সিদ্ধান্ত নেন, তবে ঠিক আছে, কোনও সমস্যা নেই, তবে আপনি যদি তৃতীয় পক্ষের সাইটগুলি থেকে বিনামূল্যে ফন্টগুলি ডাউনলোড করার পরিকল্পনা করেন তবে লাইসেন্সটি পরীক্ষা করা গুরুত্বপূর্ণ, কারণ আপনি কপিরাইট লঙ্ঘন করতে পারেন যদি আপনি একটি ফন্ট ব্যবহার করেন যা অর্থপ্রদান করা হয়, কিন্তু আপনি এটি কিনেননি৷

আপনি যদি নিজের জন্য একটি ওয়েবসাইট তৈরি করেন তবে নিজেকে প্রতিস্থাপন করুন; আপনি যদি এটি কোনও গ্রাহকের জন্য তৈরি করেন তবে গ্রাহককে প্রতিস্থাপন করুন।

রঙ কিভাবে একটি ওয়েবসাইটের জন্য সঠিক রঙের স্কিম নির্বাচন করবেন?

সাদা, ধূসর এবং কালো রঙগুলি ইতিমধ্যে সেটটিতে অন্তর্ভুক্ত করা হয়েছে, সেগুলি সর্বদা ব্যবহার করা হয়, উদাহরণস্বরূপ, ফন্টটি সাদা, ধূসর বা কালো, সাইটের পটভূমি সাদা, ধূসর বা কালো। আপনি যাই বলুন না কেন, এই রংগুলি ইতিমধ্যেই ল্যান্ডিং পেজে ব্যবহার করা হবে। এগুলিকে অ্যাক্রোম্যাটিক বলা হয় (রঙের ছায়া ধারণ করে না)। যা অবশিষ্ট থাকে তা হল ক্রোম্যাটিক রং (রঙের শেড) নির্বাচন করা।

সাধারণত, একটি ওয়েবসাইট এক, দুই বা তিনটি বর্ণময় রং ব্যবহার করে। আমি আপনাকে একটি বা সর্বাধিক দুটি বেছে নেওয়ার পরামর্শ দিচ্ছি, অন্যথায় আপনি এগুলিকে সুরেলাভাবে একত্রিত করতে পারবেন না এবং সাইটটি কুশ্রী এবং বেমানান দেখাবে।

এই বিষয়ে একটি আকর্ষণীয় ভিডিও দেখুন

আপনাকে আপনার বিষয়ের উপর ভিত্তি করে সেগুলি নির্বাচন করতে হবে।

প্রতিটি রঙ কি মেজাজ উদ্রেক করে তার উদাহরণ:

রং সম্পর্কে উপাদান এখান থেকে নেওয়া হয়েছে.

গ্রাফিক্স (ফটো, আইকন, ছবি)

সাম্প্রতিক প্রবণতা হল যে স্টক ফটো বা ইন্টারনেট থেকে বিনামূল্যের ছবিগুলি ব্যবহার করার চেয়ে যতটা সম্ভব আপনার ফটোগুলি ব্যবহার করা ভাল৷ এটি ঘটেছে কারণ স্টক ফটোগুলি ইতিমধ্যেই বিরক্তিকর হয়ে উঠেছে; কল সেন্টারের অভিন্ন হাস্যোজ্জ্বল মহিলা বা নীল ওভারঅলগুলিতে খুশি, জোকড মুভার্স ন্যূনতম অবিশ্বাসের অনুভূতি জাগায়৷

সত্যি কথা বলতে, আমি এর আগেও এর সাথে পাপ করেছি, কিন্তু এখন আমি (আমি অনুরোধ করছি) গ্রাহকদের তাদের পণ্য, স্টাফ, প্রাঙ্গণ ইত্যাদির "লাইভ" ফটোগুলি পাঠাতে বলি৷

সত্য, আপনার ফোনে একটি ফটো তোলা ভাল, এমনকি এটি নিম্ন মানের হলেও, তবে ক্লায়েন্ট বুঝতে পারবে যে আপনি ইন্টারনেট থেকে কোনও ছবির মুখোশের পিছনে লুকিয়ে নেই, আপনি আপনার মুখ দেখাচ্ছেন, এর জন্য আরেকটি পয়েন্ট আপনার ব্যক্তির উপর বিশ্বাস.

অবশ্যই, এমন বিষয় রয়েছে যেখানে দেখানোর জন্য বিশেষ কিছু নেই, তাহলে আপনি ইতিমধ্যে স্টক ফটোগুলি অবলম্বন করতে পারেন। আমি এখনও অনুসন্ধানে বিনামূল্যের সন্ধান না করে সেখানে ফটো কেনার পরামর্শ দিই, কারণ সেগুলি প্রায়শই অন্যান্য সাইটে ব্যবহৃত হয়।

কেউ বলবে, "ইলিয়া, স্টক ফটোগুলি একটি বিমানের মতো দেখাচ্ছে!" - এমন একটি জিনিস আছে :) আপনার জন্য একটি ডলারের জন্য ছবি ডাউনলোড করার একটি উপায় আছে, পরিষেবা সম্পর্কে। ঠিক আছে, যদি আপনি একটি বড় বাণিজ্যিক কোম্পানির জন্য একটি প্রকল্প করছেন, তাহলে এই পরিমাণ বাজেট করা এবং নিজেকে রক্ষা করার জন্য আবার একটি অফিসিয়াল ফটো স্টক থেকে ছবি কেনা ভাল।

• পরিষেবা ShopDiz.pro - 0.5-1 ডলারে স্টক থেকে ছবি ডাউনলোড করা।
• শাটারস্টক পরিষেবা হল সবচেয়ে জনপ্রিয় স্টক যেখানে প্রচুর সংখ্যক ফটো, ভেক্টর এবং ভিডিও রয়েছে।

ছবি নির্বাচন করার সময়, আপনার বিষয় এবং গ্রাহকদের মধ্যে আপনি কোন আবেগ জাগিয়ে তুলতে চান সেদিকেও ফোকাস করুন। বিশ্বাস, আনন্দ, নির্ভরযোগ্যতা, সুখ, ইত্যাদি

কিভাবে ব্লক জন্য নকশা ধারণা সঙ্গে আসা? এখানে কোন সার্বজনীন নিয়ম নেই। মূল জিনিসটি হ'ল আপনার কাছে অপ্রয়োজনীয় বলে মনে হয় এমন সমস্ত কিছু মুছে ফেলা, পাঠ্যটি সংক্ষিপ্ত করা, সংযম গ্রাফিক্স ব্যবহার করা এবং ওভারলোড করবেন না। ভাল ল্যান্ডিং পৃষ্ঠাগুলির উদাহরণগুলি দেখুন, নিজের জন্য নোট তৈরি করুন, আপনার পছন্দের ব্লকগুলির স্ক্রিনশট নিন, যাতে আপনি আপনার প্রকল্পগুলিতে অনুরূপ কিছু করতে পারেন।

পর্যায় 5. একটি লেআউট টুল নির্বাচন করুন

আজকে অনেকগুলি লেআউট টুল উপলব্ধ রয়েছে, আমি শুধুমাত্র সেগুলি সম্পর্কে কথা বলব যা আমি নিজে ব্যবহার করেছি এবং যেগুলি আমার এবং গ্রাহকদের জন্য সবচেয়ে সুবিধাজনক৷

1. CMS WordPress + WPBakery বা Elementor নির্মাতা

আপনি ওয়ার্ডপ্রেস সিএমএস ইনস্টল করুন, টেমপ্লেট ইনস্টল করুন, WPBackery নির্মাতাকে অর্থ প্রদান করা হয়, তবে এটি 99% টেমপ্লেটের সাথে বিনামূল্যে আসে যা আমি। একটি দ্বিতীয় সুবিধাজনক ডিজাইনার আছে, এটি Elementor, এটি বিনামূল্যে, কিন্তু এর কার্যকারিতা প্রসারিত করতে, Elementor এর প্রো সংস্করণ কিনুন। আমার জন্য, উভয় ডিজাইনারই সুবিধাজনক, আমি একজনকে সুপারিশ করতে পারি না, প্রত্যেকের নিজস্ব সুবিধা রয়েছে। উভয় কনস্ট্রাক্টর সহ সাইটগুলির বর্ণনা এবং বিকল্পগুলি দেখুন এবং উপযুক্ত একটি চয়ন করুন৷

আমি এই বিকল্পটি প্রধানত ব্যবহার করি যদি, ল্যান্ডিং পৃষ্ঠা ছাড়াও, আমাদের অতিরিক্ত পৃষ্ঠাগুলির প্রয়োজন হয়, অর্থাৎ, আমরা একটি বহু-পৃষ্ঠা সাইট তৈরি করছি৷ অথবা, কোনো প্ল্যাটফর্মের সাথে আবদ্ধ না হওয়ার জন্য, সাইটটি আপনার ব্যক্তিগত হোস্টিং-এ অবস্থিত হওয়া উচিত।

উদাহরণস্বরূপ, এই ব্লগে আমি The7 টেমপ্লেট ব্যবহার করি, যা WPBakery প্লাগইনের সাথে আসে।

আপনি পরিষেবাতে একটি ডোমেন নির্বাচন করতে পারেন:

• Reg.ru - ডোমেন নিবন্ধন
• Timeweb.com - আপনি যদি হোস্টিং সহ অবিলম্বে একটি ডোমেন কিনে থাকেন তবে এখানে কেনা আরও লাভজনক

ডোমেন নিবন্ধন সমস্ত পরিষেবার জন্য একই:

পরিষেবাতে একটি অ্যাকাউন্ট নিবন্ধন করুন;

একটি ডোমেন বিকল্প নির্বাচন করুন, নামটি অবশ্যই বিনামূল্যে হতে হবে;

একটি অঞ্চল নির্বাচন করুন (ru, com, рф, ইত্যাদি);

আপনার পাসপোর্টের বিশদ লিখুন, আপনি যদি আইনি সত্তা হিসাবে নিবন্ধন করেন, তাহলে কোম্পানির বিবরণ;

এক বছরের জন্য একটি ডোমেনের জন্য অর্থ প্রদান করুন (বা একবারে কয়েক বছর);

প্রস্তুত!

নির্বাচিত ডিজাইনার বা হোস্টিংয়ের সাথে একটি ডোমেন সংযুক্ত করতে, আপনাকে ডোমেন সেটিংসে এনএস সার্ভারগুলি নিবন্ধন করতে হবে৷ সমর্থন আপনাকে এই কাজটি মোকাবেলা করতে সাহায্য করবে যদি আপনি নিজে থেকে এটি বের করতে না পারেন।

পর্যায় 7. ল্যান্ডিং পৃষ্ঠা লেআউট করুন

নকশা প্রস্তুত হলে এবং আপনি লেআউট পদ্ধতির সিদ্ধান্ত নিয়েছেন। পরবর্তী ধাপ এই পুরো জিনিস শেষ করা হয়.

একটি নিবন্ধে সমস্ত বিন্যাস সরঞ্জাম সম্পর্কে কথা বলা অসম্ভব হবে; আপনাকে সেগুলি নিজেই অধ্যয়ন করতে হবে। আপনি কীভাবে এটি করতে পারেন তার বিকল্পগুলি:

- এটি আমার কোর্স, যা আমি The7 টেমপ্লেট এবং WPBakery কনস্ট্রাক্টর ব্যবহার করে রেকর্ড করেছি;

Tilda.Education - টিল্ডা ডিজাইনার বিষয়ে পাঠ এবং ওয়েবিনার;

WPlovers চ্যানেল- লোকটি এলিমেন্টরে পাঠ রেকর্ড করছে;

এলপিজেনারেটর জ্ঞানের ভিত্তি - এলপিজিজেনারেটর প্ল্যাটফর্ম সম্পর্কে প্রায়শই জিজ্ঞাসিত প্রশ্নের উত্তর।

পর্যায় 8. অতিরিক্ত টুলস সংযুক্ত করুন অনলাইন চ্যাট

অনলাইন চ্যাট রূপান্তর বাড়ায়, প্রমাণিত! যদি এমন কিছু থাকে যা একজন ব্যক্তি বুঝতে পারে না এবং পরামর্শের প্রয়োজন হয়। সবাই কল বা ইমেল সমর্থন করবে না; একটি অনলাইন চ্যাটে জিজ্ঞাসা করা এবং অবিলম্বে উত্তর পাওয়া আরও সুবিধাজনক। আপনি সংযোগ করতে পারেন, উদাহরণস্বরূপ, Jivosite, আমি নিজে এটি ব্যবহার করি, এটি আমাকে নতুন ক্লায়েন্ট "আনে"। আপনি আমাকে "হ্যালো!" চ্যাটে লিখতে পারেন।

কলব্যাকমেট্রিকা

ওয়েবসাইট সূচকগুলি ট্র্যাক করা গুরুত্বপূর্ণ; সংখ্যা ছাড়া আপনি একটি অন্ধ বিড়ালছানার মতো হবেন৷ এটা বোঝা গুরুত্বপূর্ণ যে কতজন লোক সাইটটি ভিজিট করেছে, কতজন একটি অনুরোধ রেখে গেছে, সাইটের সাধারণ সূচকগুলি কী, আপনি এমনকি দর্শকদের আচরণ দেখতে পারেন, তারা কীভাবে সাইটটি দেখেন। আপনি ইয়ানডেক্স মেট্রিক্স এবং/অথবা গুগল অ্যানালিটিক্স ইনস্টল করতে পারেন।

রিটার্গেটিং

আপনি যদি সামাজিক নেটওয়ার্কগুলিতে বিজ্ঞাপন চালানোর পরিকল্পনা করেন তবে আপনার ওয়েবসাইটে পছন্দসই সামাজিক নেটওয়ার্কের জন্য কোডটি ইনস্টল করুন। এই কোডটি দর্শকদের একটি তালিকা সংগ্রহ করবে যারা আপনার ল্যান্ডিং পৃষ্ঠা পরিদর্শন করেছে (অর্থাৎ অফারে আগ্রহী) এবং যাদের সামাজিক নেটওয়ার্কে একটি প্রোফাইল রয়েছে। তারপরে আপনি নির্বাচিত সামাজিক নেটওয়ার্কে তাদের কাছে আপনার বিজ্ঞাপন দেখাতে পারেন।

সিআরএম

সাইট থেকে একটিও অ্যাপ্লিকেশন অদৃশ্য না হয় তা নিশ্চিত করার জন্য CRM দায়বদ্ধ, যাতে প্রতিটি অ্যাপ্লিকেশনের জন্য আপনি কী পদক্ষেপ নিতে হবে তা বুঝতে পারেন (আবার কল করুন, একটি অনুরোধ পাঠান, দেখা করুন, 14 দিনের মধ্যে আপনার সম্পর্কে মনে করিয়ে দিন ইত্যাদি)। আপনার যদি ক্লায়েন্টের প্রবাহ থাকে তবে এটি সত্য, তবে আপনার যদি প্রতি মাসে 2-3 জন থাকে, তবে আমি মনে করি আপনার CRM এর প্রয়োজন নেই।

সবচেয়ে জনপ্রিয় CRM হল:

• AmoCRM (মূল্য 499 - 1499 রুবেল/মাস)
• Bitrix24 (মূল্য, বিনামূল্যে পরিকল্পনা থেকে 11,990 রুবেল/মাস)
• গুগল স্প্রেডশীট, এক্সেল বা কলম এবং কাগজ (যদি আপনার বাজেটে এটির প্রয়োজন হয়)

ক্যালকুলেটর

কিছু কুলুঙ্গির জন্য, একটি পরিষেবা বা পণ্য গণনা করার জন্য একটি ক্যালকুলেটর ব্যবহার করা গুরুত্বপূর্ণ। এটি কেবল সুবিধাজনক নয়, অ্যাপ্লিকেশন রূপান্তরও বাড়ায়। কারণ বোতাম টিপতে, লিভারগুলি সরানো এবং চূড়ান্ত মূল্য কী হবে তা দেখতে সর্বদা আকর্ষণীয়। এবং এটি সার্চ ইঞ্জিনের জন্য আচরণগত সূচকও বাড়ায়।

ক্যালকুলেটরটি হয় বিকাশকারীদের কাছ থেকে অর্ডার করা যেতে পারে, যা ব্যয়বহুল, অথবা আপনি একটি তৈরি পরিষেবা ব্যবহার করতে পারেন। একটি পরিষেবা uCalc আছে, যা জনপ্রিয় CMS, ডিজাইনার বা একটি কাস্টম ওয়েবসাইটের জন্য অভিযোজিত হতে পারে। একটি সুবিধাজনক কনস্ট্রাক্টর ব্যবহার করে আপনার ক্যালকুলেটর তৈরি করুন এবং এটি সাইটে যোগ করুন।

একটি গ্রাহক বেস সংগ্রহ

আপনি যদি পরে ইমেল বা এসএমএস বার্তা পাঠাতে গ্রাহকের ডাটাবেসে গ্রাহক পরিচিতি সংগ্রহ করার সিদ্ধান্ত নেন, তাহলে আপনাকে একটি বিশেষ পরিষেবা ব্যবহার করতে হবে। আপনি SendPulse বিবেচনা করতে চাইতে পারেন, আমি সম্প্রতি এই পরিষেবাটি পর্যালোচনা করেছি, যা আপনি করতে পারেন। SendPulse-এর একটি বিনামূল্যের পরিকল্পনা রয়েছে যার সাহায্যে আপনি পরিষেবাটি পরীক্ষা করতে পারেন। যদি তার না হয়, তাহলে বাজারে অন্যান্য অফার রয়েছে, যেমন MailerLite, UniSender, JustClick, GetResponse ইত্যাদি।

পর্যায় 9. যাচাইকরণ

তাই! সবকিছু সেট আপ করা হয়েছে, সংযুক্ত, সাইটটি ইতিমধ্যেই ইন্টারনেটে রয়েছে, হুররে, ভাল হয়েছে৷ এখন এটা চেক আউট সময়. আমি ঠিক কি পরীক্ষা করা উচিত?

টেক্সট চেকিং

পাঠ্যটি প্রুফরিড করতে ভুলবেন না বা এটি সম্পন্ন করার জন্য একজন প্রুফরিডার/কপিরাইটারের সাথে যোগাযোগ করুন। আমরা ত্রুটির জন্য পাঠ্য পরীক্ষা করি, লেআউটের সময় দুর্ঘটনাক্রমে অনুলিপি করা ব্লক ইত্যাদি। পাঠ্যের ত্রুটির চেয়ে গুরুতর কোম্পানির ছাপ আর কিছুই নষ্ট করে না।

অভিযোজন পরীক্ষা

আপনার ট্যাবলেট এবং ফোনে ল্যান্ডিং পৃষ্ঠার লেআউট পরীক্ষা করতে ভুলবেন না। সবকিছু কি ভাল মানিয়েছে? হ্যাঁ, কখনও কখনও এটি ঘটে যে সবকিছু নিখুঁতভাবে সাজানো সম্ভব নয়, তবে এটি অন্তত পাঠযোগ্য এবং কম-বেশি ঝরঝরে হওয়া উচিত। যদি একটি ব্লক সঠিকভাবে অভিযোজিত না হয়, তাহলে আপনাকে দুটি অভিন্ন ব্লক তৈরি করতে হবে, একটি কম্পিউটার সংস্করণে লুকিয়ে রাখতে হবে এবং দ্বিতীয়টি মোবাইল ডিভাইসে লুকিয়ে রাখতে হবে। এবং প্রতিটি ব্লক নির্বাচিত রেজোলিউশনের জন্য কনফিগার করার জন্য সুবিধাজনক।

বোতাম পরীক্ষা করা হচ্ছে

পরীক্ষা করুন যে সমস্ত বোতামে প্রয়োজনীয় মান সংযুক্ত আছে: পছন্দসই স্থানে নোঙ্গর করুন, একটি মডেল উইন্ডো খুলুন, অন্য পৃষ্ঠায় যান, ইত্যাদি।

আবেদনপত্র পরীক্ষা করা হচ্ছে

একটি পরীক্ষার অনুরোধ পাঠান এবং ইমেলের বিতরণযোগ্যতা পরীক্ষা করুন। আপনি যদি সিআরএম-এর সাথে একত্রিত হয়ে থাকেন, তাহলে পরীক্ষা করুন যে অ্যাপ্লিকেশনটি সিআরএম-এ অন্তর্ভুক্ত রয়েছে।

ল্যান্ডিং পৃষ্ঠার উদাহরণ

আপনি ল্যান্ডিং পৃষ্ঠাগুলির উদাহরণ দেখতে পারেন যা আমি তৈরি করেছি

আপনি যদি অর্ডার করার জন্য একটি ল্যান্ডিং পৃষ্ঠা তৈরি করতে চান তবে মন্তব্যে লিখুন বা একটি অনুরোধ ছেড়ে দিন

ফলাফল

আপনি যদি সমস্ত পদক্ষেপগুলি সম্পন্ন করে থাকেন, তাহলে অভিনন্দন, আপনার ল্যান্ডিং পৃষ্ঠাটি যেতে প্রস্তুত! এখন আপনার গ্রাহকদের আনার জন্য আপনার ল্যান্ডিং পৃষ্ঠার প্রয়োজন, এর জন্য আপনাকে বিজ্ঞাপন সেট আপ করতে হবে, তবে এটি অন্য নিবন্ধের জন্য একটি গল্প। আমি আশা করি যে এই নিবন্ধটি আপনার জন্য উপযোগী ছিল এবং আপনি একটি উচ্চ-মানের টার্নকি ল্যান্ডিং পৃষ্ঠা তৈরির সম্পূর্ণ প্রক্রিয়া বুঝতে সক্ষম হয়েছেন। যে কোন প্রশ্নের জন্য, আপনি এই পোস্টের অধীনে মন্তব্য লিখতে পারেন. একটি ওয়েবসাইট তৈরি করার সময় আপনি আপনার পদ্ধতি এবং কৌশলগুলিও লিখতে পারেন, এটি আপনার অর্জনগুলি পড়তে এবং শিখতে আকর্ষণীয় হবে :)

গুগল ফন্ট

মন্তব্যে আপনার চিন্তা লিখুন. অন্যান্য নিবন্ধে দেখা হবে!

ল্যান্ডিং, ল্যান্ডিং, ল্যান্ডিং, ল্যান্ডিং পৃষ্ঠা, এক-পৃষ্ঠা সাইট, ল্যাংিং পৃষ্ঠা, এক-পৃষ্ঠা, বিক্রয় সাইট, ল্যান্ডিং পৃষ্ঠা।

একই জিনিসের অনেক নাম, এমনকি সম্পূর্ণ বিকৃত ব্যক্তি। মোদ্দা কথা হল আপনি যাই করুন না কেন, আপনার এমন একটি সাইট দরকার।

ঠিক আছে, যেহেতু এটি প্রয়োজন, তাহলে আসুন এটি তৈরি করার সমস্যাটি সমাধান করি। নিজেই একটি ল্যান্ডিং পেজ তৈরি করবেন? এই নিবন্ধের পরে - কোন প্রশ্ন নেই!

তদুপরি, এটি সঠিক, অর্থবহ এবং লক্ষ্যকে আঘাত করে। যেমন তারা বলে, আপনি নিজের লালিত বিক্রয় ল্যান্ডিং পৃষ্ঠাটি নিজেই তৈরি করতে পারেন।

শুধু ক্ষেত্রে বা পর্যায়ে 0

এটি সাধারণত বলা হয় যে এক-পৃষ্ঠার সাইটগুলি অনলাইনে একজন ব্যক্তির পরিচিতি বিক্রি বা পাওয়ার জন্য তৈরি করা হয়, কিন্তু আসলে এখানে অনেক বিস্তৃত কাজ রয়েছে:

পণ্য/পরিষেবার জন্য নতুন অনুরোধ গ্রহণ;

ব্র্যান্ড সচেতনতা বৃদ্ধি;

পণ্য/পরিষেবার বিধান সম্পর্কে অবহিত করা;

পরিষেবা সম্পর্কে পরামর্শ প্রদান;

প্রার্থীদের কাছ থেকে জীবনবৃত্তান্ত গ্রহণ;

অংশীদার, ডিলার, প্রতিনিধিদের আকর্ষণ করুন;

পরিষেবা অ্যাক্সেস প্রদান;

ইত্যাদি।

আপনি তৈরি করা শুরু করার আগে, আপনাকে মনে রাখতে হবে যে আপনি একটি পণ্য বিক্রি করার চেষ্টা করতে পারবেন না এবং একটি সাইটে বিক্রেতাদের আকর্ষণ করতে পারবেন না। এবং সব কারণ এই বিভিন্ন কাজ, এবং এর মানে বিভিন্ন ল্যান্ডিং পেজ।

গুরুত্বপূর্ণ। তৈরি করার আগে, আপনাকে আপনার ল্যান্ডিং পৃষ্ঠার উদ্দেশ্য পরিষ্কারভাবে সংজ্ঞায়িত করতে হবে। এবং মনে রাখবেন - একটি লক্ষ্য থাকা উচিত।

এটি সম্ভাব্য ব্যক্তিদের নাগাল কমিয়ে দিন, তবে পৃষ্ঠার কার্যকারিতা বাড়াতে দিন, যা আর্থিকভাবে সবকিছুকে ন্যায্যতা দেবে।

ধাপ 1 - দান করুন বা নিজে তৈরি করুন

এই ধাপে, আপনি দুটি সমাধান বিকল্পের মধ্যে কোনটি বেছে নেবেন তা নির্ধারণ করতে হবে।

কি করতে হবে, কি করতে হবে

এবং তারা আপনার আর্থিক এবং সময় সম্পদের উপর ভিত্তি করে নির্বাচন করা হবে. আসুন তাদের প্রতিটিকে তাদের সুবিধা এবং অসুবিধা সহ দেখুন।

কনস্ট্রাক্টর

একবার, একজন ক্লায়েন্ট সাইটটি পাওয়ার পরে আমাদের কাছে একটি অভিযোগ লিখেছিল। এর সারমর্ম ছিল যে আমরা ন্যায্যভাবে অনেক টাকা নিইনি।

এটি সব খুব অদ্ভুত লাগছিল, কারণ তিনি ইতিমধ্যে সবকিছুর সাথে নিজেকে পরিচিত করেছিলেন এবং চুক্তিতে স্বাক্ষর করেছিলেন। কিন্তু আমরা একটি দরিদ্র কোম্পানি নই, তাই কিছু প্রমাণ করার চেষ্টা করার চেয়ে ক্লায়েন্টকে শান্তিতে যেতে দেওয়া আমাদের পক্ষে সহজ (সর্বদা নয়)। সেটাই আমরা করেছি।

এবং এই সব ঘটেছে কারণ তিনি ইন্টারনেটে একটি ল্যান্ডিং পৃষ্ঠা ডিজাইনার খুঁজে পেয়েছেন এবং শিখেছেন যে তিনি নিজেই সবকিছু করতে পারেন, এতে আক্ষরিক অর্থে 5-6 ঘন্টা ব্যয় করেন এবং মাসে 1,000 রুবেলের বেশি অর্থ প্রদান করেন না।

তবে আপনি এবং আমি বুঝতে পারি যে আপনি নিজেই একটি "গাড়ি" একত্রিত করতে পারেন, তবে এটি কতদূর যাবে, এটি কতটা স্বতন্ত্র হবে, কতটা সঠিক প্রযুক্তিগত সরঞ্জাম থাকবে...

আমরা নিবন্ধে সময়সীমা সহ একটি ল্যান্ডিং পৃষ্ঠা তৈরি করার সমস্ত ধাপগুলি বিস্তারিতভাবে বর্ণনা করেছি।

সুবিধা:

• সস্তা। খুব বেশী তাই. প্রতি মাসে 500-1000 রুবেল এবং আপনি একটি এক-পৃষ্ঠার ওয়েবসাইটের খুশি মালিক;
• শুধু। আপনাকে লেআউট, মোবাইল ডিভাইসের জন্য অভিযোজন, বা আপনার ফোনে নতুন অ্যাপ্লিকেশন সম্পর্কে এসএমএস বিজ্ঞপ্তিগুলি সংযুক্ত করার বিষয়ে চিন্তা করতে হবে না৷ এই সব ইতিমধ্যে আছে এবং আপনার সুবিধার জন্য করা হয়েছে;
• দ্রুত। আপনি সত্যিই দ্রুত সবকিছু করতে এবং কনফিগার করতে পারেন। তদুপরি, পরিবর্তন করা কঠিনও হবে না;
• কারিগরি সহযোগিতা. তোমার কোনো প্রশ্ন আছে? তারা আপনাকে যত তাড়াতাড়ি এবং পুঙ্খানুপুঙ্খভাবে উত্তর দেবে। একটি বিশাল প্লাস;
• বিনামূল্যে ট্রায়াল সময়কাল. এখন প্রায় সমস্ত ল্যান্ডিং পৃষ্ঠা ডিজাইনারদের 14-দিনের বিনামূল্যে ট্রায়াল সময়কাল আছে। নিবন্ধন করুন এবং...

জীবনের সামান্য সত্য। “14 দিন বিনামূল্যে! এই সময়ে, আমি ওয়েবসাইট নির্মাতার একটি ল্যান্ডিং পৃষ্ঠা ব্যবহার করে অর্থ উপার্জন করব এবং একটি এজেন্সি থেকে একটি সুন্দর ওয়েবসাইট অর্ডার করব,” তারা ভেবেছিল।

14 দিন পরে, সবেমাত্র ডিজাইনারকে পরাস্ত করতে পেরেছে, সবকিছু ভুল করেছে এবং সাইটের মাধ্যমে একক অর্ডার না পেয়ে তারা বুঝতে পেরেছিল যে এক-পেজার কাজ করছে না।

বিয়োগ:

• জ্ঞান. কোন ব্লক ব্যবহার করতে হবে, তাদের ক্রম, ইত্যাদি জানতে হবে।

  আপনার প্রতিযোগীদের কটাক্ষপাত করার সিদ্ধান্ত নিয়েছে? দারুণ! কিন্তু আপনি কিভাবে জানেন যে আপনার প্রতিযোগীদের একটি কার্যকর ল্যান্ডিং পৃষ্ঠা রয়েছে এবং ভাল পারফরম্যান্স দেখায়?

• ডিজাইন। আপনি যদি প্রথমবারের মতো কোনও ডিজাইনারের সাথে কাজ করছেন, তবে আপনি চোখের জল ছাড়া কাজ শেষে ল্যান্ডিং পৃষ্ঠার নকশাটি দেখতে সক্ষম হবেন না।

  এমনকি যদি এটি প্রথম বিকল্প না হয়। একটি দুর্দান্ত ডিজাইন আশা করবেন না যা "বাহ!" হবে

• সীমাবদ্ধতা। প্রস্তুত ব্লকের সংখ্যা সীমিত, যেমন তাদের কার্যকারিতা। ডিজাইন সমাধানগুলিও প্রশস্ত পরিসরে উপস্থাপিত হয় না।

  অতএব, আপনি যদি চান যে একটি পাখি এখানে উড়ে যেতে পারে যখন একজন ব্যক্তি একটি অ্যাপ্লিকেশন ছেড়ে যায় (যেন তার অ্যাপ্লিকেশনটি ক্যারিয়ার কবুতরের সাথে আপনার কাছে উড়ে গেছে), আপনি এই জাতীয় ধারণাটি ভুলে যেতে পারেন।

ব্যক্তিগতভাবে, আমরা এই ল্যান্ডিং পৃষ্ঠা নির্মাতাকে সুপারিশ করতে পারি। আমরা সাধারণত তাদের কাছে ক্লায়েন্টদের উল্লেখ করি যারা সবেমাত্র শুরু করছে বা একটি কুলুঙ্গি পরীক্ষা করছে।

ফ্রিল্যান্সার

আসুন সরাসরি পয়েন্টে এবং অভিজ্ঞতা থেকে আসা যাক। একজন ফ্রিল্যান্সারকে খুঁজে বের করা যিনি এককভাবে স্ক্র্যাচ থেকে এবং টার্নকি ভিত্তিতে একটি বিক্রয় ল্যান্ডিং পৃষ্ঠা তৈরি করবেন তা অসম্ভব। হ্যাঁ এটা সত্য.

স্বতন্ত্র বিশেষজ্ঞদের খুঁজে বের করা সম্ভব: একজন ডিজাইনার যিনি ভবিষ্যতের ওয়েবসাইটের ডিজাইন তৈরি করবেন, বা একজন প্রোগ্রামার যিনি এটিকে একত্রিত করবেন, কিন্তু এমন কোনও দানব নেই যে কোয়ালিটি একটি ওয়েবসাইট তৈরি করতে পারে।

সমস্ত কাজের দ্বারা আমি এই ধরনের লোকদেরও বুঝিয়েছি যেমন: ইন্টারনেট মার্কেটার, কপিরাইটার, প্রজেক্ট ম্যানেজার। শারীরিকভাবে, কমপক্ষে সবকিছুতে ভাল হওয়া অসম্ভব।

অতএব, একজন ফ্রিল্যান্সারের সাথে কাজ করার আদর্শ উপায় হল যখন আপনি নিজেই সবকিছু বিশ্লেষণ, সংগ্রহ এবং প্রস্তুত করেন।

এবং ফ্রিল্যান্স এক্সচেঞ্জে পাওয়া ডিজাইনার এবং লেআউট ডিজাইনার সহজভাবে এটি বাস্তবায়ন করে, এবং কোন উদ্যোগ ছাড়াই।

সুবিধা:

• সময়। একটি প্লাস এবং একটি বিয়োগ উভয়. সুবিধা হল যে আপনি চেহারা এবং প্রযুক্তিগত উপাদান বাস্তবায়নের বেশিরভাগ ঝামেলা থেকে নিজেকে মুক্ত করেন।
• গুণমান। প্রধান প্লাস। আপনি স্ক্র্যাচ থেকে এটি নিজে করার চেয়ে তারা একশ শতাংশ ভাল করবে।

  ন্যূনতম, কারণ তাদের অভিজ্ঞতা এবং জ্ঞান রয়েছে যা তাদের ক্ষেত্রে আপনার আছে, আসুন সৎ হই, প্রায় কিছুই না।

বিয়োগ:

• দায়িত্ব। যদি সাইটটি কাজ না করে তবে আপনি ছাড়া আর কেউ দায়ী নয়। যেহেতু আপনিই তাদের নিয়ন্ত্রণ করেন এবং প্রয়োজন মতো কথা বলেন।

  অনুসন্ধান করুন। তাদের কোথায় খুঁজতে হবে, কীভাবে তাদের জন্য কাজগুলি বরাদ্দ করতে হবে এবং... আপনাকে একটি সংক্ষিপ্ত পূরণ করতে হবে, প্রযুক্তিগত বৈশিষ্ট্যগুলি দেখাতে হবে, ইত্যাদি সম্পর্কে আপনার বিশেষ জ্ঞানের প্রয়োজন।

• সময় এবং স্নায়ু. একটি ফ্রিল্যান্সার খুঁজে বের করার সময়, কাজ তৈরি করার সময়, একটি ল্যান্ডিং পৃষ্ঠা প্রোটোটাইপ তৈরি করার সময়, নিয়ন্ত্রণ করার সময়। আপনি অনেক সময় এবং স্নায়ু নষ্ট হবে.

  ফ্রিল্যান্সারদের অধিকাংশই স্লব (আমি ক্ষমাপ্রার্থী, তবে এটি এমনই হয়), তাই সময়সীমার বিলম্ব এবং যোগাযোগ রাডার থেকে পর্যায়ক্রমিক ক্ষতি ঘটবে।

  এবং আপনি যখন সস্তায় একটি ল্যান্ডিং পৃষ্ঠা তৈরি করতে চান তখন আপনি এটি সর্বনিম্ন আশা করতে পারেন।

• টাকা। আপনাকে অর্থ বের করতে হবে, যেহেতু "সংযোগ" ছাড়াই একজন ভাল বিশেষজ্ঞের জন্য বেশ কিছুটা খরচ হয়।

  একটি গড় মানের নকশা প্রায় 8-10 হাজার খরচ হবে, লেআউট এছাড়াও এই পরিমাণ প্রায় খরচ হবে. আবার, এটি সমস্ত প্রকল্পের জটিলতা এবং অভিনয়কারীদের নিজেদের উপর নির্ভর করে।

• স্ক্যামাররা। কাজটি নিম্নরূপ গঠন করা হয়েছে: 50/50 অগ্রিম অর্থ প্রদান এবং তারপরে প্রকল্পটি শেষ হওয়ার পরে অবশিষ্ট অর্থ প্রদান।

  আমি কাউকে অসন্তুষ্ট করতে চাই না, কিন্তু ফ্রিল্যান্সারদের মধ্যে এমন অনেক লোক আছে যারা... অগ্রিম অর্থপ্রদান পাওয়ার পর প্রকল্পটি গ্রহণ করে না। সহজ কথায়, তারা হারিয়ে যায়।

এখন পেমেন্ট সম্পর্কে একটু: আপনি যদি একজন ফ্রিল্যান্সারের সাথে কাজ করার সিদ্ধান্ত নেন, তাহলে আমি নিম্নলিখিত পেমেন্ট স্কিমটি সুপারিশ করছি: নিরাপদ লেনদেন হিসাবে 50 শতাংশ অগ্রিম অর্থ প্রদান করুন (প্রায় সব এক্সচেঞ্জেই এটি আছে)।

এবং বাকি পরিমাণ সরাসরি ফ্রিল্যান্সারের কাছে স্থানান্তর করুন। এই ক্ষেত্রে, আপনি 15% অতিরিক্ত অর্থ প্রদান করবেন, তবে আপনি নিজেকে রক্ষা করবেন।

জীবন হ্যাক. যদি একজন ফ্রিল্যান্সার আপনাকে কেলেঙ্কারী করতে যাচ্ছে, তাহলে সে আপনাকে নিরাপদ লেনদেন থেকে বিরত করবে। এটি আপনার সংকেত হবে।

পর্যায় 2 - কাকে এবং কি?

এই নিবন্ধে সবচেয়ে বিরক্তিকর (কিন্তু সবচেয়ে প্রয়োজনীয়) ব্লক. আপনি কোন পথে যান এটা কোন ব্যাপার না. আপনি নিজেই একটি কার্যকর ল্যান্ডিং পৃষ্ঠা তৈরি করবেন বা এটি একটি বিশেষ সংস্থার কাছে পাঠাবেন। যে কোনও ক্ষেত্রে, আপনাকে 3 টি জিনিস জানতে হবে:

আপনার লক্ষ্য দর্শক;

শিকারের মই;

আপনার কোম্পানির ভিতরের.

শুধুমাত্র পার্থক্য হল যে আপনি যদি একা একটি ল্যান্ডিং পৃষ্ঠা তৈরি করেন তবে আপনাকে সবকিছু লিখতে এবং চিন্তা করতে হবে।

এজেন্সি আপনাকে একটি বিশদ সংক্ষিপ্ত বিবরণ পূরণ করতে দেবে, যার জন্য তারা লক্ষ্য শ্রোতাদের সময়সূচী তৈরি করে এবং নিজেরাই করে। যাইহোক, আমরা একটি ভিন্ন রুট গ্রহণ করি এবং স্কাইপের মাধ্যমে আপনার সাথে যোগাযোগ করে নিজেরাই সংক্ষিপ্তটি পূরণ করি।

আমরা আন্তরিকভাবে বিশ্বাস করি যে এটিই সমস্ত তথ্য পাওয়ার একমাত্র উপায়, যেহেতু কথোপকথনের সময় নিম্নলিখিত প্রশ্নগুলি জিজ্ঞাসা করা সম্ভব৷ এবং এই ধরনের প্রশ্ন সবসময় উপস্থিত হয়।

লক্ষ্য দর্শক

আমরা ইতিমধ্যে টার্গেট অডিয়েন্স বা ক্লায়েন্টকে আরও গভীরভাবে সংজ্ঞায়িত করার বিষয়ে লিখেছি।

এই অধ্যয়নটি আপনাকে আপনার সম্ভাব্য ক্লায়েন্ট কে, আপনার পণ্য/পরিষেবার সাথে তার কী ধরনের ভয়, আপত্তি এবং আকাঙ্ক্ষা রয়েছে তা বোঝার সুযোগ দেবে।

ভবিষ্যতের ল্যান্ডিং পৃষ্ঠায় আপনার কী চাপ দেওয়া উচিত, কোন শব্দগুলি ব্যবহার করা উচিত, কোন চিত্রগুলি সন্নিবেশ করা ভাল৷ একটি সরলীকৃত সারাংশ ডায়াগ্রাম এই মত দেখায়:

টার্গেট অডিয়েন্স হান্ট এর ল্যাডার

কিন্তু হান্টের মই জ্ঞান কি দেবে? ক্লায়েন্টের অবতারের মতোই, এটি ভবিষ্যতের ল্যান্ডিং পৃষ্ঠার কাঠামো প্রদান করবে।

আমি আপনাকে সংক্ষেপে বলব, কিন্তু একটি এক-পৃষ্ঠার ওয়েবসাইটের প্রয়োগে, কারণ প্রায়শই ব্যবসার মালিকরা তাদের সম্ভাব্য ক্লায়েন্ট সচেতনতার পর্যায়ে বুঝতে পারেন না (যদি আপনি পড়তে খুব অলস হন তবে ভিডিওটি দেখুন)।

সংক্ষেপে, ক্রয়ের সিদ্ধান্ত নেওয়ার আগে একজন ব্যক্তি সচেতনতার 5টি ধাপ/স্তরের মধ্য দিয়ে যায়:

পর্যায় "উদাসিনতা"। কোন সমস্যা নেই.

পর্যায় "সচেতনতা"। সমস্যা আছে, কিন্তু সমাধান নেই।

পর্যায় "তুলনা"। সমস্যা সমাধানের বিকল্পগুলি একে অপরের সাথে তুলনা করা হয়।

পর্যায় "নির্বাচন"। সমাধান বিকল্প নির্বাচন করা হয়েছে. পণ্য খুঁজছেন.

পর্যায় "ক্রয়"। পণ্য সরবরাহকারীদের মধ্যে পছন্দ।

একটি ল্যান্ডিং পৃষ্ঠা তৈরি করার সময় এই জটিলতা কীভাবে আপনাকে সাহায্য করতে পারে? আসুন প্রতিটি পর্যায় এবং কিভাবে এগিয়ে যেতে হয় তা দেখুন:

পর্যায় "উদাসিনতা"। আপনাকে প্রথমে ব্যক্তির মাথায় সমস্যা তৈরি করতে হবে। দেখান যে সে যদি এটি না কিনে/না করে, তাহলে সবকিছু খারাপ হয়ে যাবে।

পর্যায় "সচেতনতা"। আপনাকে প্রথম পর্দায় দেখাতে হবে যে তার সমস্যা সমাধানের জন্য বিভিন্ন বিকল্প রয়েছে।

পর্যায় "তুলনা"। আপনাকে বোঝাতে হবে যে আপনার সমাধান অন্যদের চেয়ে ভাল, এবং এর জন্য আপনি একটি তুলনা টেবিল তৈরি করতে পারেন, একটি পণ্য পর্যালোচনা, গবেষণার ফলাফল, নির্বাচনের বিষয়ে ব্যক্তিগত পরামর্শ ইত্যাদি অফার করতে পারেন।

পর্যায় "নির্বাচন"। আপনাকে দেখাতে হবে কোন অফারটি তার জন্য উপযুক্ত, অথবা কোন ফর্ম/প্যাকেজে। এটি করার জন্য, আমরা আমাদের পণ্যগুলির আরও সুবিধা প্রকাশ করি।

পর্যায় "ক্রয়"। আপনাকে দেখাতে হবে, প্রথমত, আপনার কোম্পানির সাথে কাজ করার সুবিধাগুলি, এবং শুধুমাত্র তারপর পণ্য সম্পর্কে কথা বলুন এবং এটি সেরা।

মনে হচ্ছে আপনার এটির প্রয়োজন নেই, কিন্তু... উদাহরণস্বরূপ, যদি একজন ব্যক্তি একটি অ্যাপার্টমেন্ট কেনা এবং নিজের বাড়ি তৈরির মধ্যে বেছে নেন, তাহলে বাড়ির ল্যান্ডিং পৃষ্ঠায় একটি ব্লক থাকা উচিত যা ব্যাখ্যা করে যে কেন একটি বাড়ি একটি বাড়ির চেয়ে ভাল। অ্যাপার্টমেন্ট

প্যাকেজ

আপনি মোটামুটিভাবে কল্পনা করতে পারেন যে আপনার ওয়েবসাইটটি আপনার মাথায় কেমন হবে। এবং এটি ভাল যদি আপনার একটি কর্পোরেট পরিচয় বা ব্র্যান্ড বই থাকে (আদর্শ, আমি এমনকি বলব)।

সামগ্রিকভাবে আপনার পণ্য বা কোম্পানির সুবিধা সম্পর্কে কী? এবং একটি প্রোটোটাইপ এবং ওয়েবসাইট তৈরি করার আগে আপনাকে আরও কয়েক ডজন প্রশ্নের উত্তর দিতে হবে।

কারণ সঠিক প্রশ্নগুলোই সঠিক উত্তর তৈরি করে, যেগুলো আপনি নিয়ে থাকেন এবং আপনার ওয়েবসাইটে প্যাকেজ করেন। এই পর্যায়টি আপনাকে আপনার কোম্পানির সমস্ত মূল্যবান জিনিস নিতে এবং এটি প্রদর্শন করতে সহায়তা করবে।

যাতে আপনি সারমর্ম পেতে পারেন, এখানে 10টি প্রশ্নের একটি উদাহরণ দেওয়া হল যা আপনাকে আপনার কোম্পানি এবং আপনার পণ্যকে আরও ভাল/গভীরভাবে বুঝতে সাহায্য করবে এবং "একটি চমৎকার সস সহ" পরিবেশন করবে:

3-5টি "কারণগুলি তৈরি করুন কেন প্রতিযোগীদের থেকে আপনার কাছ থেকে কেনার চেয়ে বস্তুনিষ্ঠভাবে বেশি লাভজনক।"

আপনার কোম্পানির কি উত্পাদন বৈশিষ্ট্য আছে?

আপনি কি অভ্যন্তরীণ কর্মীদের প্রশিক্ষণ প্রদান করেন?

অনুরূপ পণ্যের সাথে পণ্যের তুলনা করুন। সুবিধা এবং অসুবিধাগুলি বলুন।

কোম্পানির ব্যক্তি বা ব্যক্তি কারা?

বড় পরিমাণে কেনার সময় আপনি ক্লায়েন্টদের কি বোনাস দিতে ইচ্ছুক?;

প্রথম যোগাযোগ থেকে কাজ শেষ হওয়া পর্যন্ত ক্লায়েন্টের সাথে কাজ করার পর্যায়গুলি বিশদভাবে বর্ণনা করুন।

কাজের আর্থিক অবস্থা সম্পর্কে আমাদের বলুন (প্রিপেমেন্ট, কিস্তি, প্রথম পেমেন্ট স্থগিত করা, পণ্য ঋণ, ডিসকাউন্ট, বিক্রয়ের জন্য পণ্য, তরল সম্পদের পুনঃক্রয় ইত্যাদি)।

কোম্পানী সম্পর্কে বা কোম্পানী থেকে কি প্রকাশনা বিদ্যমান? (বিশেষজ্ঞ মন্তব্য, সাক্ষাৎকার, টিভি শো বিচারক, কলাম, নিবন্ধ)।

আপনার ক্লায়েন্টরা তারা।

স্টেজ 3 - প্রোটোটাইপ

অবশেষে আমরা সবচেয়ে আকর্ষণীয় অংশ পেয়েছিলাম. এখন আমরা আপনার ভবিষ্যতের ওয়েবসাইট তৈরি করব।

বা বরং, আপাতত, কীভাবে নিজেকে একটি প্রোটোটাইপ তৈরি করবেন, তবে কমপক্ষে এটি লক্ষ্য দর্শকদের বর্ণনা করার চেয়ে আরও আকর্ষণীয়।

ধাপ 1. প্রোটোটাইপ গঠন

একটি প্রোটোটাইপ হল একটি ভবিষ্যত ল্যান্ডিং পৃষ্ঠার ব্লকগুলির গঠন এবং ক্রম, যা আপনি সহজেই আপনার লক্ষ্য দর্শকদের নির্বাচনের মানদণ্ড এবং আপত্তি থেকে তৈরি করতে পারেন।

এটি করার সর্বোত্তম উপায় হল নিম্নরূপ: কাগজের একটি শীট নিন এবং ব্লক/অর্থের একটি ক্রম লিখুন। এটা এই মত কিছু দেখায়:

একটি টুপি;

কোম্পানির সুবিধা;

ক্যাটালগ;

নিজস্ব উত্পাদন;

স্টক;

টীম;

ইত্যাদি

আপনি এবং আমি যারা ব্লকগুলি নির্ধারণ করি, তবে আমাদের অবশ্যই দুটি ক্লাসিক কাঠামোর কথা ভুলে যাওয়া উচিত নয় যার উপর যে কোনও বিজ্ঞাপন সামগ্রী তৈরি করা হয়েছে এবং ল্যান্ডিং পৃষ্ঠাটিও এর ব্যতিক্রম নয়:

(উত্পাদিত পণ্য এবং সেবাসমূহ);

PmPHSA()। ব্যথা, আরও ব্যথা, আশা, সমাধান, কর্ম (ব্যথা, ব্যথা বৃদ্ধি, আশা, সমাধান, কল টু অ্যাকশন) এর জন্য দাঁড়ায়।

যাতে আপনি কীভাবে নির্বাচিত অর্থগুলির মধ্যে একটিকে বোঝাতে পারেন এবং নিজে একটি প্রোটোটাইপ তৈরি করার সময় আপনার জীবনকে আরও সহজ করে তুলতে পারেন তা নিয়ে আপনার মস্তিষ্কের তাক লাগানো না, এই নিবন্ধটি আপনাকে সাহায্য করবে।

আমার খোলাখুলিতার জন্য দুঃখিত, কিন্তু যারা রাতে কাজ করে তাদের দেখতে আমার জন্য খুব ভালো লাগছে (শুধু আপনার স্বাস্থ্যের সাথে আপোস না করে এটি করুন)। আমি ভাবতে লাগলাম যে ওয়ার্কহোলিক মারা গেছে। সহযোগিতার ফলাফলের জন্য, আমি কেবল এই সত্যটি উল্লেখ করব: শীর্ষ দিনগুলিতে আমরা দিনে 140টি আবেদন পেয়েছি এবং আমাদের ইন্টারনেট বিপণন চ্যানেলের জন্য একটি সম্পূর্ণ বিক্রয় বিভাগ নিয়োগ করতে হয়েছিল। ধন্যবাদ!

ওপেন রিভিউ দিমিত্রি নোভোজিলভ, ডি-কালার

আপনি কি জানেন ইমেইল মার্কেটিং কি? উদাহরণস্বরূপ, কনভার্ট মনস্টারের ছেলেদের সাথে দেখা করার আগে আমি জানতাম না। আমি সরলভাবে বিশ্বাস করতাম যে এটি একটি সুন্দর শব্দ। আমি বিশ্বাস করেছি এবং একই সাথে শুনেছি যে এটি গ্রাহক বেসের সাথে আরও কার্যকরভাবে কাজ করতে সহায়তা করে। ছয় মাস আগে আমরা একটি গ্রাহক বেস অর্জন করেছি। এটি কিন্ডারগার্টেন ফ্র্যাঞ্চাইজির জন্য প্রতিদিনের অ্যাপ্লিকেশন থেকে সংকলিত হয়েছিল। প্রচুর অ্যাপ্লিকেশন ছিল, তবে রূপান্তরটি খুব নিম্ন স্তরে ছিল। আমি এই ঘটনার সাথে লড়াই করেছি - আমি নিজেই ডাটাবেসে চিঠি পাঠানোর চেষ্টা করেছি। সর্বদা পর্যাপ্ত সময় ছিল না - পরবর্তী নিউজলেটারটি ভালভাবে রচনা করতে, অর্ধেক কার্যদিবস লেগেছিল। প্রতি মিনিট ব্যয় করার সাথে সাথে, একটি উপযুক্ত চেইন তৈরি করার প্রয়োজন আরও বেশি করে দেখা দিয়েছে। কিন্তু এখন পর্যন্ত চিঠি পাঠানো হয়েছে সপ্তাহে একবার বা প্রতি দুই মাসে একবার। কাজে ধারাবাহিকতা ছিল না। কিছু অনুপস্থিত ছিল. অনেকক্ষণ আমরা ঠিক কী বুঝতে পারিনি। কনভার্ট মনস্টারের ছেলেরা দ্রুত কাজে লেগে গেল। প্রথম ফলাফল আসতে দীর্ঘ ছিল না. প্রাথমিক ইমেল চেইন সক্রিয় করার পরে, আমরা পুরানো ডাটাবেস ব্যবহার করে বেশ কিছু লেনদেন করেছি। তারা ই-মেইল মার্কেটিং চালু করার খরচ কভার করে। কয়েক মাস পর, আমরা রূপান্তর তিনগুণ বৃদ্ধি লক্ষ্য করি। এবং এই মাত্র শুরু. আমরা বর্তমানে বর্তমান রূপান্তর হার আরও বাড়ানোর জন্য কাজ করছি। উদাহরণস্বরূপ, আরও তিনবার। নিজের জন্য হিসেব করুন: - রূপান্তর হার 2 গুণ বাড়িয়ে কত টাকা আনবে? এটা সর্বনিম্ন! - আপনি যদি আপনার বিদ্যমান বেস থেকে ক্লায়েন্টের ন্যূনতম শতাংশ বন্ধ করেন তবে আপনি কত পাবেন? আপনি এখনও কনভার্ট মনস্টারের সাথে যোগাযোগ করবেন কিনা নিশ্চিত নন?

খোলা পর্যালোচনা সের্গেই Degtyarev

আমরা দীর্ঘদিন ধরে গ্রাহকদের আকৃষ্ট করতে ইন্টারনেট ট্রাফিক ব্যবহার করে আসছি। প্রায় দেড় বছর। এই সময়ের মধ্যে, কনভার্ট মনস্টার আমাদের কাছে সুপারিশ না করা পর্যন্ত আমরা 2টি প্রদানকারী পরিবর্তন করেছি। অনুরূপ পরিষেবা প্রদানকারী বেশিরভাগ সংস্থাগুলির সহযোগিতার শর্তগুলি একই রকম: মাসের জন্য বাজেট, একটি বিজ্ঞাপন প্রচারাভিযান আঁকা এবং আমরা চলে যাই। তারপর প্রচারাভিযান অপ্রচলিত হয়ে যায়, একটি পতন শুরু হয়, এবং ফলস্বরূপ, ক্লায়েন্টের অভাব। তারপর আপনি ম্যানেজারদের কৌশল, কৌশল, শিরোনাম, শব্দার্থিক মূল পরিবর্তন করতে বলুন - আপনি সমস্ত সাধুদের কাছে আবেদন করেন। এবং তারা (ব্যবস্থাপক, সাধু নয়) কিছুই করে না। অথবা হয়ত করে, কিন্তু কোন ফল হয় না। একদিন এটি আপনার দাঁতকে প্রান্তে সেট করে, আপনি এই অফিসটি অন্যের জন্য ছেড়ে যান, তারপর আপনি পরেরটির সন্ধান শুরু করেন। গুরুত্বপূর্ণ ! আপনি প্রথমটি খুঁজতে শুরু করার আগে, নিজে চেষ্টা করুন। অবশ্যই, এই মুহুর্তে আপনার ফলাফলগুলি সর্বোত্তম সম্ভাব্য, সেগুলি কেবল শূন্য! আমরা হতাশায় কনভার্ট করতে এসেছি। এই মুহূর্তটি ছিল যখন ইয়ানডেক্স একটি সেটআপ সেট আপ করেছিল - তারা গ্যারান্টিটি সরিয়ে দিয়েছিল যার উপর আমরা এত ভালভাবে বসেছিলাম এবং যতটা সম্ভব এবং অসম্ভব হিসাবে এটিকে দুধ দিয়েছিলাম। আমরা বুঝতে পেরেছিলাম যে সুখ তাত্ক্ষণিকভাবে আসবে না, তবে আমরা এটির জন্য অপেক্ষা করেছি। এবং প্রকৃতপক্ষে! এটি ধীরে ধীরে আমাদের দরজায় কড়া নাড়তে শুরু করে - অ্যাপ্লিকেশন এবং বিক্রয় আসতে শুরু করে। তারপর ব্যর্থতা - গ্রীষ্ম, অফ সিজন, মাইনাসে কাজ। কিন্তু ছেলেরা হাল ছেড়ে দেয়নি, এবং আমরা বাজেট কম করিনি, কারণ আমরা জানি এটি কী হুমকি দেয়। আপনার বাজেট কখনই কম করবেন না বা আপনার আয় নিয়ে আসে এমন সাইটটি ছেড়ে যাবেন না! চূড়ান্ত ফলাফল: Yandex.Direct এর মাধ্যমে 6 মিলিয়নের বেশি আয়। আমরা আমাদের সহযোগিতার চেয়ে বেশি সন্তুষ্ট! আপনার যদি কনভার্ট মনস্টারের সাথে কাজ করা যায় কিনা সন্দেহ থাকে, তাহলে আমাদের সাথে যোগাযোগ করুন! আমরা আপনাকে বলব কোথায় শুরু করবেন। তারপরে তাদের কাছে আপনার পথটি দীর্ঘতর হবে এবং মনস্টারকে রূপান্তর করার চূড়ান্ত প্রস্থান হবে আপনার "নিঃশ্বাস" এবং টানেলের শেষে আলো। সমস্ত পথ এখনও তাদের নিয়ে যাবে। আপনি যদি তাদের খুঁজছেন, অবশ্যই. এটা সময়ের ব্যাপার। শুধু নিজেকে এমন একটি কোম্পানি হিসাবে অবস্থান করুন যা বিকাশ এবং স্কেল করতে প্রস্তুত। অন্যথায়, তারা কেবল আপনার প্রতি আগ্রহী হবে না।

ওপেন রিভিউ ইসাবেলা রিটজ, রিটজ গ্রুপ এলএলসি

আমি আপনার সাথে যোগাযোগ করার আগে, আমি একটি কোম্পানি থেকে একটি ল্যান্ডিং পৃষ্ঠা এবং অন্য কোম্পানি থেকে Yandex Direct সেটআপের অর্ডার দিয়েছিলাম। উভয় কোম্পানিই বাজারে সুপরিচিত, কিন্তু আমাদের প্রতিটি সাইট + বিজ্ঞাপন প্রচারের সংমিশ্রণ সাহায্য করার চেষ্টা করেনি, তবে শুধুমাত্র অন্যান্য পারফর্মারের সমালোচনা করেছে: প্রোগ্রামার - ডাইরেক্টরোলজিস্ট, ডাইরেক্টোলজিস্ট - প্রোগ্রামার। ফলস্বরূপ, আপনার সুপারিশের উপর ভিত্তি করে, আমরা আপনার সাথে যোগাযোগ করেছি এবং মাত্র 4 মাসে আমরা আবেদনের সংখ্যা 4 গুণ বৃদ্ধি করেছি (প্রতি মাসে 120টি পর্যন্ত) এবং আমাদের অনলাইন বিক্রয়ের টার্নওভার কয়েক মিলিয়ন রুবেলে বেড়েছে।

খোলা পর্যালোচনা ভ্লাদিস্লাভ শুপেনিয়া, কিম্বারলিট কোম্পানি

শুভেচ্ছা, আমার প্রিয় পাঠক। আজ আমরা প্রযুক্তিগত দিকগুলি সম্পর্কে কথা বলব যা দিয়ে আমরা আমাদের পণ্য বা পরিষেবাগুলির বিক্রয় রূপান্তর বাড়াতে পারি। গুরুত্বপূর্ণ পয়েন্টগুলির মধ্যে একটি হল পণ্যগুলির সাথে একটি ভালভাবে ডিজাইন করা ল্যান্ডিং পৃষ্ঠা। তথাকথিত ল্যান্ডিং পৃষ্ঠা, যার সৃষ্টি আমরা পরে কথা বলব এবং রেডিমেড পৃষ্ঠা কোড পাবেন।

ল্যান্ডিং পেজ কি? এটি এমন একটি পৃষ্ঠা যা লোকেরা সাধারণত একটি বিজ্ঞাপনে ক্লিক করার পরে অবতরণ করে। একটি অফারের জন্য তৈরি করা হয়েছে: পণ্য, পরিষেবা বা সদস্যতা। একটি কার্যকর ল্যান্ডিং পেজ হল সফল অনলাইন মার্কেটিং এর ভিত্তি। পণ্যটি বাজারে সেরা হতে পারে, বিজ্ঞাপনগুলি নিখুঁত, কিন্তু একটি ভাল ল্যান্ডিং পৃষ্ঠা ছাড়া, প্রচেষ্টা 100% ফলাফল দেয় না। এটি দর্শকদের বলে যে কী অফার রয়েছে এবং কেন তারা এটি চাইবেন৷ জরুরীতার অনুভূতি দ্রুত সিদ্ধান্ত গ্রহণে এবং ব্যবহারকারীকে একজন ক্লায়েন্টের বিভাগে স্থানান্তর করতে অবদান রাখে।

কিভাবে একটি ল্যান্ডিং পেজ তৈরি করবেন? এটা বিশ্বাস করা ভুল যে উত্তরটি টাইপসেট করার ক্ষমতার মধ্যে রয়েছে। একটি ভাল ল্যান্ডিং পৃষ্ঠা হল লক্ষ্য, পাঠ্য, নকশা এবং কোডের উপর সমন্বিত কাজের ফলাফল। ল্যান্ডিং পৃষ্ঠাগুলি, যার উদাহরণ নীচে দেওয়া হবে, নতুনদের লেআউটের সাথে কাজ করার প্রাথমিক বিষয়গুলি শিখতে সাহায্য করবে, কিন্তু রূপান্তর পাঠ্য এবং লক্ষ্য দর্শকদের বোঝার প্রতিস্থাপন করবে না। আপনি বিভিন্ন ল্যান্ডিং পৃষ্ঠা ডিজাইনার ব্যবহার করে এগুলি তৈরি করতে পারেন।

সুতরাং আপনি একটি ল্যান্ডিং পৃষ্ঠা তৈরি করার আগে, নিজেকে জিজ্ঞাসা করুন:

• ল্যান্ডিং পেজে অবতরণের পর একজন ব্যক্তি কী করবেন? সে কি কিছু কিনবে? আপনি কি ফর্ম পূরণ করবেন? নিউজলেটার সদস্যতা? আপনার রূপান্তর হার ট্র্যাক করার আগে, স্পষ্ট লক্ষ্য সেট করুন।
• আমার প্রতিযোগী কারা? বাস্তবে, এই তিনটি প্রশ্ন: কারা, তারা কতটা সফল এবং কীভাবে তাদের কৃতিত্ব প্রয়োগ করা যেতে পারে? অনুকরণ হচ্ছে তোষামোদের আন্তরিক রূপ. আপনার প্রতিযোগীরা যদি এমন কিছু করে যা কাজ করে, তাহলে আপনার সাইটে এটি প্রতিলিপি করুন।
• আমার শ্রোতা কে? আপনি আপনার কুলুঙ্গি এবং লক্ষ্য শ্রোতাদের যত ভালোভাবে বুঝতে পারবেন, আপনার প্রচেষ্টার অর্থ প্রদানের সম্ভাবনা তত বেশি।

আপনাকে সমস্ত প্রয়োজনীয় তথ্য সরবরাহ করতে হবে, তবে এত বেশি নয় যে আপনি আপনার সম্ভাব্য ক্লায়েন্টকে অভিভূত করে তাড়িয়ে দেবেন।

একটি ল্যান্ডিং পৃষ্ঠা তৈরি করার উদাহরণ + ডামিদের জন্য কোডিং

আমরা শুরু করার আগে, আসুন HTML এবং CSS-এর দিকে তাকাই। তারা কীভাবে কাজ করে তা বোঝা আপনাকে একটি ল্যান্ডিং তৈরি করতে সহায়তা করবে।

HTML হল ওয়েবসাইট ভিজ্যুয়ালাইজেশনের জন্য একটি ব্রাউজার মার্কআপ ভাষা। কোণ বন্ধনীতে আবদ্ধ ট্যাগ ব্যবহার করে লেখা যা বিষয়বস্তুকে সংজ্ঞায়িত করে।

ট্যাগটি খোলে () এবং বন্ধ () ফিলিং এর চারপাশে:

বিষয়বস্তু

ফাইন-টিউনিংয়ের জন্য, নামের পরে গুণাবলী যোগ করা হয়:

বিষয়বস্তু

CSS - HTML উপাদানগুলিকে কীভাবে সাজানো যায় তা সংজ্ঞায়িত করে। নির্বাচক, বৈশিষ্ট্য এবং মান নিয়ে গঠিত:

#নির্বাচক (সম্পত্তি: মান;)

নির্বাচক একটি নির্দিষ্ট ট্যাগের নামের সাথে html-এ মেলে। মান পরিবর্তন করা এবং বৈশিষ্ট্য যোগ করা তার চেহারা সামঞ্জস্য করে। আপনি একই HTML-এ বিভিন্ন CSS শৈলী প্রয়োগ করে একে অপরের থেকে আলাদা দেখতে পেজ তৈরি করতে পারেন।

5টি প্রাথমিক ধাপ

দ্রুত লেআউটের জন্য, আমরা বুটস্ট্র্যাপের উপর ভিত্তি করে ন্যূনতম ডিজাইন সহ একটি টেমপ্লেট ব্যবহার করব। এটি নিজস্ব নির্বাচক সহ একটি সিস্টেম, যা লেআউটের গতি বাড়ানোর জন্য সারা বিশ্বে ব্যবহৃত হয়।

এটা বিনয়ী দেখায়.

এই মাছ থেকে প্রতিটি স্বাদের জন্য একটি ওয়েবসাইট তৈরি করা হয় বিভিন্ন পর্যায়ে।

ফোল্ডারে ডিরেক্টরি গঠন:

• index.html: এটি হল প্রধান ফাইল যা আমরা সম্পাদনা করব।
• /assets: সহায়ক ফাইলগুলি এখানে অবস্থিত:
• /css: ডিরেক্টরিতে বুটস্ট্র্যাপ এবং আইকন শৈলী রয়েছে। আমরা যে ফাইলটি সম্পাদনা করব তা হল main.css।
• /img: সাইটের ছবির জন্য ফোল্ডার।
• /ফন্ট: আইকন ফন্ট।
• /js: বুটস্ট্র্যাপ জাভাস্ক্রিপ্ট ফাইল।

ধাপ 1: একটি হেডার ব্যবহার করা

শিরোনাম এবং উপশিরোনামগুলি হল মূল জায়গা যা অফারের মূল্য স্পষ্টভাবে বোঝাতে সাহায্য করে৷

আসুন সাইটের শিরোনাম এবং নাম পরিবর্তন করি। এখানে আপনার টাইপিং দক্ষতার প্রয়োজন নেই - আপনি স্ক্রিনে হলুদে হাইলাইট করা জায়গায় আপনার নিজের পাঠ্য লিখুন।

ধাপ 2. ব্রেভিটি হল রূপান্তরের বোন। সুবিধা এবং হার যোগ করা

আপনার 4 টি বিভাগের প্রয়োজন হবে:

• সুবিধাদি;
• হার
• পর্যালোচনা;
• কর্ম কল.

আসুন মূল বিষয়বস্তুর একটি বিভাগ তৈরি করি "প্রধান", যেখানে আমরা প্রয়োজনীয় বিভাগগুলি সন্নিবেশ করব:

…..
…..
…..
…..

বিন্দুর পরিবর্তে ফিলিং দিয়ে পূরণ করুন।

সুবিধা বিভাগের জন্য আপনার এই কোডের প্রয়োজন হবে:

সুবিধাদি
দ্রুত

নির্ভরযোগ্য

Sed diam nonummy

লাভজনক

এলিট, sed diam nonummy

প্রযুক্তিগতভাবে

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

নির্ভরযোগ্য

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

লাভজনক

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy

প্রযুক্তিগতভাবে

Lorem ipsum dolor sit amet, consectetuer adipiscing

নির্ভরযোগ্য

Lorem ipsum dolor sit amet, consectetuer adipiscing

লাভজনক

Lorem ipsum dolor sit amet, consectetuer adipiscing

স্পষ্টতার জন্য বিষয়বস্তু:

এটি এখনও ঢালু দেখাচ্ছে, তবে আতঙ্কিত হওয়ার কোনও কারণ নেই, চলুন চালিয়ে যান।

আমরা দাম লিখি। বিষয়বস্তু প্রথম ধাপের মতো একইভাবে পরিবর্তিত হয়। "শুল্ক" শ্রেণী এবং তিনটি শুল্কের সাথে সাধারণ বিবরণ।

ট্যারিফ পরিকল্পনা

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore Magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo conequat.

ট্যারিফ নং 1
$10

প্রতি মাসে/জন প্রতি

• Lorem ipsum dolor sit amet, consectetuer adipiscing elit


• Lorem ipsum dolor


• 10 Lorem ipsum

অর্ডার
ট্যারিফ নং 2
$20

প্রতি মাসে/জন প্রতি

• Lorem ipsum dolor sit amet, consectetuer adipiscing elit


• Lorem ipsum dolor


• 10 Lorem ipsum

অর্ডার
ট্যারিফ নং 3
$30

প্রতি মাসে/জন প্রতি

• Lorem ipsum dolor sit amet, consectetuer adipiscing elit


• Lorem ipsum dolor


• 10 Lorem ipsum

অর্ডার

এমনই মনে হচ্ছে।

আপাতত, আমরা ভবিষ্যতের ল্যান্ডিং পৃষ্ঠার উপস্থিতিতে আগ্রহী নই - আমরা নীচের স্টাইল পরিবর্তনের উদাহরণগুলি দেখব।

ধাপ 3: সিগন্যাল এবং কল টু অ্যাকশনে বিশ্বাস করুন

লক্ষ্যযুক্ত সংকেত ব্যবহার করা দর্শকদের ইঙ্গিত দেয় যে ব্র্যান্ডটি বিশ্বস্ত। সংকেত অনেক রূপ নিতে পারে, কিন্তু ক্লাসিক হল গ্রাহকের প্রতিক্রিয়া।

ক্রেতার পর্যালোচনা

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo:

“Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo।"
“Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo।"

চলুন কর্মের জন্য একটি কল সেট করা যাক.

আজই অর্ডার করলে উপকার পাবেন

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore Magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea Commodo ফলাফল:

এখনি আদেশ কর!

পর্যালোচনাগুলি সম্ভাব্য গ্রাহকদের পণ্য কেনার সিদ্ধান্ত নিতে সাহায্য করবে। স্বচ্ছতার জন্য, আমাদের অবতারের প্রয়োজন, তাই আমরা অবিলম্বে তাদের জায়গায় রাখব - প্রতিটি উদ্ধৃতির নীচে।

গ্রাহকের নাম.

ধাপ 4: গ্রিড এবং মোবাইল ফ্রেন্ডলি ইন্টিগ্রেশন

গ্রিড বাস্তবায়ন করতে, আমাদের বুটস্ট্র্যাপ পাত্রে প্রয়োজন। বৈধ কলাম বিভাগের মোট সংখ্যা মনে রাখা গুরুত্বপূর্ণ - 12। শ্রেণীটি বিষয়বস্তু প্রদর্শনের প্রস্থ নির্ধারণ করে। এই প্রাক-তৈরি গ্রিড সম্পর্কে ভাল জিনিস হল যে কন্টেইনারগুলি প্রতিক্রিয়াশীলতার সাথে ডিজাইন করা হয়েছে এবং মোবাইল ডিভাইসগুলিতে অবিলম্বে ব্যবহারযোগ্য। অফিসিয়াল ওয়েবসাইটে বিস্তারিত বিবরণ। গ্রিড এই মত দেখায়.

"প্রধান" এর বিষয়বস্তু একটি পাত্রে মোড়ানো হবে। এটি করার জন্য, নীচের উপরে লেখা আছে:

… .

আপনি যদি পর্দার পুরো প্রস্থে মাপসই করার জন্য ব্লকের প্রয়োজন হয়, তাহলে ধারকটি ভিতরে ঢোকানো হয়। এখানে এটি একটি জাম্বোট্রন এবং কর্মের জন্য একটি কল হবে।

আমরা লাইন বিভাজক দিয়ে একে অপরের উপরে বসানো প্রয়োজন এমন সমস্ত উপাদান মোড়ানো করব।

আমরা এখন বুটস্ট্র্যাপ গ্রিডে ফোকাস করে কলামের প্রস্থ সামঞ্জস্য করতে পারি। মোড়ানোর পরে, ফিলিংটি স্ক্রিনের প্রান্তে আটকে থাকা বন্ধ হয়ে যায় এবং ঝরঝরে ইন্ডেন্টগুলি উপস্থিত হয়।

আমরা কলাম ক্লাস col-lg-4 ব্যবহার করে এক সারিতে দাম নির্ধারণ করি। সারি লাইনের ভিতরে, মোড়ানোর জন্য আলাদা ডিভ লেখার আর প্রয়োজন নেই; এগুলি একটি স্থান দ্বারা পৃথক করা বিদ্যমানগুলির সাথে একত্রিত করা যেতে পারে।

সাদৃশ্য অনুসারে, আমরা পর্যালোচনা এবং সুবিধা বিভাগের জন্য কলাম সেট আপ করি। আপনি যদি একটি উপাদান পাশে সরাতে চান, অফসেট কলাম ক্লাস col-lg-offset-2 ব্যবহার করুন। শেষে সংখ্যাটি নির্ধারণ করে কতগুলি বেস কলাম দ্বারা শিফটটি ঘটবে।

ধাপ 5. ফন্ট এবং আইকন

আমরা গুগল ফন্ট শিরোনাম ফন্ট বাস্তবায়ন. নির্বাচিত হলে, আমদানি ট্যাব খুলুন এবং এর থেকে main.css ফাইলে ডেটা অনুলিপি করুন। যে ফাইলের জন্য নতুন ফন্ট ব্যবহার করা হয় আমরা সেই ফাইলে শিরোনাম নির্বাচকও যোগ করি।

@import "https://fonts.googleapis.com/css?family=Roboto+Condensed" /* শিরোনামের জন্য ফন্ট আমদানি করুন */
.navbar-ব্র্যান্ড,
h1,
h2,
h3,
h4,
h5,
h6 (
font-family: "Roboto Condensed", sans-serif; /* Googlefont আউটপুট */
}

স্বচ্ছতার জন্য, সুবিধাগুলি বুটস্ট্র্যাপ সেট থেকে স্ব-ব্যাখ্যামূলক নাম টেক্সট-সেন্টার এবং FontAwesome আইকন সহ একটি ক্লাস দ্বারা বর্ণনা করা হয়।

এই মুহুর্তে, প্রস্তুতি সম্পূর্ণভাবে সম্পন্ন হয়।

ল্যান্ডিং পৃষ্ঠা: অফার, প্যারালাক্স এবং কাউন্টার সহ কোডের উদাহরণ

আমরা তিনটি সর্বাধিক জনপ্রিয় প্রকার ব্যবহার করি: একটি বাক্য, একটি ফর্ম এবং একটি কাউন্টডাউন কাউন্টার সহ। লেআউট অগ্রসর হওয়ার সাথে সাথে টেমপ্লেটটি প্রভাবগুলির সাথে সম্পূরক হবে।

উদাহরণ 1: একটি বাক্য সহ

মূল অংশ এবং প্যাডিং এর ব্যাকগ্রাউন্ড সেট করা যাক যাতে প্রথম স্ক্রীনটি কভার হয়।

জাম্বোট্রন (
ব্যাকগ্রাউন্ড: #f5f5f5 url(../img/fon.jpg) টপ সেন্টার নো-রিপিট;
সর্বোচ্চ-প্রস্থ: 100%;
প্যাডিং-টপ: 250px;
প্যাডিং-বটম: 200px;
টেক্সট-সারিবদ্ধ: কেন্দ্র;
}

জম্বোট্রন হেডারের আকার h2 থেকে h1 এ পরিবর্তন করা যাক। পরবর্তী, আমরা পরিবর্তন করা প্রয়োজন উপাদানগুলির জন্য শৈলী লিখি।

আইকন দিয়ে শুরু করা যাক।

সুবিধা i(
রঙ: #cac4c4;
}

হ্যাশ চিহ্নের পরে, একটি রঙ নির্দিষ্ট করা হয়। আপনি html কালার টেবিল বা ইমেজ এডিটর ব্যবহার করে আপনার নিজের বিকল্প বেছে নিতে পারেন।

বিভাগ শিরোনাম জন্য ইন্ডেন্টেশন

বিভাগ h2 (
প্যাডিং-টপ: 30px;
মার্জিন-নিচ: 25px;
}

আমরা শুল্কের চেহারা পরিষ্কার করছি। সুবিধার জন্য, আমরা সেই উপাদানগুলির জন্য আমাদের নিজস্ব ক্লাস তৈরি করি যা আমরা বিশেষভাবে হাইলাইট করতে চাই।

ট্যারিফ নং 1
$10

প্রতি মাসে/জন প্রতি

• Lorem ipsum dolor sit amet, consectetuer adipiscing elit


• Lorem ipsum dolor


• 10 Lorem ipsum

অর্ডার

এবং সিএসএস অনেক. বিভাগগুলি কোন জায়গার জন্য দায়ী তা মন্তব্যে উল্লেখ করা হয়েছে - /* একটি তারকাচিহ্ন সহ স্ল্যাশগুলির মধ্যে */

/* =========তারিফ শৈলী========= */
/* ট্যারিফের সাধারণ দৃষ্টিভঙ্গি */
.pricing_item(
পটভূমি: #f2f2f2;
অবস্থান: আপেক্ষিক;
প্রদর্শন: -ওয়েবকিট-ফ্লেক্স;
প্রদর্শন: flex;

flex-direction: column;

align-items: প্রসারিত;
টেক্সট-সারিবদ্ধ: কেন্দ্র;
-ওয়েবকিট-ফ্লেক্স: 0 1 330px;
flex: 0 1 330px;
প্যাডিং: 2em 3em;
মার্জিন: 1em;
রঙ: #262b38;
কার্সার: ডিফল্ট;
ওভারফ্লো গোপন;

}
/* ক্লিক করলে পটভূমি পরিবর্তন করুন */
.pricing_item:হোভার (
রঙ: #444;
পটভূমি: #daebef;
}
/* প্রতিটি শুল্কে পৃথক মূল্য ট্যাগ ব্যাকগ্রাউন্ড */
.pricing_item:first-child .price (
পটভূমি: #9ba9b5;
}
.pricing_item:nth-child(2).price (
পটভূমি: #1f6098;
}
/* প্রশস্ত স্ক্রিনে মাঝের ট্যারিফ কলামটি ইন্ডেন্ট করা হয় এবং হাইলাইট করা হয় */
@মিডিয়া স্ক্রিন এবং (মিনিট-প্রস্থ: 66.250এম) (
.pricing_item(
মার্জিন: 1.5em 0;
}
বৈশিষ্ট্যযুক্ত(
z-সূচক: 10;
মার্জিন: 0;
ফন্ট সাইজ: 1.15em;
}
}
/* শিরোনাম */
.pricing_item h3 (
ফন্ট-আকার: 2em;
মার্জিন: 0.5em 0 0;
রঙ: #1d211f;
}
/* মূল্য ট্যাগ ব্যাকগ্রাউন্ড */
.দাম(
ফন্ট-আকার: 2em;
font-weight: গাঢ়;
রঙ: #fff;
অবস্থান: আপেক্ষিক;
z-সূচক: 100;
লাইন-উচ্চতা: 95px;
প্রস্থ: 100px;
উচ্চতা: 100px;
মার্জিন: 1.15em স্বয়ংক্রিয় 1em;
সীমানা-ব্যাসার্ধ: 50%;
ব্যাকগ্রাউন্ড: #77a5cc;
-ওয়েবকিট-ট্রানজিশন: রঙ 0.3s, পটভূমি 0.3s;
রূপান্তর: রঙ 0.3s, পটভূমি 0.3s;
}
/* মুদ্রা */
.মুদ্রা(
ফন্ট সাইজ: 0.5em;
উল্লম্ব-সারিবদ্ধ: সুপার;
}
/* প্রস্তাবের স্পষ্টীকরণ */
বাক্য (
font-weight: গাঢ়;
মার্জিন: 0 0 1em 0;
প্যাডিং: 0 0 0.5em;
রঙ: #2a6496;
}
/* তালিকা */
.pricing_item ul (
ফন্ট সাইজ: 0.95em;
মার্জিন: 0;
প্যাডিং: 1.5em 0.5em 2.5em;
text-align: left;
}
/* পন্যের তালিকা */
.pricing_item li (
প্যাডিং: 0.15em 0;
}
/* রেট অর্ডার বোতাম */
.pricing_item বোতাম(
font-weight: গাঢ়;
মার্জিন-টপ: অটো;
প্যাডিং: 1em 2em;
রঙ: #fff;
সীমানা-ব্যাসার্ধ: 5px;
ব্যাকগ্রাউন্ড: #428bca;
-ওয়েবকিট-ট্রানজিশন: ব্যাকগ্রাউন্ড-রঙ 0.3s;
রূপান্তর: ব্যাকগ্রাউন্ড-রঙ 0.3s;
}
/* বোতাম টিপলে রঙ পরিবর্তন করুন */
.pricing_item বোতাম:হোভার,
.pricing_item বোতাম:ফোকাস (
ব্যাকগ্রাউন্ড-রঙ: #285e8e;
}
/* ট্যারিফ ব্যাকগ্রাউন্ড*/
.bg-2 (
ব্যাকগ্রাউন্ড: #dddddd;
}

ফলাফল

ক্রেতার পর্যালোচনা. আসুন তাদের একটি ঝরঝরে চেহারা দিন এবং তাদের অবস্থান নির্দেশ করুন।

/* ========= প্রশংসাপত্র শৈলী========= */
প্রশংসাপত্র (
প্যাডিং: 4em 0;
টেক্সট-সারিবদ্ধ: কেন্দ্র;
}
প্রশংসাপত্র .avatar img (
সীমানা-ব্যাসার্ধ: 50%;
float: বাম;
প্রদর্শন: ইনলাইন;
মার্জিন-ডান: 1em;
প্রস্থ: 65px;
উচ্চতা: 65px;
মার্জিন-নিচ: 30px;
}
প্রশংসাপত্র .অবতার পি (
text-align: left;
প্যাডিং-টপ: 1em;
রঙ: #5d5d5d;
ফন্ট-ওজন: 900;
}

যা বাকি থাকে তা হল শেষ কল টু অ্যাকশন এবং ফুটার সাজানো।

/* কর্ম */
.কর্ম(
ব্যাকগ্রাউন্ড: #476177;
সর্বনিম্ন-উচ্চতা: 180px;
প্রস্থ: 100%;
প্যাডিং: 4em 0;
টেক্সট-সারিবদ্ধ: কেন্দ্র;
}
.action h2 (
রঙ: #fff;
ফন্ট-ওজন: 300;

}
.অ্যাকশন পি(
রঙ: #fff;
পাঠ্য-ছায়া: 0 1px 2px rgba(0, 0, 0, .2);
ফন্ট সাইজ: 1.2em;
}
.ক্রিয়া .কন্টেইনার (
মার্জিন-টপ: 3em;
}
/* ফুটার */
ফুটার (
ব্যাকগ্রাউন্ড: #333333;
প্যাডিং: 1em 0;
text-align: right;
}
ফুটার পি(
রঙ: #fff;
লাইন-উচ্চতা: 1;
টেক্সট-ট্রান্সফর্ম: বড় হাতের অক্ষর;
ফন্ট সাইজ: 0.7em;
মার্জিন-টপ: 0.5em;
}

ফুটার বোতামটি বিল্ট-ইন বুটস্ট্র্যাপ ক্লাস btn-ডিফল্ট বরাদ্দ করা হয়েছে।

টেমপ্লেটটিকে প্রাণবন্ত করে তোলা। আমরা প্রথম স্ক্রিনে টেক্সট অ্যানিমেশনের পাশাপাশি বিভাগগুলির জন্য মসৃণ স্ক্রলিং এবং বোতামগুলি প্রবর্তন করব।

কাজ করার জন্য ট্রানজিশনের জন্য, আমরা কিছু বিভাগ ক্লাসকে আইডি দিয়ে প্রতিস্থাপন করব - সুবিধা এবং ট্যারিফের জন্য। এবং আমরা বোতামগুলিতে আইডির লিঙ্ক যুক্ত করব। স্ক্রিনশট - কিসের সাথে সংযুক্ত করা হয়েছে, একটি হলুদ মার্কার দিয়ে হাইলাইট করা হয়েছে।

আমরা বোতামের জন্য ইন্ডেন্ট সেট করি - jbutton। চাপলে স্ক্রলিং কাজ করে, কিন্তু খুব আকস্মিকভাবে।

জাভাস্ক্রিপ্ট বা jquery ব্যবহার করে মসৃণ রূপান্তর তৈরি করা হয়। পরেরটি ডিফল্টরূপে বুটস্ট্র্যাপ টেমপ্লেটের সাথে সংযুক্ত থাকে।

স্ক্রোলিং এখন মসৃণ।

Animate.css (https://raw.githubusercontent.com/daneden/animate.css/master/animate.css) ব্যবহার করে পাঠ্যে অ্যানিমেশন যোগ করা হচ্ছে। এটি একটি রেডিমেড ওপেন সোর্স কোড, এটি যেকোনো ওয়েবসাইটে ব্যবহার করা যেতে পারে। CSS ফোল্ডারে Github থেকে ফাইলটি রাখুন এবং পাথ নির্দিষ্ট করুন।

আমরা এখানে প্রভাব নির্বাচন করি: https://daneden.github.io/animate.css/। আমরা fadeInDown নির্বাচন করেছি। এটি এই মত কোডে লেখা আছে:

এখন পেজটি লোড বা রিফ্রেশ হলে লেখাটি অ্যানিমেটেড হবে। প্রস্তুত.

উদাহরণ 2: আকৃতি এবং প্যারালাক্স প্রভাব সহ

একজন দর্শককে যত বেশি ফর্ম ফিল্ড উপস্থাপন করা হয়, সেগুলি পূরণ করার সম্ভাবনা তত কম। শুধুমাত্র ন্যূনতম প্রয়োজনীয় তথ্যের জন্য জিজ্ঞাসা করুন।

এটি উপমা দ্বারা একত্রিত হয়. আমরা ব্যাকগ্রাউন্ড এবং রঙ পরিবর্তন করব। এবং, অবশ্যই, আমরা একটি আকৃতি যোগ করব।

এর প্যারালাক্স দিয়ে শুরু করা যাক।

আসুন জাম্বোট্রনের পটভূমিকে স্বচ্ছে পরিবর্তন করি:

পটভূমি: স্বচ্ছ;

মাথার ভিতরে আমরা স্ক্রিপ্টটি সন্নিবেশ করব:

$(উইন্ডো)স্ক্রোল(ফাংশন(ই)(
প্যারালাক্স();
});
ফাংশন প্যারালাক্স())(
var scrolled = $(window).scrollTop();
$(."bgparallax").css("টপ",-(স্ক্রোল করা*0.2)+"px");
}

শরীরের প্রথম লাইনটি প্যারালাক্সের জন্য একটি ধারক:

এবং CSS এর আচরণ হল:

বিজিপ্যারালাক্স (
পটভূমি: url(/../img/fon.jpg) পুনরাবৃত্তি;
অবস্থান: স্থির;
প্রস্থ: 100%;
উচ্চতা: 300%;
শীর্ষ:0;
বাম:0;
z-সূচক: -1;
}

প্যারালাক্স প্রস্তুত। কিন্তু কোড এবং একটি নতুন পটভূমিতে পরিবর্তন করার জন্য রঙের স্কিম পুনরায় বরাদ্দ করা প্রয়োজন।

মেনু অন্ধকার করা:

Navbar-ডিফল্ট (
ব্যাকগ্রাউন্ড-রঙ: #333;
বর্ডার-রং: #444;
রঙ: গাঢ় ধূসর;
সীমানা-ব্যাসার্ধ: 0;
}

Navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus (
রঙ: গাঢ় ধূসর;
ব্যাকগ্রাউন্ড-রঙ: rgba(0, 0, 0, 0.5);
}

আমরা জাম্বোট্রনে বাক্যটিকে একটি নতুন দিয়ে প্রতিস্থাপন করি - ফর্ম কোড সহ:

ল্যান্ডিং পৃষ্ঠা দর্শকদের গ্রাহকে পরিণত করে
Quisque tincidunt dui augue suspendisse lorem vel diam consectetur posuere Vehicula posueret mauris Vehicula tortor rhoncus vulputate massa.

• 
  
  
  


• 
  

  Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.

  
  

এবং আমরা চেহারা বিহিত

/* ফর্ম */
হেডফর্ম-তালিকা (
list-style-type: none;
লাইন-উচ্চতা: 26px;
ফন্ট-ওজন: 400;
প্যাডিং: 0px;
মার্জিন-নিচ: 40px;
}
হেডফর্ম(
ওভারফ্লো গোপন;
অবস্থান: আপেক্ষিক;
ব্যাকগ্রাউন্ড-রঙ: rgba(0,0,0,.4);
প্যাডিং: 35px 40px;
সীমানা-ব্যাসার্ধ: 8px;
}
ইনপুট, বোতাম, নির্বাচন, টেক্সটেরিয়া (
প্রস্থ: 100%;
মার্জিন-নিচ: 10px;
}
.headform-list li .fa (
অবস্থান: পরম;
শীর্ষ: 0px;
বাম: 0px;
প্রস্থ: 42px;
ফন্ট-আকার: 24px;
টেক্সট-সারিবদ্ধ: কেন্দ্র;
}
হেডফর্ম-লিস্ট li(
অবস্থান: আপেক্ষিক;
সর্বনিম্ন-উচ্চতা: 38px;
প্যাডিং-বাম: 62px;
মার্জিন-নিচ: 20px;
}
জাম্বোট্রন পি (
রঙ: #fff;
ফন্ট-আকার: 16px;
ফন্ট-স্টাইল: তির্যক;
}

জাম্বোট্রনের পাঠ্যটিও এখানে শেষ হয়েছে, কারণ এটি পরিবর্তনের দাবি করেছে।

আমরা শুল্ক পরিবর্তন করছি।

/* ট্যারিফের সাধারণ দৃষ্টিভঙ্গি */
.pricing_item(
ব্যাকগ্রাউন্ড-রঙ: rgba(0,0,0,.4); /* লাইন পরিবর্তিত */
সীমানা-ব্যাসার্ধ: 4px; /* লাইন পরিবর্তিত */
অবস্থান: আপেক্ষিক;
প্রদর্শন: -ওয়েবকিট-ফ্লেক্স;
প্রদর্শন: flex;
-ওয়েবকিট-ফ্লেক্স-নির্দেশ: কলাম;
flex-direction: column;
-ওয়েবকিট-সারিবদ্ধ-আইটেম: প্রসারিত;
align-items: প্রসারিত;
টেক্সট-সারিবদ্ধ: কেন্দ্র;
-ওয়েবকিট-ফ্লেক্স: 0 1 330px;
flex: 0 1 330px;
প্যাডিং: 2em 3em;
মার্জিন: 1em;
রঙ: #f2f2f2; /* লাইন পরিবর্তিত */
কার্সার: ডিফল্ট;
ওভারফ্লো গোপন;
বক্স-ছায়া: 0 0 15px rgba(0, 0, 0, 0.05);
}
/* ক্লিক করলে পটভূমি পরিবর্তন করুন */
.pricing_item:হোভার (
রঙ: #444;
ব্যাকগ্রাউন্ড: #ddd; /* লাইন পরিবর্তিত */
}

এখন তারা এই মত চেহারা - একটি স্বচ্ছ পটভূমি এবং বৃত্তাকার কোণে।

টেমপ্লেট প্রস্তুত.

উদাহরণ 3: কাউন্টডাউন কাউন্টার সহ

আমরা আবার জাম্বোট্রনের ফিলিং পরিবর্তন করি এবং আগের টেমপ্লেটের মতো নতুন ব্যাকগ্রাউন্ডের সাথে মেলে টেমপ্লেটটিকে পুনরায় রঙ করি। কাউন্টার স্ক্রিপ্ট সংযোগ করুন:

এইচটিএমএল





সময় অপেক্ষা করে না
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore Magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo conequat. ডুইস অটেম ভেল ইউম ইরিউর ডলর হেন্ডেরিরিট ইন ওলপুটেট ভেলিট এসি শ্লীলতাহানির ফলস্বরূপ, ভেরো ইরোস ইরোস এট অ্যাকুমসান এট আইস্টো ওডিয়ো ডিগনিসিম কুই ব্ল্যান্ডিট প্রেসেন্টাম জাজ্রিল ডেলেনিটাম ডেল্লা ডুলা ডোলার ডোলা ডোলার ডল্লা ডুওল ডোলি ডোলার ডলিউট

• 
  

  Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.

  
  


• 
  

  Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.

  
  

var myCountdown1 = নতুন কাউন্টডাউন((
সময়: 86400 * 3, // 86400 সেকেন্ড = 1 দিন
প্রস্থ: 300
, উচ্চতা: 60
, rangeHi: "দিন"
, শৈলী: "ফ্লিপ" //