Course Rating: (4.9)

Figma & WebFlow

Course Duration: 60h

Figma-WebFlow-codemanbd

৳ 6000

৳ 8000

Course Features

কোর্স টি করার জন্য কি কি লাগবে

কোর্স পরিচিতি:

UI ডিজাইনের টুল গুলোর মধ্যে ফিগমা অন্যতম এবং বর্তমানে বেশ চাহিদা সম্পন্ন একটি স্কিল। আপনি Figma শুধুমাত্র ডিজাইনের জন্য নয়, প্রোটোটাইপ ইন্টারঅ্যাকশন, অ্যানিমেট ট্রানজিশন, একাধিক আর্ট-বোর্ড অ্যাড করতে, টাইমলাইন-ভিত্তিক অ্যানিমেশন সহ ভেক্টর অ্যানিমেট করতে, Execution এর পর লাইভ প্রিভিউ অ্যাড করতে, Comment ফীচার অ্যাড করতে ব্যবহার করতে পারেন। এছাড়াও Figma কোলাবোরেশন এর মাধ্যমে মাল্টিপল ডিজাইনার একই সাথে কাজ করতে পারে যা Figma কে অনন্য করে তুলেছে।

WebFlow হল একটি (CMS) অ্যাপ্লিকেশন যা ডিজাইনারদের ব্রাউজার-ভিত্তিক ভিজ্যুয়াল এডিটিং সফ্টওয়্যার দিয়ে Interactive ওয়েবসাইট তৈরি করতে দেয়। WebFlow এর drag-and-drop ফিচার এর মাধ্যমে যে কোনো ধরনের ভিজুয়াল ডিজাইন আমরা তৈরি করতে পারি এবং ডিজাইনাররা এই সরঞ্জামটি ব্যবহার করার সময়, WebFlow স্বয়ংক্রিয়ভাবে HTML, CSS & JavaScript তৈরি করে। 

বর্তমান সময়ে Figma  এবং WebFlow  সবচেয়ে জনপ্রিয় দুটি স্কিল।  সবচেয়ে বড় কথা হলো মার্কেটপ্লেসে এই দুটি স্কিলের যথেষ্ট ডিমান্ড থাকলেও পর্যাপ্ত পরিমাণ স্কিলড ফ্রিল্যান্সার নেই।  তাই যে কেউ এ দুটি স্কিল রপ্ত করে সহজে মার্কেটপ্লেসে সফল হতে পারবেন। 

এই কোর্সের মাধ্যমে মার্কেট ডিমান্ডেড কনটেন্টগুলো আমরা জানতে পারব এবং আমাদের মাধ্যমে সাপোর্ট নিয়ে স্টুডেন্টরা মার্কেটপ্লেসে ক্লায়েন্ট কমিউনিকেশন এবং প্রজেক্ট রিলেটেড যেকোন সমস্যার সমাধান করার মাধ্যমে নিজেদের সাকসেসফুল করতে পারবে সহজে.

মার্কেট ডিমান্ড এবং ক্লায়েন্ট ডিমান্ড এর উপর ভিত্তি করে আমরা ৩৪ টি ক্লাসে পুরো কোর্সটি সম্পন্ন করব (স্কিল ডেভেলপমেন্ট ও ফ্রীল্যান্কিং মার্কেটপ্লেস সহ) পুরো কোর্স এ থাকছে লাইভ ক্লাস রেকর্ডেড ভিডিও এবং ২৪ ঘন্টা সাপোর্ট।

সাপোর্ট মেম্বারদের আন্তরিকতায় আশা করি আমাদের স্টুডেন্টকে সাকসেসফুল করতে পারব এই কোর্সের মাধ্যমে।

৩০ দিন ব্যাপী ফাইভার ক্র্যাশ প্রোগ্রাম

➤ ফাইভার একাউন্ট ওপেন করে প্রোফাইল সাজানো থেকে শুরু করে, গিগ ওপেন করার ট্রিকস, গিগ এর জন্য কীওয়ার্ড রিসার্চ করা, গিগ rank করার ট্রিকস।

➤ গিগ মার্কেটিং, গিগ ফেভারিট, সোশ্যাল মিডিয়া শেয়ারিং, ব্লগ পোস্ট, গেস্ট পোস্টিং করে ক্লায়েন্ট আনার কৌশল । সোশ্যাল মিডিয়া যেমন টুইটার,লিঙ্কেডিন, ফেইসবুক, পিন্টারেস্ট, ব্লগার, মিডিয়াম, রেড্ডিট, স্লাইড শেয়ার, ওয়েবসাইট এ ব্লগ পোস্ট করে গিগ মার্কেটিং ও বিড করে ফাইভার এ কাজ আনার কৌশল।

➤ ফাইভার টেস্ট আনসার্স দেয়া হয় যে টেস্ট দিয়ে ফাইভার এর স্কিল কে ভেরিফাই করা, ফাইভার লার্ন কোর্স শেষ করা (আনসার্স আমরা দিয়ে দিবো)

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

➤ ফাইভার এর ক্লায়েন্ট কমিউনিকেশন ট্রিকস, নেগোশিয়েশন, বাজেটিং, কুইক রিপ্লায় সেট আপ করা, অর্ডার ম্যানেজমেন্ট, অর্ডার ডেলিভারি করা আর ৫ ষ্টার রেটিং পাওয়ার কৌশল, লেট ডেলিভারি ম্যানেজমেন্ট, ফাইভার TOS

➤ ফাইভার এ ক্লায়েন্ট এর সাথে ঝামেলা হলে রিসোলিউশন সেন্টার থেকে সাপোর্ট পাওয়ার কৌশল, এছাড়াও ফাইভার সাপোর্ট সেন্টার থেকে দ্রুত সাপোর্ট পাওয়ার নিয়ম। ফাইভার ID ভেরিফিকেশন লাইভ প্রসেস ।

➤ ফাইভার এ বায়ার রিকোয়েস্ট পাঠানোর সময় এবং কৌশল, এছাড়াও ফিভারের এ গিগ এর ইম্প্রেশন বাড়ানো এবং এ দ্রুত সাকসেস পাওয়ার অনেক কৌশল থাকছেই ।

➤ পায়নীর একাউন্ট ওপেন করে, ফাইভার এর সাথে লিংক করে ফাইভার এ উপার্জনকৃত ডলার পায়নীর এ নেয়া এবং পায়নীর এর ডলার ব্যাঙ্ক এ উইথড্র করার নিয়ম লাইভ দেখানো হবে ।

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

৩০ দিন ব্যাপী আপওয়ার্ক ক্র্যাশ প্রোগ্রাম

➤ আপওয়ার্ক ক্র্যাশ প্রোগ্রাম এ ৪ টা মার্কেটপ্লেস দেখানো হবে । আপওয়ার্ক, freelancer.com, PeoplePerHour, Indeed.

➤ আপওয়ার্ক এ একাউন্ট ওপেন করে বাংলাদেশ থেকে অপ্প্রভ করা, ৩ টা স্পেশালিজেড প্রোফাইল সাজানো, স্কিল & ক্যাটাগরি সেট আপ করা, প্রপোসাল/কভার লেটার সাজানো আর অ্যাওয়ার্ড উইনিং bidding কৌশল / ভিডিও bidding দেখানো হবে । এছাড়াও পোর্টফোলিও আপলোড করা। প্রজেক্ট ওপেন করে কিভাবে বিড ছাড়া অটোমেটিক্যালি ক্লায়েন্ট পাওয়া যায় তাও দেখানো হবে । এছাড়াও ক্লায়েন্ট এর ইন্টারভিউ দেয়া, ক্লায়েন্ট কমিউনিকেশন, নেগোশিয়েশন, বাজেটিং, ক্লায়েন্ট এর অফার একসেপ্ট করা, hourly প্রজেক্ট এ টাইম ট্র্যাক করা, ফিক্সড প্রজেক্ট এ মাইলস্টোন ডেলিভারি করা, কাজ খারাপ হলে ক্লায়েন্ট কে রিফান্ড করা, ক্লায়েন্ট থেকে ৫ ষ্টার পাওয়ার কৌশল দেখানো হবে ।

➤ Freelancer.com এ একাউন্ট ওপেন করে প্রোফাইল সাজানো, পোর্টফোলিও সাজানো, বিলিং প্রোফাইল সাজানো, কনটেস্ট উইন করার কৌশল, bidding কৌশল দেখানো হবে ।

➤ PeoplePerHour এ একাউন্ট সাজানো, hourly ওপেন করে ক্লায়েন্ট পাওয়া আর hourly র্যাংক করানোর কৌশল, প্রজেক্ট এ বিড করা, ক্লায়েন্ট কমিউনিকেশন দেখানো হবে ।

➤ Indeed জব মার্কেটপ্লেস থেকে কিভাবে কাজ খুঁজে বড় ক্লায়েন্ট দের খুঁজে বের করে তাদের ওয়েবসাইট থেকে কাজ এ এপলাই করা যায় তা দেখানো হবে ।

➤ পায়নীর একাউন্ট ওপেন করে, সব গুলো মার্কেটপ্লেস কে এক পায়নীর একাউন্ট এর সাথে লিংক করে মার্কেটপ্লেস এ উপার্জনকৃত ডলার পায়নীর এ নেয়া এবং পায়নীর এর ডলার ব্যাঙ্ক এ উইথড্র করার নিয়ম লাইভ দেখানো হবে ।

Minhazul Asif

Wix & Squarespace, Figma and WebFlow

মিনহাজুল আসিফ, কোডম্যানবিডি এর প্রতিষ্টাতা। গত ১০ বছর ধরে ওয়েব ডেভেলপমেন্ট সেক্টর এ আপওয়ারর্ক, ফাইভার এবং পিপল পার আওয়ার এ ফ্রীলান্সিং করে মাসে ২৫০০ থেকে ৩০০০ ডলার ইনকাম করছেন।

তিনি ওয়েব ডেভেলপমেন্ট ও সাইবার সিকিউরিটি এক্সপার্ট হিসেবে মার্কেটপ্লেস এ কাজ করছেন ও ওয়েব ব্যাটেলিয়ন এজেন্সী পরিচালনা করছেন।

এই পর্যন্ত তিনি ফ্রীলান্সিং করে ১০০,০০০+ ডলার ইনকাম করেছেন, ১২৫ টি দেশের ১০০০+ ক্লায়েন্ট এর ১২০০+ টি প্রোজেক্ট কমপ্লিট করেন। এই পর্যন্ত তিনি ১০,০০০+ স্টুডেন্টস কে ট্রেনিং দিয়েছেন এবং তারা মার্কেটপ্লেস এ ১০ মিলিয়ন ডলার এর উপর ইনকাম করেছে।

Alamgir H Kobir

Wix & Squarespace, Figma and WebFlow

আলমগীর এইচ কবির গত ৩.৫ বছর ধরে ওয়েব ডিজাইন, ওয়ার্ডপ্রেস, ওয়েব-ফ্লো নিয়ে কাজ করে, fiverr এ লেভেল ২ সেলার হিসেবে কাজ করছেন। সফলতার সাথে গত ৩ বছর ধরে তিনি কোডম্যানবিডি তে মেন্টরিং করে যাচ্ছেন।

Rahat Ahmed

Wix & Squarespace, Figma and WebFlow

রাহাত আহমেদ একজন স্পেশালিস্ট UI/UX ডিজাইনার। তিনি এখন পর্যন্ত অনেক লোকাল এবং ইন্টারন্যাশনাল ক্লায়েন্টদের সাথে কাজ করেছেন। তিনি বর্তমানে ওয়েব ব্যাটালিয়ন এবং THCO-তে লিড ডিজাইনার হিসেবে কাজ করছেন।

ফাইভার ও আপওয়ার্ক তিনি UI ডিজাইনার হিসেবে সফলতার সাথে কাজ করে যাচ্ছেন।

Curriculum

Topics of this course

  1. Introduction of Figma & What is UI design
  2. Figma UI Design Essentials, Figma Account opening
  3. UI Design Principles and how to use them (Columns & Grid, Visual hierarchy, White spacing, alignment, scale)
  4. Wireframing(What is Lo Fi Wireframe vs High Fidelity in Figma) & mood boarding
  5. Color psychology in figma (Strokes plus updating color defaults)
  6. Color Inspiration & the eyedropper in Figma
  7. How to create a color palette & Gradient in Figma
  8. Figma Plugins & Basic Fonts, photography & icons in figma 
  9. What is the difference Union vs Flatten Figma
  10. Object editing and how to escape in Figma
  11. How to use constraints in figma, Components and Auto Layout
  12. Combining Nested frames Auto Layout & Constraints in Figma
  13. Masking Cropping images in Figma, Free image & plugin
  14. Rectangles, Circles Buttons & Rounded corners
  15. Frames vs Groups in Figma
  16. How to use Pages in Figma & Page transition
  17. Micro Interaction hamburger menu turned into cross in Figma
  18. Prototyping and animation
  19. How to export Images out of Figma
  20. Sharing & Commenting on Figma file with Stakeholders/ Clients
  21. Share editing with other UI designer In Figma
  22. Scale vs Selection Tool in Figma
  23. Testing on your phone with Figma Mirror & Design System
  24. Project-01(Landing Page design)
  25. Project-02(Personal Portfolio Website Design)
  26. Project-03(Ecommerce Landing page design)
  27. Project-04(Real Estate Design)
  28. Project-05(Responsive Design)
  29. Project-06(Mobile App Design)
  30. Project-07(Admin Dashboard Design)
    1. Introduction to HTML Setting Up VS Code, Creating a HTML Tag, Basic Layout, Meta Tags,  h,a & p Tags, Images and Video 

    1. HTML Components Forms, Lists, Comments, Tables, Classes and ID’s, HTML5 Semantics, HTML5 Entities

    1. Introduction to CSS CSS Basic Syntax, Selectors, Specificity, Padding and Margin, Box Model, Styling a Button, Display Types

    1. CSS Components Positions, Pseudo Elements and Classes, Media Queries, VH and VW

    1. Basic Landing Page Design Using HTML & CSS (Project: 01

    1. Extensions + Software + Web Tools + Bookmark + Google Drive Management

    1. WebFlow Introduction & Environment and Account creation

    1. WebFlow Introduction to the Box Model, Webflow Elements, Div Block, Section, Container

    1. Webflow Elements button, Typography, image, video, forms, menu, slider, tab

    1. Webflow Settings display setting, Flexbox, Grid, List

    12.Home Page Design Designing and Building a Homepage Using Webflow


    1. Creating a landing page (Figma To Webflow- Project: 2)

    14.Navigation and menu Scrolling Menu + Scroll to Top

    1. Introduction to Responsiveness, Responsiveness Tablet, Mobile Landscape & Portrait // 
    2. Build a Full Website Using Webflow (Project: 03)
    3. How to create a pop up/ Lightbox & Subscription Newsletter
    4. Create a complete Personal Portfolio website Using Webflow (Project: 04)

    19.Webflow Optimization Image Optimization & Lazy Load for webflow website

    1. Build a Ecommerce Website Using Webflow (Project: 05)
    2. Webflow SEO, Site Verification & Google Analytics, Search Console & rank on google.
    22.Webflow domain connect Webflow Hosting, Domain Connect & Make website live.
➤ Gig Marketing @Twitter, Linkedin, facebook/Instagram – By Mentioning post share
 
➤ Fiverr Gig Marketing @Reddit/ Digg & Blog Sites
 
➤ Fiverr Gig Marketing @Pinterest
 
➤ Fiverr, Twitter, Linkedin & Facebook – 10 Bidding (Buyer Request)
 
➤ Fiverr Quick Reply Set Up – For each 7 gigs
 
➤ Behance/Flikr Collection – bit.ly Set Up –
 
➤ Fiverr Live Site Link(done by yourself) Set Up – To show client immediately
 
➤ Project Budgeting, Client Negitiation & GIG/Service Pricingson
 
➤ Fiverr Levels & TOS / Order Cancel(Buyer VS Mutual Cancel) & Fiverr Warningn
 
➤ Fiverr Order Completion Rate/ Positive Rating/ Response Rate
 
➤ Order Delivery Tricks & Late Submission Management
 
➤ Order Conversion & View Click Ration & Impression (how to increase)
 
➤ Fiverr Account Verify Process + What not to do during verification
 
➤ How to Add Payoneer account with & Withdraw From Fiverr
 
➤ 1000 Of Tricks On Fiverr To get fastest daily success in less then 1 months​
 
➤ Payoneer Account Open
 
➤ Team wise Portfolio Crop / Behance-Flikr Upload for collection creation
 
➤ Fiverr Accont Open + Profile Set Up & Portfolio
 
➤ Fiverr 7 Gig Open(3+4 gigs)
 
➤ Fiverr Unique Marketing & Favorite Share(
 
➤ Fiverr App/ Account Refresher Set Up
 
➤ Fiverr Forum Activities/ Commenting & Reading & Tricks
 
➤ Twitter, Linkedin, facebook Followers Increase-(By target hashtag list/people)

➤ Upwork Account Opening
➤ Upwork Profile Complete
➤ Upwork specialized profile design
➤ Upwork Projects to get the auto client
➤ Upwork Bidding & Cover Letter Tricks
➤ Upwork Job invitation
➤ Upwork Fixed & Hourly Jobs
➤ Upwork Time Tracking
➤ Upwork Job Interview & Offer Accept
➤ Upwork job submit and job completion
➤ Upwork 100 Tricks
➤ Freelancer.com Account Open & Profile completeness
➤ Freelancer.com Project & Contest Bidding
➤ Freelancer.com Tricks to bid and tricks to be successful
➤ People Per Hour Account Open & Profile completeness
➤ People Per Hour Hourly Creation
➤ People Per Hour Project Bidding & Tricks
➤ Indeed Account Completeness
➤ Indeed find jobs and bid for jobs

৳ 6000

৳ 8000

Course Features

কোর্স টি করার জন্য কি কি লাগবে

How to Buy Course From CodemanBD