NUR LIYANA
Project: B2B Online Training Portal
Role: UX/UI Designer & Researcher
Category: Cybersecurity Education / Corporate Training
This project aims to help employer to give an online training to their staff. The subject that involved in this project is Cyber Security. This Cyber Security could help the employer to check their staff's understanding in cyber security such as spam emails or calls, phishing and etc.
The primary challenge was designing a complex management system that could handle high volumes of training data without overwhelming the employer (B2B user).
Information Overload: Employers need to manage subjects, quizzes, and staff results simultaneously.
Sensitive Nature of Content: Cybersecurity topics like phishing and spam are technical; the interface needed to make this content accessible and engaging.
User Permission Gaps: Designing a system that differentiates clearly between an admin (employer) who manages content and a user (staff) who consumes it.
This is just some part of the snapshot from the low-fidelity design.
Because this project involved specialized knowledge, my approach was rooted in deep discovery and empathy:
User Research: Conducted interviews with target users to understand corporate training pain points.
Persona Development: Created detailed personas to map out the specific needs of HR managers and IT leads.
Information Architecture: Sketched comprehensive site maps and conducted industry background research on existing cybersecurity apps.
To solve the identified issues, I implemented several key UI/UX features to streamline the employer's workflow:
Centralized CRUD Management: Designed intuitive Create, Read, Update, and Delete (CRUD) interfaces for both Subjects and Quizzes, allowing employers to easily update training modules as new cyber threats emerge.
Automated Distribution: Implemented a "Generate Link" feature for staff, removing the friction of manual email invites and simplifying the onboarding process.
Data Visualization: Developed a dashboard (as seen in the laptop mockups) to help employers track staff progress and identify who understands concepts like phishing and who needs more training.
Clean, Professional UI: Used a structured, dark-themed sidebar with a high-contrast white workspace to ensure the focus remains on the training data and staff analytics.
I reached the intended outcome by delivering a user-centric, B2B-ready training portal design that empowers employers to effectively grade and improve their staff's cybersecurity awareness. The final UI provides a professional environment suitable for high-stakes corporate training.
© Nur Liyana Aris | 2026
Johor, Malaysia