Training Alignment

This plan aligns with the following university training topics:

1. Information Systems Analysis and Design - UX analysis, user flows, system requirements
2. Software Development - UI/UX design perspective, design-to-development handoff
3. Internet Applications - Web/mobile portal design, responsive design
4. Information Security - Nafath integration, secure authentication flows

Week 1-2: Foundation & Onboarding

Week 1: Project Context & Tool Setup

• Day 1-2: Project overview & organizational structure
  • Introduction to SIDF organizational structure, Vision 2030 alignment, and project goals
  • Understand the project details, milestones, and four modules (Acquisition, Execution, Management, Support)
  • Training topic : organizational structure and objectives
• Day 3-5: Figma Basics - Session 1
  • Figma interface and navigation
  • Frames, shapes, and basic design tools
  • Auto Layout fundamentals
  • Components vs instances
  • Practice Exercise: Recreate a simple login screen from screenshots
  • Training topic : Software development - UI perspective

Week 2: Design Systems & User Research Basics

• Day 1-2: Figma Basics - Session 2
  • Design systems and component libraries
  • Variants and properties
  • Prototyping basics (linking screens, interactions)
  • Practice Exercise: Create a simple button component with variants
  • Training topic : Internet applications - design
• Day 3-5: Competitive Analysis Kickoff (3 days)
  • Research and identify 5-7 competitor/comparable platforms (regional banks, government portals, fintech lending platforms)
  • Document initial findings and platform selection rationale
  • Set up analysis framework in FigJam/Notion
  • Begin collecting screenshots and initial observations
  • Training topic : Analyze existing systems), Identify problems

Week 3-4: Skill Building & Competitive Analysis

Week 3: Advanced Figma & Competitive Research

• Day 1-2: Figma Basics - Session 3
  • Advanced prototyping (overlays, scroll behavior, conditional logic)
  • Using plugins relevant to the project
  • Collaboration features (comments, version history)
  • MCP Figma Integration: Learn how designs are handed off to front-end developers
  • Practice Exercise: Create a simple flow with 3-4 screens and prototype interactions
  • Training topic : Software development workflow
• Day 3-5: Competitive Analysis - Research Phase
  • Analyze competitor loan management interfaces, document submission processes
  • Document UI patterns, interaction models, and innovative features
  • Take screenshots and organize in FigJam with annotations
  • Focus areas: Mobile-first design, Arabic/RTL support, authentication patterns
  • Training topic : Analyze existing systems in terms of design), IS analysis and design

Week 4: UI Patterns & Analysis Synthesis