- Have any question?
- 📲 0197-2719550
- ✉️ [email protected]
Project Based Professional UI/UX Design Masterclass
প্রজেক্ট ভিত্তিক এই কোর্সটি কমপ্লিট করার মাধ্যমে আপনি রিমোট জব কিংবা Fiverr, Upwork মার্কেটপ্লেসগুলোতে একজন প্রফেশনাল UI/UX ডিজাইনার হিসাবে হাই বাজেটের কাজগুলো সহজেই করতে পারবেন। মার্কেটে চাহিদা বেশি কিন্তু কম্পিটিশন এই সেক্টরে অনেক কম, তাই একজন UI/UX Designer হওয়া হবে আপনার ক্যারিয়ারের জন্য বেস্ট ডিসিশন।
Curriculum
- 18 Sections
- 301 Lessons
- Lifetime
Expand all sectionsCollapse all sections
- 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