ورکشاپ 5 روزه طراحی سایت – آموزش جامع و عملی با رویکردی متفاوت

در 5 روز، سایت حرفه‌ای خودتان را بدون هیچگونه دانش فنی و کدنویسی طراحی کنید!

• اگر مدت‌هاست در آرزوی داشتن یک سایت حرفه‌ای برای کسب‌وکارتان هستید و می‌خواهید خودتان سایت‌تان را بسازید این دوره بی‌نظیر مخصوص شماست.
• در این دوره گام‌به‌گام و به زبان ساده 3 سایت بی‌نظیر با هم می‌سازیم که تمامی امکانات سه سایت حرفه‌ای را داشته باشد.
• اگر هم سایت دارید ولی از سایتتان راضی نیستید یا اختیار کامل آن دست خودتان نیست، از اول یک سایت بسازید و کنترل آن را دست خودتان بگیرید!
• شاید هم دوست دارید مهارت طراحی سایت را یاد بگیرید و از راه گرفتن پروژه طراحی سایت، درآمد و شغل داشته باشید، پس شک نکنید این عالی‌ترین دوره برای شماست.

به شما کمک می کنیم راه 1 ساله را در کمتر از پنج روز طی کنید، بعد از آن منابع و ابزار هایی به شما خواهیم داد که بتوانید از عهده هر پروژه ای بر بیایید.

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

مناسب برای افراد پرمشغله

نوع آموزش به صورت پروژه محور است و طوری طراحی شده که برای افراد پر مشغله مناسب است. مفاهیم، بسیار بسیار ساده و کاربردی تعریف شده. از هیچ اصطلاح فنی پیچیده استفاده نمی‌کنیم و در صورت استفاده بسیار دقیق توضیح می‌دهیم.

آموزش عملی و قدم‌به‌قدم

در این دوره، ساخت سایت قدم‌به‌‌‌قدم طراحی شده، یعنی پس از دیدن هر جلسه می‌توانید کارهای عملی آن جلسه را پیش ببرید و سپس سراغ جلسه بعد بروید. در این دوره سه پروژه واقعی را انجام خواهیم داد.

استفاده از وردپرس

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

پشتیبانی در تلگرام + کانال VIP

پاسخگوی تک تک سوالات شما هستیم. با خیال راحت پروژه بگیرید و سوالاتتان را از ما بپرسید. یک کانال VIP برای محتوای مکمل نیز ایجاد کرده ایم.

ارائه نسخه کامل شده و پلاگین مورد نیاز

پایان دوره، بسته نصبی سایت کامل شده‌ای که در طول دوره با هم طراحی می‌کنیم را به شما می‌دهیم. همین طور تمام پلاگین ها در کانال VIP قرار خواهد گرفت.

به همراه چک لیست و کتابچه مکمل

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

این آموزش برای چه کسانی مناسب است؟

• افرادی که سایت ندارند ولی کاربر حرفه‌ای اینترنت هستند، یعنی از اینترنت برای جستجو، ایمیل، رسانه‌های اجتماعی استفاده می‌کنند و با اصطلاحات ساده اینترنت مانند لینک، مرورگر و … آشنا هستند.
• حداقل باید ساختن اکانت ایمیل در یاهو یا جیمیل را بلد باشند تا بتوانند از این آموزش به خوبی استفاده کنند.
• همچنین توجه کنید در این آموزش برای راه‌اندازی کسب‌و‌کار ایده ارائه نمی‌کنیم. فرض ما این است که خودتان ایده‌ مناسبی دارید و مشکل شما داشتن سایت و راه‌اندازی آن است.
• در این دوره به رابط کاربری و UX سایت بسیار اهمیت می دهیم و تمام تلاشمان بر طراحی سایتی است که با آن بتوانید “نتیجه” خلق کنید. به زبان ساده “بفروشید”.

در این دوره چه نمونه سایتی طراحی می‌شود؟

• یک لندینگ پیج برای پلتفرم SaaS برگزاری آزمون + داشبورد کاربری آن
• یک سایت فروشگاهی – فروش لباس و اکسسوری
• یک سایت شرکتی – شرکت خدمات مهندسی
• سایت پورتفولیو و رزومه آنلاین – جدید

سرفصل های اموزش طراحی سایت

• روز اول : قدم صفر طراحی سایت

کتابچه آشنایی با اصطلاحات اولیه

در این کتابچه یک‌بار برای همیشه می‌گوییم که هاست و دامنه چه هستند و چگونه و از کجا خریداری می‌شوند. در این بخش شرکت‌های مطمئنی که هاست و دامنه می‌فروشند را معرفی می‌کنیم و به شما آموزش می‌دهیم چطور اقدام به خرید کنید و در نهایت از آن‌ها استفاده کنید.

ارزیابی ایده های سایت

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

بوم مدل کسب و کار

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

• روز دوم : شروع طراحی سایت – اصول راه اندازی

همه چیز در مورد هاست و دامنه

یک‌بار برای همیشه می‌گوییم که هاست و دامنه چه هستند و چگونه و از کجا خریداری می‌شوند. در این بخش شرکت‌های مطمئنی که هاست و دامنه می‌فروشند را معرفی می‌کنیم و به شما آموزش می‌دهیم چطور اقدام به خرید کنید و در نهایت از آن‌ها استفاده کنید.

راه‌اندازی سایت با وردپرس

در این جلسه یاد می‌دهیم که در چند دقیقه و بدون داشتن دانش کدنویسی، یک سایت راه‌اندازی کنید. انجام تمامی این موارد بسیار ساده است، فقط کافی است ابزارهای این کار را بشناسید.

• تعریف ساده و کامل ورپرس
• دانلود وردپرس و نحوه نصب وردپرس روی هاست
• انجام تنظیمات اولیه وردپرس

افزونه‌ها و قالب‌ها

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

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

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

• روز سوم : ساختن یک لندینگ پیج برای سایت آزمون آنلاین

آموزش کامل المنتور

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

مواردی که در بخش المنتور آموزش می‌دهیم

• • نصب المنتور و المنتور پرو
  • معرفی افزونه المنت‌پک جهت افزودن بیش از 100 المان کاربردی به المنتور
  • طراحی اختصاصی صفحه اصلی با المنتور
  • طراحی قالب‌های اختصاصی برای محصول یا محصولات سایت (مثلا می‌توانیم چیدمان صفحه محصولاتمان با هم متفاوت باشند. چیدمان محصول سایت‌پلاس با محصول کتاب مدرس مرجع متفاوت باشد)
  • طراحی قالب‌های اختصاصی برای مقاله یا مقالات سایت (مثل چیدمان مقالات آموزشی مدیر سبز و مقالات ویدیویی مدیر‌سبز‌تی‌وی که با هم متفاوت هستند)
  • ساخت انواع پاپ‌آپ
  • طراحی دلخواه صفحه حساب کاربری، سبد خرید، تسویه حساب
  • ساخت انواع قالب‌ها و اتصال قالب‌ها به محصول، مقاله یا دسته محصولات و دسته مقالات

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

یکی از ویژگی‌های ورکشاپ طراحی سایت این است که پروژه‌محور آموزش می‌دهیم و از همان جلسه اول خیلی سریع وارد کار با ابزارها می‌شویم و از تئوری‌گویی پرهیز می‌کنیم.

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

• طراحی صفحه اصلی با المنتور
• طراحی و ساخت داشبورد آزمون آنلاین
• طراحی بخش آزمون ها

• روز چهارم : چطور رابط کاربری هر سایتی که میبینیم را بسازیم؟ – طراحی سایت شرکتی

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

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

انواع فرم‌ها

• فرم‌های تماس
• فرم‌های گرفتن اطلاعات کاربران مانند (نام، نام خانوادگی، نام شهر، شماره موبایل، اطلاعات چندگزینه‌ای، ایمیل)
• فرم‌های چند مرحله‌ای
• فرم‌هایی با ورودی‌های شرطی (مثلا فرمی می‌سازیم که داخلش یک سوال می‌پرسیم که «آیا وب‌سایت دارید؟» اگر گزینه خیر را زد که هیچ؛ اما اگر گزینه بله را تیک زد، فیلدی نمایش داداه بشود که نام سایت خود را بنویسید)

اضافه کردن بخش فرم پرداخت

آموزش اتصال فروشگاه به درگاه‌های بانکی و راهنمایی جهت اینکه از کجا و چگونه اقدام به دریافت درگاه‌های بانکی کنید

طراحی ماشین حساب محاسبه هزینه برای پروژه خدماتی نحوه ایجاد ماشین حساب هزینه را یادمیگیریم. امکانی که در این سایت ها بسیار ضروری است. جدول قیمت دو حالته در این بخش نحوه طراحی جدول قیمت دوحالته را یادمیگیریم. راه اندازی ثبت نام OTP پیامکی

برای اینکه کاربران شما از حضور در سایت و در فرایندهای خرید و عضویت/ورود  لذت ببرند و خیلی ساده و روان بتوانند از خدمات سایت استفاده کنند، لازم است از سیستم عضویت و ورود موبایلی استفاده شود. در این دوره دقیق آن را پیاده‌سازی می‌کنیم.
سیستم عضویت/ورود پیامکی اینطور است که کاربر موبایل خود را وارد می‌کند، یک کد تایید برایش پیامک می‌شود، کد کد تایید را وارد می‌کند و عملایت عضویت یا ورود انجام می‌شود.

 

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

• روز پنجم : طراحی سایت فروشگاهی

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

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

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

ساخت صفحه تشکر‌های اختصاصی

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

مثلا اگر کاربری محصول A‌ را خرید، بعد از پرداخت وارد صفحه  F شود که اطلاعات صفحه F فقط مخصوص همین محصول است و در غیر این صورت خریداران تمامی محصولات بعد از خرید، به صفحه عمومی B هدایت شوند.

به این صفحه‌هایی که بعد از پرداخت خریداران به آنجا هدایت می‌شوند، صفحه‌های تشکر می‌گویند.

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

بخش جذاب افزودن فیلدهای سفارشی به صفحه محصول، مقاله، برگه

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

نصب ابزارهای امنیتی و نکات امنیتی

تامین امنیت موضوع بسیار مهمی در فضای مجازی است. در این بخش نکاتی را می‌گوییم که در جهت تامین امنیت برای سایت استفاده می‌کنیم و ابزارهایی در جهت افزایش امنیت سایت نصب و تنظیم می‌کنیم.
توجه داشته باشید امنیت هیچ‌گاه صد درصدی نیست و فقط تا جایی که می‌شود سعی می‌کنیم امنیت سایت را بالاتر ببریم.

نحوه گرفتن پشتیبان از سایت و انتقال سایت به دامنه و هاست دیگر

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

• هدیه : محتوای مکمل کاربردی همراه دوره

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

تبلیغات هوشمند اینطور است که بنر‌، متن یا باکس‌هایی را به کاربر در هر بخشی از سایتمان نمایش بدهیم؛ اما نمایش این بنر‌ها مشروط باشند به دسته‌بندی، برچسب، تعداد پاراگراف و دیگر حالت‌ها

• مثلا تعریف می‌کنیم بنر شماره 1 در متن تمام مقالات نمایش داده شود و بعد از دومین پاراگراف باشد.
• مثلا بنر شماره 2 در متن مقالات دسته «پوشاک» در انتهای مقاله نمایش دهد.
• مثلا باکس شماره 3 در ستون کناری تمامی مقالات که برچسب «سئو» دارند نمایش داده شود.

نحوه گرفتن سفارش کار و مجوز های سایت

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

پس اگر بخواهید در سایت به طور مستقیم از درگاه‌های پرداخت بانکی استفاده کنید، باید نماد اعتماد الکترونیک بگیرید.

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