Bourdillon Omijeh Foundation (B.O.F)

Welcome to the UI/UX Design Masterclass – NITDA x BOF 
In this session, we dive deep into the foundations of user experience and interface design, covering everything from User Personas to Information Architecture (IA) and hands-on design using Figma.

🔍 What You’ll Learn in This Session
👤 User Personas & Research
How to determine the number of personas based on real data
Key elements of a strong persona:
Goals
Behaviors
Pain points
Solutions
Turning research insights into actionable design decisions
🧠 Information Architecture (IA)
What IA is and why it matters
Structuring your app before design (like a blueprint 🏗️)
Creating logical user flows (e.g., Sign-up → OTP → Home screen)
Tools for IA:
FigJam
Miro
Pen & paper

💡 Key Insight: Good design starts with structure — not visuals.

🎨 Introduction to Figma Interface
Navigating the Figma workspace
Understanding:
Design canvas
Layers (Design Tree)
Properties panel
Difference between Drafts vs Team Projects
Exploring the Figma Community for free resources
🛠️ Figma Tools & Features
Frame tool (F) for layouts
Text tool (T) for typography
Scale tool (K) for resizing without distortion
Color picker (I) for consistent design
Adding shapes, images, and illustrations
🎯 UI Design Principles
Color Theory (keep it simple & clean)
Typography (hierarchy and readability)
Shapes & Components (buttons, icons, UI elements)
Layouts & Grids (alignment, spacing, balance)
📱 Hands-On Design Demo
Designing a Sign-Up Page from scratch
Setting up:
Mobile frame (iPhone recommended)
Layout grid (8-column system)
Adding text, colors, and illustrations
Using plugins like Storyset for visuals
Proper scaling techniques using the “K” shortcut

UI/UX Design Masterclass – NITDA x BOF Day 4

Highly Recommended Courses

Explore top skills

In-demand Careers

Popular Topics

Creative Skills

Business Skills