- Have any question?
- 📲 0197-2719550
- ✉️ [email protected]
Project Based Professional UI/UX Design Masterclass
- Development, Freelancing, Graphic Design, Make Money Online
- 2972 (Registered)
- (52 Reviews)
কেন আমি ‘Professional UI/UX Design' কোর্সটি তৈরি করেছি?
আন্তর্জাতিক বাজারে একজন প্রফেশনাল UI/UX ডিজাইনারের বাৎসরিক সেলারি ৯০,০০০+ ডলার, আর বাংলাদেশের লোকাল মার্কেটে একজন এভারেজ লেভেলের UI/UX এর মাসিক বেতন ৪৫,০০০ টাকা থেকে শুরু হয়!! আর ফ্রিলান্সিং মার্কেটপ্লেসের দিকে তাকালেও আপনি এই সেক্টরে সব বড় বড় বাজেটের প্রজেক্ট দেখতে পারবেন। এখন আপনি হয়ত এই UI/UX Design সেক্টরে ক্যারিয়ার তৈরি জন্য সময়, টাকা, এনার্জি সবই খরচ করলেন, কিন্তু শেষে দেখলেন – মার্কেটে টিকে থাকার মতো কিছুই শিখতে পারেননি। কেমন লাগবে? YES! এটাই বর্তমান সময়ের কঠিন বাস্তবতা। হাজারো স্টুডেন্ট ইউটিউব থেকে, এমনকি অনলাইনে কোর্স করা শুরু করলেও বেশিরভাগ মাঝপথেই আশা ছেড়ে দেয়। আর যারা শেষ করে, তাদের মধ্যে ম্যাক্সিমামই ইনকাম পর্যন্ত যেতে পারে না মূলত ৩টি কারণে।
- সঠিক গাইডলাইনের অভাব
- শুধু থিওরি শিখে হাতে-কলমে চর্চা না করা
- এক্সপার্ট মেন্টরের সাপোর্ট না পাওয়া
আমি Md Azizul, একজন Web UX/UI and CRO Designer। বর্তমানে ConversionWise-এ ফুলটাইম ডিজাইনার হিসেবে রিমোট জব করছি। পাশাপাশি Upwork এবং Fiverr মার্কেটপ্লেসে ৭ বছরের বেশি সময় ধরে কাজ করার অভিজ্ঞতা রয়েছে এবং বিশ্বের বেশ কিছু নামকরা কোম্পানি যেমন Relume, Cloudways, Usercentric, Elementor, Posimyth এর মতো আরও অনেক কোম্পানির সাথে ইউটিউবে Collaboration করেছি। আমার রিসেন্ট UI/UX-এর কাজগুলো দেখতে পারবেন Behance প্রোফাইল ভিজিট করলে। আর এত বছর কাজ করতে গিয়ে উপলব্ধি করেছি, সঠিক পরিকল্পনা ছাড়া কোন প্রোজেক্ট করতে গেলে সময় অনেক বেশি লাগে এমনকি কাজের আউটপুটও ভালো হয় না। শিখার ক্ষেত্রেও বিষয়টা সেইম। একা একা কাজ শিখতে সময় অনেক বেশি লাগে, আর কাজ শিখে কি করবেন? সেই গাইডলাইনও কেও দিবে না। আর এই সমস্যার সমাধান করবে এই কোর্স! নরমালি সব স্টুডেন্টদের এভারেজ লেভেলের UI/UX ডিজাইনের কাজ শিখতে যদি ১২-১৪ মাস লাগে, তাহলে আমি গ্যারান্টি দিয়ে বলতে পারি আপনি এই কোর্সটি কমপ্লিট করে মাত্র ৫-৬ মাসেই প্রফেশনাল লেভেলের UI/UX ডিজাইনের কাজগুলো করতে পারবেন। যেকোন ডিজাইন করা তখন আপনার জন্য পানির মত সহজ হয়ে যাবে।
এই কোর্সে শুধুমাত্র যে LIVE প্রোজেক্টে ফোকাস করা হবে তা কিন্তু না। এই কোর্স করার পর কিভাবে Fiverr, Upwork মার্কেটপ্লেস থেকে এমনকি Remote Job করে আয় রোজগার করবেন সেটাও দেখানো হয়েছে। কিভাবে দ্রুত কাজ পাবেন, তার সবগুলা টেকনিক দেখানো হয়েছে। এমনকি নতুনরা মার্কেটপ্লেসে সেই ভুলগুলো করে, সেইম ভুল আপনারা যেন না করেন সেইদিকে কোর্সে আমি বিশেষভাবে ফোকাস করাছি। এছাড়াও বিভিন্ন AI ভিত্তিক ডিজাইন এর উপর বিশেষ জোর দিয়েছি। আর প্রফেশনাল ভাবে Ui Ux Designer হিসাবে কাজ করার জন্য আমরা ব্যাবহার করব Figma, যা সম্পূর্ণ ফ্রি!! কোন টাকা খরচ বা কোন সফটওয়্যার ইন্সটল করার কোন ঝামেলা নাই। যে কোন কনফিগারেশনের কম্পিউটারেই তাই এই কাজ পারবেন। পাশাপাশি আরও কিছু সফটওয়্যারের ব্যাবহার নিয়েও আমরা দেখবো। যেমন: UIZard, Penpot, Relume, Creatie AI, Motiff ইত্যাদি। পাশপাশি দেখবো Prompt Engineering এবং AI Tools যেমন ChatGPT, Grok, Gemini, Claude, Parplextiy সহ ইত্যাদি এর ব্যবহার এবং আমাদের কাজের ক্ষেত্রে এই টুলসগুলোর বেস্ট ইউস কেইস।
বর্তমান মার্কেটে UI/UX ডিজাইনারদের প্রচুর চাহিদা, কারণ এখন সবাই User Experience এর দিকে বেশি ফোকাস দিচ্ছে। কোন কোম্পানিই কিন্তু চায় না খারাপ ডিজাইনের জন্য ইউজাররা খারাপ একটা অভিজ্ঞতা ফেইস করুক। কারন User যত বেশি সময় আপনার ওয়েবসাইট বা অ্যাপে থাকবে তত বেশি প্রোডাক্ট বা সার্ভিস কেনার সম্ভবনা কিন্তু বেড়ে যায়। আর এর জন্যই মূলত এই কাজ যারা ভালো পারে, মার্কেটে তাদের এতো বেশি ডিমান্ড। আর আমি কোর্সে ফান্ডামেন্টাল শিখানো থেকে থেকে শুরু করে Live Project করে আপনাদের শিখাব। আর এই প্রজেক্টের অনেকগুলোই ছিল আমার করা Fiverr, Upwork এবং Agency এর জন্য করা হাই বাজেটের কাজ!!
কোর্সে দেখানো নিয়ম + এসাইনমেন্টগুলো ভালভাবে করলে আপনার ডিজাইনের ভিত্তি অটোমেটিক মজবুত হয়ে যাবে। যেকোন ডিজাইনই তখন ভালমত করতে পাবেন এবং কনফিডেন্টলি UI/UX এর সব কাজ করতে পারবেন। আর কোর্সের শুরুতে আপনাকে Basic থেকে পুষ করে ধীরে ধীরে Advance লেভেলে নিয়ে যাওয়া হবে। আর আপনি যদি সবগুলো Assignment সাবমিট না করেন, তাহলে Certificate পাবেন না। কারণ আমারা চাই না কোন অদক্ষ বা ঠিক ভাবে ভিডিও দেখেনি, পরিশ্রম করেনি এমন কাউকে সার্টিফিকেট দিয়ে MSB Academy-এর নাম খারাপ করতে। তাই কোর্স Enroll করলে আপনাকে শেষ করতেই হবে। আর কোর্স করার ক্ষেত্রে কোন সমস্যা ফেইস করলে কোর্সের Private Facebook Group-এ আমার সাপোর্টও সব সময় পাবেন।
কি কি থাকবে এই ‘Project Based UI/UX Design’ কোর্সে?
- ইউজার এক্সপেরিয়েন্স (UX) ডিজাইন কি এবং কিভাবে
- প্রত্যেকটা লেসনের মধ্যেই নোট রাখা হয়েছে যাতে বিস্তারিত বুজতে সুবিধা হয়
- ইউএক্স এর প্রসেস সম্পর্কে আলোচনা
- ইউএক্স এর কিছু Components এবং ফ্রেমওয়ার্ক
- Business বুঝতে চেষ্টা করবো পাশাপাশি Stakeholder Mapping করবো
- ইউজার রিসার্চ (User Research) করার নিয়ম জানব
- Persona Mapping এবং Customer User Journey সম্পর্কে জানব
- Usability Testing এর প্রাক্টিক্যাল বিস্তারিত
- Human-centered Design কিভাবে কাজ করে সেটি উদাহরণের মাধ্যমে বুঝানো হবে
- Figma A to Z tutorial শিখবো
- আমার ক্লায়েন্টদের সঙ্গে কাজের অভিজ্ঞতা শেয়ার করছি এবং করে যাচ্ছি।
- Dribble Shot-এ কিভাবে ডিজাইন করা যায় সেই ব্যাপারে আইডিয়া শেয়ার করেছি
- কিভাবে নিজেকে Updated রাখবেন
- প্রজেক্টের Source Files দেয়া হয়েছে যাতে প্রাক্টিস করতে পারেন
- ডিজাইনের আইডিয়া কিভাবে পাবেন, কোথায় থেকে নিবেন
- ডিজাইনের Clone করা শিখবো
- Layer Assets কিভাবে কাজ করে
- Font, Color Style এবং Varibale নিয়ে বিস্তারিত
- Alignment, Ruler Option and Layout Grid কিভাবে কাজ করে, তা উদাহরণের মাধ্যমে শিখব
- Figma plugins, Components, Autolayout কিভাবে কাজ করে (বিস্তারিত)
- ডিজাইনের ক্ষেত্রে Images খুব গুরুত্বপূর্ণ তাই বিস্তারিত ভাবে শিখবো
- যেকোনো Design Element Figma-তে Export এবং Design Import করতে হয় তা দেখবো
- Figma Community কিভাবে কাজ করে
- কাজের দরকারের কীভাবে ফ্রি Resource পাবেন, সেই ব্যাপারে গাইডলাইন দেয়া হয়েছে
- দরকারি সব Figma Plugins নিয়ে আলোচনা
- খুব সহজে Image Background রিমুভ
- পুরো প্রজেক্ট ক্লায়েন্টের টিম নিয়ে কাজ করার পদ্ধতি (Team Work)
- Prototype নিয়ে বিস্তারিত (৫০+ Recourse এবং ২৫+ ভিডিও)
- যে কোন ওয়েবসাইট ডিজাইন ক্লোন করা শিখব
- কাজ করতে করতে শিখে যাব Shape, Wave, Blobmake এবং Pentool এর প্রাকটিক্যাল ব্যবহার
- ডিজাইন করার ক্ষেত্রে Grid system এর সঠিক ব্যবহার
- 3D Packs এবং Iconset নিয়ে আলাদা প্র্যাকটিস
- AI এবং Prompt Engineering নিয়ে ধারণা উদাহরণ সহ [New Added]
- বিভিন্ন AI Tools দিয়ে Copywriting, Problem-solving এবং Idea জেনারেট [New Added]
- Prompt দিয়ে Image তৈরি করা [New Added]
- Figma এর ভেতরে AI Alternatives [New Added]
- AI দিয়ে ডিজাইন Generate করার প্রক্রিয়া [New Added]
- AI দিয়ে High-Converting Landing page ডিজাইন করা [New Added]
- AI দিয়ে Sitemap, Wireframe and Style Guide তৈরি করা [New Added]
- ডিজাইন Process সহজভাবে Basic to Advance [New Added]
- Popular ডিজাইন স্টাইল এবং টেমপ্লেটগুলি কিভাবে ক্লোন করা যায় এবং কিভাবে আরও Better ডিজাইন করা যায় সেগুলো নিয়েও details lesson রয়েছে [New Added]
- Upwork এর লাইভ প্রোফাইল কিভাবে শুরু থেকে শেষ পর্যন্ত তার অভিজ্ঞতা শেয়ার করব [New Added]
- Fiverr এর ভেতরে প্রোফাইল শুরু করা Delivery, Revision সব হাতে ধরে দেখাবো [New Added]
- Creative ব্র্যান্ডের যেভাবে Sitemap এবং Moodboard বানানো শিখব
- Wireframe কিভাবে বানাব এবং কেন বানাব (for both PC, Web and Mobile)
- Mobile App এর UI ডিজাইন করা কাজ কিভাবে করতে হয় সেই টেকনিক শিখবো
- মোবাইল অ্যাপের UI ডিজাইন করার সময় আমি যেভাবে ডিজাইন করি
- Android এবং Apple প্ল্যাটফর্মের ডিজাইন [New Added]
- Sign-in, Sign up, Verification, Reset Password পেজ ডিজাইন
- অ্যাপটির ইউজারনেভিগেশন পেজগুলো, Bottom Navigation, Sidebar, Homepage ডিজাইন
- ডিজাইন করব Product Page, Category Page, Payment page, Review page ডিজাইন ছাড়াও অন্যান্য গুরুত্বপূর্ণ সব পেজ ডিজাইন হবে
- Blood Donation প্রোজেক্ট শুরু থেকে শেষ পর্যন্ত করাবো [New Added]
- Developer handoff করার নিয়ম [New Added]
- Zeplin কিভাবে কাজ করে এবং এর শুরু থেকে শেষ [New Added]
- Case study কিভাবে বানাবেন? সঠিক উপায় (with Source)
- কিভাবে Behance-এ Case study আপলোড করবেন (with Secret Shortcut Hacks)
- কিভাবে কাজ শিখার পর মার্কেটপ্লেস প্রফাইল করবেন, সেই ব্যাপারে গাইডলাইন থাকবে
- সহজভাবে কিভাবে ইংরেজি শিখবেন, সেই ব্যাপারে আমার অভিজ্ঞতা আপনাদের সাথে শেয়ার করব
- কিভাবে Fiverr এ অ্যাকাউন্ট খুলবেন এবং প্রফেশনালি আপনার প্রোফাইল সেটআপ করবেন
- কিভাবে গিগ খুলাবেন তারপর স্টেপ-বাই-স্টেপ প্রসেস
- কিভাবে আপনার সার্ভিস মার্কেটিং এর মাধ্যমে বেশি অর্জন আনাবেন
- কিভাবে Facebook অথবা LinkedIn থেকে ক্লায়েন্ট খুঁজে বের করবেন, সেইসব সিক্রেট টেকনিকও কোর্সে আমি শেয়ার করব
- Upwork-এ Ui/Ux রিলেটেড কাজ পাওয়ার জন্য বিড করার সঠিক নিয়ম [New Added]
- কাজ পাওয়ার জন্য ভালো Proposal লিখতে হবে এবং নতুনদের কিছু কমন ভুল
- Upwork-এর জন্য সুন্দরভাবে স্ক্রিনশট, বা নতুনদের কাজ পেতে বিশ্লেষণে ফিডব্যাক [New Added]
- জুনিয়র ডিজাইনার হিসেবে ক্যারিয়ার শুরু করবেন তার Propar Guideline [New Added]
- কীভাবে খুব দ্রুত কাজ শিখবেন, নিজের পোর্টফোলিও তৈরি করতে হয়, ইন্টারভিউ প্রস্তুতি নিতে হয় Propar Guideline [New Added]
- নিজের কাজের জন্য কত চার্জ করবেন বাজার থেকে? সেই ব্যাপারে পরিশ্রম একটা ধারণা দিব
- কিভাবে নিজের সময়কে সাথে সাথে এক Ui / Ux স্টুডেন্ট সময়কে আপডেট রাখবেন? সেই ব্যাপারে স্টুডেন্টদের একটা কমপ্লিট গাইডলাইন দেয়া হবে
- এই কোর্সের পুরো মেম্বারদের জন্য আলাদা প্রাইভেট ফোরাম। সেখানে Ui/Ux Design সম্পর্কিত যেকোনো প্রশ্ন করলে আমি নিজে লেসনের মাধ্যমে উত্তর দিয়ে দিব। এছাড়া কোর্সে নতুন কিছু অ্যাড হলে, কোর্সে এনরোল করা স্টুডেন্টরা সেই সব আপডেট সব সময় ফ্রিতেই পাবেন।
- এবং Classwork এবং Assignment রয়েছে। যাতে আপনি নিজেকে যাচাই করে নিতে পারেন। যদি ভালো কাজ করতে পারেন তাহলে পাবেন Job অথবা Paid internship এর Placement এর সুযোগ।
কোর্সের নেক্সট আপডেটে যা যা থাকবে (সংক্ষেপে দেখে নিন)
- Advance Case study
- Advanced Usages of AI
স্টুডেন্টরা এই কোর্স সম্পর্কে যা বলছে ~
সচরাচর প্রশ্ন সমূহ (FAQ)
(১) কোর্সটি কিভাবে করবো? উত্তরঃ MSB Academy একটি ই-লার্নিং প্ল্যাটফর্ম। আপনি অনলাইনে ঘরে বসে আপনার সুবিধামত সময়ে কোর্স করতে পারবেন। আর কাজ করার সময় প্রবলেম ফেস করলে, Instructor-এর হেল্পও কোর্সের ফোরামে পাবেন। কোর্স কিভাবে দেখবেন? কিভাবে কোর্স কমপ্লিট করে সার্টিফিকেট পাবেন? এই সব কিছু জানতে এই ভিডিওটি দেখে ফেলুনঃ
(২) আমি এই অনলাইন কোর্সটি কিনতে চাই। কিভাবে কিনবো? উত্তরঃ বাংলাদেশী DBBL / নেক্সাস / ভিসা / মাস্টারকার্ড / রকেট / বিকাশ দিয়ে মূল্য পরিশোধ করলেই কোর্সের লাইফ-টাইম আক্সেস পেয়ে যাবেন এবং যেকোনো সময় ওয়েবসাইটে লগিন করে কোর্সের ভিডিও দেখে শিখতে পারবেন।
(৩) কোর্সের শেষে কোন প্রশ্ন থাকলে সাপোর্ট পাওয়া যাবে? উত্তরঃ অবশ্যই। কোর্সের এনরোল করা মেম্বার্সদের জন্য আছে প্রাইভেট ফোরাম। সেখানে তারা কোর্স সম্পর্কিত যেকোনো প্রশ্ন করলে, তার উত্তর পেয়ে যাবে।
কোর্স সার্টিফিকেট
কোর্সটি সফলভাবে শেষ করলে আপনার জন্য আছে সার্টিফিকেট যা আপনি ⤵
- আপনার সিভিতে যোগ করতে পারবেন
- লিংকডইন প্রোফাইলে শেয়ার করতে পারবেন
- ফেসবুকে ১ ক্লিকেই শেয়ার করতে পারবেন

আর কোর্সটি আপনার বন্ধু, অথবা যে কাউকে রেফার করে ২০% কমিশন পেতে আমাদের অ্যাফিলিয়েট প্রোগ্রামে জয়েন করুন।
Curriculum
- 18 Sections
- 301 Lessons
- Lifetime
- Getting Started with UI/UX Design6
- Understand the Fundamentals5
- Components of UX (Case Study)8
- Master UX/UI Tools and Software36
- 4.1Create An Account on Figma
- 4.2What is Figma? Learn The Basics of It
- 4.3Difference between Move and Scale Tools
- 4.4Layer vs Assets vs Pages – How?
- 4.5Design and prototype
- 4.6Frame, Section, Slice – when and why
- 4.7Rectangle, Line, Arrow
- 4.8Ellipse, Polygon, Star
- 4.9Be a master at Placing images/Video
- 4.10Pen tool vs Pencil tool – Easy explanation
- 4.11Everything about Text Tool
- 4.12Why Components is important?
- 4.13Figma Plugins
- 4.14Figma Widgets
- 4.15Hand Tools
- 4.16How Comment tool works?
- 4.17Change Project name
- 4.18Spotline and Share Tool
- 4.19Developer tools
- 4.20Present vs Preview
- 4.21Zoom Tool
- 4.22Talking alignment
- 4.23Change any group to frame or any screen
- 4.24X and Y, Difference between Width and Height
- 4.25Rotation, corner radius, Count, ratio – with example
- 4.26How does Layer work?
- 4.27Auto Layout – For example
- 4.28Magic of Constraints
- 4.29Grids System secrets
- 4.30Details about Figma Fill
- 4.31Stroke
- 4.32Effects
- 4.33Export
- 4.34Figma File and Version History and Download – Important
- 4.35Object Mask and Union, Subtract, Intersect, Exclude, Flatten selection
- 4.36Figma team
- Colors Basic11
- 5.1Why Color Is Important
- 5.2Color Space and color mode
- 5.3Color theory
- 5.4When which type of color will you choose Color Psychology
- 5.5Color harmony with a real example
- 5.6Gender-based differences in color preference
- 5.7Necessary colors for UI design
- 5.8How to create a color palette
- 5.9How to choose the base, accent, semantic, and background color
- 5.10Grayscale
- 5.1160-30-10 rule with the practical example
- Project 1 - Develop Visual Design Skills15
- 6.1Talk About Ux Researcher
- 6.2Project Overview
- 6.3How grid system work + how i choose color and font
- 6.4Project planning or sitemap
- 6.5How i create Moodboard
- 6.6Header + Hero section
- 6.7About me section + idea
- 6.8Section Work experience and Skills
- 6.9Portfolio and Testimonial section
- 6.10Contact and Footer
- 6.11Color apply
- 6.12Responsive design Hero section
- 6.13About section and work experience responsive
- 6.14Responsive last video
- 6.15Homework
- Develop More UI Skills (Project)20
- 7.1My thinking process and sitemap create
- 7.2Checking competitors and Start designing
- 7.3Wireframe design with easy explanation – Part 1
- 7.4Wireframe design – Part 2
- 7.5Trust making section Wireframe
- 7.6Make more trust and course section wireframe
- 7.7Testimonial and about me section design
- 7.8Video section and talking about abstract shapes
- 7.9Select perfect color for your design
- 7.10Color implementation process and idea
- 7.11Color implementation Tests
- 7.12Dribbble type design creation idea
- 7.13Responsive secret and easy – Part 1
- 7.14Responsive secret with live example – Part 2
- 7.15Course page UI Design and responsive
- 7.16Deals page UI and responsive
- 7.17Blog page UI and responsive
- 7.18Single Blog UI – Part 1
- 7.19Single Blog UI – Part 2
- 7.20Contact us page idea and Client project
- Add Extra Power17
- 8.1Proper Design Guide for You
- 8.2Color Style Shortcut
- 8.3Font Style Shortcut
- 8.4How to Ruler Option and Layout Grid Works
- 8.5Benifits of Using Components
- 8.6How Variant Component Works
- 8.7Images Shortcut in Figma
- 8.8Alignment Object Details
- 8.9How Figma plugins work and List of Important Plugins
- 8.10Power of Figma Community
- 8.11Magic of Constrains
- 8.12My Favorite Prototype
- 8.13How to Export Any Design Element
- 8.14How to Add Link in Text
- 8.15Remove Image Background Secret
- 8.16How Multiple Team Members Can Work in A Project
- 8.17Submit Assignment – Try to Do Your BEST
- Gain Interaction Design and Prototype (Begainer to Advance)27
- 9.1Overview and Practice file download
- 9.2What Is Interaction Design
- 9.3Type of UI Animation
- 9.4Basic Prototype in Figma
- 9.5Interactive Button with Hover effects
- 9.6Interactive Input Filds
- 9.7Progress bar design
- 9.8Animated Text
- 9.9Mega menu
- 9.10Interactive select and Language box
- 9.11Loading screen
- 9.12Interactive Web Card Section
- 9.13Card Flip Animation
- 9.14Drag Card Animation
- 9.15Drag and drop Animation
- 9.16Mesh Gradient Animation
- 9.17Humburger Menu bar in Figma
- 9.18Slider Animation
- 9.19Animated Floating Action Button
- 9.20Auto Scrolling Animation
- 9.21FAQ Section Design or Accordion
- 9.22Slider Design for Hero Section
- 9.23Skeleton Animation
- 9.24Animated Floating Message Buttons in Figma
- 9.25Animated Circular Progress Bar
- 9.26Cursor Tracking using Figma
- 9.27More Animation
- Project 2 - Clone Paypal and MSB Academy (with Secrets)33
- 10.1Project Planing – What You will Get to Learn
- 10.2Background Color Check with Font and Font Pair
- 10.3Findout Perfect Pictures and Color
- 10.4Color and Spaces
- 10.53 Steps of Typography Main
- 10.6Icons Again
- 10.7Color Rules
- 10.8Grid System Secrects
- 10.9How Iconset Work
- 10.10Shape, Wave, Blobmake and Pentool Secrect
- 10.11Some Important Chrome Extentions
- 10.12Free Illustrations
- 10.133D Packs
- 10.14Free Fonts
- 10.15Start Copying Your First Landing Page
- 10.16Clone Our First Header
- 10.17Clone Frist Section
- 10.18Clone Project Second Section
- 10.19Clone Project 3rd to 6 Sections
- 10.20Clone Project 7th Section and 8th Section
- 10.21Clone Project Footer
- 10.22MSB Clone Header
- 10.23MSB Clone 1st and 2nd Section
- 10.24MSB Clone 3rd and 4th Section
- 10.25MSB Clone 4th Section
- 10.26MSB Clone 5th Section 4 Steps
- 10.27MSB Clone 6th Section Best Collection
- 10.28MSB Clone 7th Testimonial Section
- 10.29MSB Clone 8th Section LATEST ARTICLES
- 10.30MSB Clone 9th Section MEDIA COVERAGE & AWARDS
- 10.31MSB Clone Footer
- 10.32Your Homework
- 10.33Submit Your Assignment – Best List UI Design
- Project 3 - Long Innovation Project with Detail Explaination39
- 11.1What We Will Cover in This Project
- 11.2Planning for This New Project
- 11.3Create Homepage Sitemap
- 11.4About Sitemap Plan
- 11.5Links Page Sitemap Plan
- 11.6Moodboard and Choose The Color
- 11.7Color Theory Basic
- 11.8Homepage Wirefarme PC
- 11.9Homepage Wirefarme Mobile
- 11.10About Wireframe Web
- 11.11About Wireframe Phone
- 11.12Links Page Wireframe for PC
- 11.13Links Page Wireframe for Mobile
- 11.14Playlist Page Wireframe
- 11.15Contact Page Wireframe
- 11.16Home UI Design – Part 1
- 11.17Home UI Design – Part 2
- 11.18Home UI Design – Part 3
- 11.19Important Video
- 11.20Home Design for Mobile
- 11.21How to Use Type Scale
- 11.22About Us Page Design
- 11.23About Us for Mobile
- 11.24Link Page Design
- 11.25Link Page Design for Mobile
- 11.26Podcast Page Design
- 11.27Podcast Design for Mobile
- 11.28Playlist Page Design
- 11.29Playlist Design for Mobile
- 11.30Contact Page Design for Web
- 11.31Contact Page Design for Mobile
- 11.32Design Breadcrumb – Part 1
- 11.33Design Breadcrumb – Part 2
- 11.34Design Breadcrumb – Part 3
- 11.35Project Tips and Tricks + Homework
- 11.36Project 3 – Update Part 1
- 11.37Project 3 – Update Part 2
- 11.38Project 3 – Rewardbase Homework
- 11.39Submit Your Assignment – Redesign A Website
- Engage in Real-World Projects - Upwork4
- Engage in Real-World Projects - Fiverr11
- Project 4 - Mobile App UI/UX Design28
- 14.1Real App Design Brief
- 14.2My Working Process
- 14.3Which type of questions do I ask my client before starting any project
- 14.4Brainstorming
- 14.5Basic Information Architecture
- 14.6FigJam Basic
- 14.7All Secrects – 2 types of Modboard for Creative and normal design
- 14.8Sketching or Low Fid Wireframe
- 14.9Layout
- 14.10Grid for Android and IOS
- 14.11Typography for Mobile
- 14.12Spacing For Mobile
- 14.13Colors Android vs IOS
- 14.14Background Blur and Gradients
- 14.15Button, Corner Radius, and Shadow
- 14.16App Icon
- 14.17Do’s and Don’ts
- 14.18Design for Touch
- 14.19Native UI Elements
- 14.20Modals
- 14.21Onboarding
- 14.22Launch Screen or Splash Screen
- 14.23Design for Accessibility
- 14.24MSB App UI Design Start to Finish
- 14.25Assignment 1 – Design Task for you 1
- 14.26Assignment 2 – Design Task for you 2
- 14.27How to solve design task 2 idea
- 14.28Start earning or Findout Job
- Artificial Intelligence (AI) Tools for UI/UX Designers10
- 15.1Overview of This Section
- 15.2Basic Prompt Engineering
- 15.3AI Tools for Copywriting, Problem Solving and Decision Ideas
- 15.4AI Tools for Image Generator Free and Paid for Both
- 15.5Generating Images from Prompts – A Step-by-Step Guide Using AI
- 15.6AI Tools for Generating Design Ideas
- 15.7How AI Generation Platforms Work
- 15.8Make High Converting Landing Page Outline using AI
- 15.9How I use AI for Designing Website
- 15.10Homework or Assignment
- Project 5 - Earn $1000+ Per Month by Selling Figma Templates16
- 16.1Overview of Project 5
- 16.2Understand The Problem
- 16.3Make Information Architecture or Sitemap
- 16.4Create Sketch in Figma
- 16.5Wireframe Secret
- 16.6How to Copy Color and Typography from Design System
- 16.7Wireframe to Final UI
- 16.8What We Create
- 16.9How to Upload Template on Envato Market
- 16.10Developer Handoff Figma to Zeplin – Part 1
- 16.11Figma to Zeplin – Part 2
- 16.12How to Make A Case Study
- 16.13Upload Case Study in Behance
- 16.14Upload Design on Uplabs
- 16.15Why ThemeForest Rejects Our submission with Source Code
- 16.16Submit Your Assignment
- Sell Your Skills to Earn Money $$$13
- 17.1How and Where You Will Find Work to Earn Money
- 17.2How to Practice English for Freelance Work
- 17.3Fiverr Account Creation with Important Facts
- 17.4How to Create Gig on Fiverr to Start Providing Services
- 17.5Setup Your Fiverr Account in Attractive Way and Discuss About Marketing Mistakes
- 17.6How to Get Clients from Facebook and Linkedin
- 17.7Market Research Secret Formula
- 17.8Upwork Marketplace Secrets
- 17.9How Do I Write Upwork Proposal Raw
- 17.10Recap Upwork Job Application
- 17.11How to Find Clients from Google Maps and Cold Email
- 17.12Upwork Cover Letter Tips from Top Rated Plus Freelancer
- 17.13Upwork Proposal Mistakes (Live)
- Conclusion + BONUS2







