Web Plus UX-UI & Motion Graphics
This is a 11 to 12 months skill-based certification course that helps aspiring student build current best practices & conventions in Graphics, Web, Motion graphics UX & UI design.
-
Industry Experienced Instructors
-
Online/Offline Classes
-
100% job Oriented
-
ISO Certified Certificate
-
Tools/Software covered in this curriculum.
15+
Total Courses
23K+
Enrolled Students
18K+
Total Placed Students
12K+
Portfolio Showcased
15+
Total Courses
23K+
Enrolled Students
18K+
Total Placed Students
12K+
Portfolio Showcased
Graphic Design Curriculum
Vector Vibes
- Introduction to Adobe Illustrator Interface
- Understanding Vector Graphics
- Essential Tools and Basic Shapes
- Creating Your First Logo
- Bonus: Exploring Illustrator's Libraries and Assets
Week 1
Mastering the Pen
- Advanced Pen Tool Techniques
- Working with Colors, Gradients, and Swatches
- Pathfinders and Shape Builder Magic
- Creating Illustrative Icons
- Bonus: Customizing Workspaces for Efficiency
Week 2
Design Beyond Boundaries
- Mastering Typography in Illustrator
- Working with Brushes, Patterns, and Textures
- Introduction to Clipping Masks & Layers
- Mini Project: Create a Complete Poster Design
- Bonus: Exporting for Web and Print
Week 3
Pixels in Perfection
- Understanding the Photoshop Interface
- Basic Image Corrections and Adjustments
- Working with Layers and Layer Masks
- Essential Selection Tools and Techniques
- Bonus: Introduce Free Platforms
Week 4
Retouch Like a Pro
- Advanced Photo Retouching Techniques
- Understanding Blend Modes & Adjustment Layers
- Filters, Effects, and Smart Objects
- Compositing: Combining Images Seamlessly
- Bonus: Creating Cinemagraphs and Animated GIFs
Week 5
Digital Artistry
- Creating Social Media Graphics
- Introduction to Digital Painting Techniques
- Working with Brushes, Gradients, and Patterns
- Mini Project: Create a Photo Manipulation Artwork
- Bonus: Social Media Creative Post
Week 6
Corel Creativity
- Introduction to CorelDRAW Interface & Tools
- Vector Basics and Drawing Shapes
- Working with Text and Typography
- Creating Simple Logos and Graphics
- Bonus: Exporting Files for Print and Web
Week 7
Precision in Design
- Advanced Vector Illustration Techniques
- Layout Design for Print Media (Brochures, Flyers)
- Using Effects, Fills, and Textures
- Mini Project: Design a Business Card & Flyer
- Bonus: Using CorelDRAW's Interactive Tools
Week 8
Layout Like a Pro
- Introduction to Adobe InDesign Interface
- Working with Pages, Master Pages, and Spreads
- Text Formatting and Styles
- Designing a Simple Magazine Spread
- Bonus: Exporting for Print and Digital Publications
Week 9
Crafting Your Creative Identity
- Understanding Portfolio Basics and Structure
- Selecting and Organizing Your Best Works
- Designing a Unique Portfolio Layout
- Bonus: Developing a Personal Branding Strategy
Week 10
Polish and Present
- Refining Designs for the Portfolio
- Creating Mockups and Presenting Work Professionally
- Building a Digital Portfolio (PDF/Web)
- Bonus: Preparing for Portfolio Presentation of Your Work
Week 11
Portfolio Showcase
- Final Portfolio Reviews
- Feedback Sessions and Revisions
- Preparing for Interviews and Showcasing Your Work
- Bonus: Networking Tips and Building an Online Presence
Week 12
UX-UI Design Curriculum
Basic of UX-UI Design
- Introduction to UX
- UX vs UI
- Introduction to interaction design (IxD)
- Understanding human computer interaction (HCI)
- UX Design: What, Why, and How?
- Good Vs Bad Products
Week 1
Foundations First!
- UX Laws
- Heuristic Evaluation
- Design Thinking: Solving real problems creatively
- Design Thinking Process: Empathize, Define, Ideate, Prototype, Test
- Problem statement finalise
Week 2
Dive deep into UX Design
- Concept Presentation
- User-Centered Design: Building for Real People
- Stakeholder interview
- Qualitative and Quantitative research.
- Understanding User Needs through Research & Surveys
Week 3
Improve UX With Practical Examples
- Design Strategy
- Types of Task Analysis
- Eco System model
- A complete guide to using FigJam
- Introduction to 6D Process
- Human and Machine Interaction Activity
- Group Activity
Week 4
Bringing It All Together
- Synthesizing Research Insights: Crafting User-Centric Solutions
- Telling the Story of Your Design
- Building UX Documentation
- User Personas
- Mapping: Empathy, Affinity, Blue Print
- Real-World Design Challenges
Week 5
Visual Storytelling for UX
- The Role of Visuals in UX: Clarity & Aesthetics
- Creating User Scenarios: Designing for Different Contexts
- Storyboarding
- Conducting Competitive Analysis: Learning from the Market
- Card Sorting & Tree Testing: Ensuring User-Friendly Navigation
Week 6
Sketch, Scribble, Shine!
- Information Architecture: Organizing Content for Easy Navigation
- Turning Wireframes into Interactive Models
- The Role of Logos in UX: First Impressions & Brand Recall
- 101: Gathering Real Feedback
- Preparing for UX Design Interviews: Mock Sessions
Week 7
UI Fundamentals & First Steps in Figma
- Introduction to UI Design
- Figma Overview & Basic Tools
- Colors, Typography, and Grids in UI
- Introduce Grid Calculator
- Figma Tips & Tricks
- Complete Guide to Mid-fidelity Wireframes
Week 8
Advanced UI Theory & Technique
- Basics of UI Colour Systems
- Types of Fonts
- Choosing the Right Fonts: Pairing and Font Psychology
- Color Harmony Rules
- Creating Color Palettes in Figma
- Layouts Spacing & Grids
Week 9
Layout Like a Pro
- Basics of Frames & Autolayout
- Master Styles & Libraries in Figma
- Basics of Components & Variants
- Learn Figma Variables
- Design Systems 101
- Developer Handoff
Week 10
Polish & Present
- Perfecting Visual Details: Shadows, Borders, and Depth
- Preparing UI Designs for Presentation: Mockups and Case Studies
- Figma Community: Sharing and Finding Resources
- Peer Review Session: Feedback on Final Projects
Week 11
Design Jam: Collaborate & Create!
- Real-World Design Challenges: Group Exercises
- How to improve your App's Interface
- Redesigning Website
- Redesigning Mobile App
- UI Group Project
Week 12
Portfolio & Pitch Perfect!
- Portfolio Complete Guide 1-O-1
- Prototyping Basics: From Ideas to Interactive Models
- Documentation & Handoff: Preparing for Developer Collaboration
- UX RESEARCH (User Analysis)
- Qualitative and Quantitative research.
- UX RESEARCH METHODOLOGY
Week 13
Graduation with Style!
- Crafting Mock Interviews & Presentations
- Final Project Submission & Peer Review
- Networking Tips for Designers
- Feedback Session
- Graduation Ceremony & Certification
Week 14
Motion Graphic Curriculum
After Effects Basics
- Introduction to the After Effects interface and essential tools
- Creating projects, compositions, and layers
- Importing footage (video, audio, and images)
- Basic animation with keyframes (position, scale, opacity)
Week 1
Working with Shapes and Text
- Animating shapes and objects
- Creating dynamic text animations with presets and expressions
- Applying easing for smooth transitions
Week 2
Masks and Track Mattes
- Creating and using masks for selective visibility
- Using track mattes for complex transitions
Week 3
Advanced Motion Graphics Techniques
- Motion tracking and stabilization
- Animating objects to follow paths
- Speed ramping and time remapping
Week 4
3D Animation and Camera Work
- Basics of 3D layers and 3D compositions
- Animating with cameras and lights
- Using depth of field for realistic animations
Week 5
Special Effects
- Applying glow and distortion effects
- Green screen techniques and chroma keying
- Color correction and grading
Week 6
Exporting and Workflow Optimization
- Optimizing projects for smooth workflow
- Exporting video for different platforms (YouTube, Instagram, etc.)
- Best practices for rendering with Adobe Media Encoder
Week 7
Ads and campaigns
- Create an animated ad campaigns for social media
- Create social media animations with complex visual & audio effects
Week 8
Introduction to Premiere Pro
- Non-linear editing basics
- Setting up projects and importing media
- Organizing media and timelines
Week 9
Transitions and Advanced Editing
- Adding creative transitions between clips
- Motion effects and keyframing in Premiere Pro
- Speed ramping and time-lapse effects
Week 10
Audio Mixing and Video Effects
- Syncing audio and video
- Basic sound mixing and audio effects
- Adding video effects and color grading
Week 11
Multi-camera Editing and Exporting
- Working with multi-camera footage
- Managing large projects efficiently
- Exporting projects in desired formats
Week 12
Animated Portfolio Development
- Creating an animated resume or portfolio using After Effects
- Adding transitions and personal branding elements
- Create a Logo intro animation and text intros.
Week 13
Social Media Ads
- Designing animated ads for social media platforms
- Optimizing videos for mobile formats
Week 14
Digital Storytelling
- Creating animated digital stories
- Adding voiceovers, sound effects, and music
Week 15
Video Invitations and Final Portfolio Submission
- Creating video invitations for events
- Final Portfolio Review: Submit animated resume, social media ads, digital story, and YouTube ad.
Week 16
Web Design Curriculum
Introduction to HTML5
- HTML Heading Elements
- HTML Paragraph Elements
- Self Closing Tags
- The List Element
- Nesting and Indentation
- Anchor Elements
- Image Elements
- [Project] Birthday Invite
Phase 1
Multi-Page Website
- Computer File Paths
- What are Webpages?
- Table Strucures
- Iframe
- Form Elements
- Symantech Elements
- Marquee with text animation
- [Project] Portfolio Website
Phase 2
Introduction CSS3
- Why do we need CSS?
- CSS Selectors
- CSS Colours
- Font Properties
- Inspecting CSS
- The CSS Box Model
- [Project] Motivational Poster Website
Phase 3
Intermediate CSS3
- Combining CSS Selectors
- CSS Positioning
- CSS Display
- CSS Float
- How to Create Responsive Website
- Media Queries
- Z-index, Oveflow, Inline-block, Opacity
- CSS icons
Phase 4
Advanced CSS3
- Flexbox/Grid
- CSS Gradients
- Shadow Effects
- 2D, 3D Transforms
- CSS Pseudo-classes
- Transitions, Animations
- CSS Variables
- [Project] Flexbox Layout
Phase 5
Hands-On: Project Kickoff
- Key elements of a high-converting website (CTAs, landing pages).
- Design to Development Handoff
- Gathering References & Inspiration
- [Project]PSD/Figma to Development
- Provide Material for more practice
- Personal Resume (CV) Portfolio Website
Phase 6
bootstrap v5.0
- Bootstrap Quick start
- Starter template/Installation
- Customize: Color, CSS variables
- Layout: Breakpoint, Grid, Columns
- Content: Typography, Images, Tables
- Forms, Helpers, Utilities, Icons
- Bootstrap Components
- [Project] PSD/Figma to Development
Phase 7
JavaScript Jumpstart
- What is JavaScript?
- Variables: let, const, var
- Data Types
- Conditional Statements
- Looping Magic
- The Power of Logical Operators
- Objects Properties
- String Method
Phase 8
Array/DOMination(DOM)
- Array Methods
- Essential Array Method
- Date Methods
- JS Math Methods
- [Project]Calender
- Selecting Elements
- Modifying HTML & CSS with JavaScript
- Event Listeners & Handling Events
Phase 9
Toolbox Treasures - Modern JavaScript Tools & Libraries
- ES6+ Features: let, const, Template Literals, Destructuring
- Block Scope in ES6: let vs. var
- Immutability with const
- Arrow Functions
- Template Literals
- Spread and Rest Operators
- [Mini Project]
Phase 10
jQuery
- What is jQuery?
- Installation
- jQuery Effects
- jQuery HTML
- jQuery Selectors
- jQuery Animation
- Event Methods
- jQuery - Chaining
Phase 11
Wordpress
- Overview of the WordPress
- WordPress.com vs. WordPress.org
- Setting Up XAMPP
- Installing Themes
- Widgets for Navigation
- Plugins and Installation
- [Project]Introduction to Theme Builders (e.g., Elementor, Divi)
Phase 12
Note: The sequence of topics and software may be subject to change. Your learning path might begin with any of the listed tools depending on scheduling and course flow.
Get More this course
Empowering Students to reach their potential Goal For Next Level Challenge.
This is a skill-based certification course of Graphics, Web, Motion Graphics & UX/UI design with duration of 11 to 12 months. This course provides full fledge training of all the tools of Graphics, Motion Graphics, UX/UI and various languages such as HTML, CSS which are essential to learn web designing. Students will learn how to create videos containing animation & special effects for related projects. This course by creative concept® also offers expertise guidance into what the UX/UI researcher/designer does and how their work brings value to the process and product. It covers the design, prototyping, and evaluation part of user interfaces for applications. Additionally, it also provides complete knowledge of vector based software like CorelDraw and other software of adobe such as Illustrator, Photoshop and InDesign. Students enrolled for this course at creative concept® will also equip themselves with the comprehensive knowledge required to create videos containing animation & special effects for related projects. They will also learn how to use After Effects to create animations from scratch, Premiere Pro for editing video & mixing sounds and Adobe audition for effortlessly creating sound effects.
Enquire Now