This Training is jointly organized by BITM Limited & Opedia Technologies Limited

Training will be held in Opedia Technologies Limited

PART-A

User Interface

Class 01: Fundamental of UI UX Design

• What is UI UX Design?
• Design Thinking
• The basics of type & fonts
• User-Centered Design
• UX Principles
• User Persona Walk
• Basic Idea of Wireframing
• Design & Prototype

Adobe XD

Class 02: Introduction to Adobe XD

• Selection
• Artboard
• Grid, Guide
• Using Shapes
• Place image
• Lock/ unlock
• Using color
• Shadow
• Using Text
• Export

Project: Login page, 404 page, Sign Up

Class 03: Working process

• User Research and User Needs
• Stack- Padding
• Repeat grid
• Background Blur
• Color & Typography
• Plugin install & use

Project: landing page hero Section

Class 04: UI Elements

• Custom assets Design
• Icon, button
• Checkbox
• Navigation

Project: Create 20 UI Elements 

Class 05: Web Template Theory

• 12 Grid Responsive Design
• Wireframe
• Typography Rules

Project: Trace two website landing page wireframes

Class 06: Typography

• Trace any Real Estate website
• Project: Trace one website 6 pages

(Home page, About us, Service page, Contact page, Blog page, Apartment details)

Class 07: UI Design Principles & Redesign Process

• Consistent Design
• Informative Feedback
• Clarity, Familiarity, and User Control
• Hierarchy, Flexibility, Accessibility

Project: Redesign a website landing page and maintain all Principles (5 sections)

FIGMA

Class 08: Introduction to Figma

• Selection
• Frame
• Grid, Guide
• Using Shape
• Place image
• Lock/unlock
• Using color
• Shadow
• Using Text
• Group
• Export

Project: Redesign pricing, Redesign User profile

Class 09: Working process

• Create style (Color, Typography, Effect)
• Auto Layout
• Solid & Gradient Color
• Create component
• Variant
• Plugin
• Community

Project: OTP landing page

Class 10: Style Guide & Design System

• Color Palate
• Font Style
• Button Style
• Font Size

Project: Create a Design system & Style guide

Class 11: Dashboard Design

• Wireframing
• Decide on an End Goal
• Pick a Dashboard Type
• Minimalistic Design

Project: Dashboard Design

Class 12: Redesign a website

• Follow UI Rules

Project: Redesign the complete website

Class 13: Mobile App UI design

• Mobile Grid
• Device Selection
• Padding (Section to Section gap)
• Font Style & Color
• Button Size

Project: Trace app screen

Class 14: Mobile App UI Redesign

Project: Trace WhatsApp

Note: Create a corporate Full Website including Mobile and Tab View.

Class 15: Design Presentation for Dribbble and Behance

Project: Submit a minimum of 30 projects before the end of the course

Class 16: Exam UI Design

• Problem-Solving
• Full Website including Mobile and Tab View

PART-B

User Experience

Class 17: Understanding Design Thinking & UX Process

• Qualitative research
• Quantitative research

Class 18: Brain Storming

• UX Law: Hick s Law, Fitts s Law, Jakob’s Law
• Law of Proximity, Miller s Law.

Project: Research and Submit a report using Miro

Class 19: Problem Statements & Business Pitch

• Case Studies
• User Flow
• User Persona
• Information Architecture
• Wireframe
• Style Guide
• UI Components
• Visual Design

Project: Research some case studies from Behance

Class 20: Practical Create Problem Statements

• Shop or Travel

Class 21: User Research Techniques

• Empathy Map & User Persona
• Focus group discussion

Class 22: User Journey Map & User Flow

Project: Create User flow, User journey map

Class 23: Information Architecture & Card Sorting

Project: Create an Information Architecture

Class 24: Design patterns

Class 25: Paper Wireframe & Prototype

Project: Draw a food ordering service app wireframe

Class 26: Usability Testing & Heuristics

Project: Testing existing websites & Apps

Class 27: Product Case Study & Showcasing

Class 28: Familiarizing with Freelance Site: Fiverr [Session-1]

• Fiverr Guideline
• Fiverr Rules

Class 29: Familiarizing with Freelance Site: Fiverr [Session-2]

• Fiverr account Create
• Fiverr GIG Create
• Marketing

PART: C

Product Design Sprint

Class 30: Problem statement Product analysis (Session 01)

• user research
• user observations
• user persona
• user journey
• product roadmap

Class 31: Problem statement Product analysis (Session 02)

• Card sorting
• Site map
• User flow
• Information architecture

Class 32: Problem statement Product analysis (Session 03)

• Low fi Wireframe
• High fi Wireframe

Class 33: Problem statement Product analysis (Session 04)

• Usability heuristics evaluation
• Prototyping & pre-design foundations

(Prepare case study)

Framer

Class 34: Introduction to Framer

• Selection
• Frame
• Grid, Guide
• Using Shape
• Place image
• Lock/unlock
• Using color
• Shadow
• Using Text
• Auto Layout

Class 35: working process

• Breakpoint
• Layout
• Styles
• Navigation
• Effects
• Components
• Animation

Class 36: Live Website Design

• Responsive with Mobile
• Responsive with tab
• Live Setup
• Premium Domain Setup

Class 37: Prototyping with Animation

Class 38: Familiarizing with Freelance Site: Upwork

Curriculum