Redesigning App Sec Engineer E-Learning Dashboard and creating it's First AI Feature.
As a UI/UX designer at we45, I worked closely with the CEO, a designer, project managers, and developers to design and integrate the first AI-powered quiz generator for the AppSecEngineer e-learning platform. My role also included redesigning the platform’s overall user experience to enhance visual consistency, usability, and conversions, while collaborating with another designer.
Problem Statement
As a UI/UX designer at we45, I worked closely with the CEO, project managers, and developers to design and integrate the first AI-powered quiz generator for the AppSecEngineer e-learning platform. My role also included redesigning the platform’s overall user experience to enhance visual consistency, usability, and conversions, while collaborating with another designer.
- The design was inconsistent, leading to a disjointed user experience.
- The existing design didn't fully support a scalable, efficient, and visually appealing learning process for security professionals.
- There was a need to develop a new AI quiz generator feature that allowed users to create custom challenges.
Design Process
1. Research & User Understanding
I started by understanding the core requirements from the CEO and product team. The focus was on creating a simple, intuitive way for users to generate custom quizzes based on specific security topics and vulnerabilities.
Key Findings
- Users needed flexibility in choosing the programming language, framework, vulnerability type, and difficulty level.
- The UI needed to guide users through the process, minimizing cognitive load while ensuring they understand the quiz creation process.
Objectives
- Design and integrate a user-friendly AI quiz generator into the AppSecEngineer platform.
- Redesign the entire platform to ensure consistency, improved usability, and a more engaging user experience.
- Collaborate with developers and the CEO to ensure the design aligns with technical requirements and business goals.
Design Solution
As a UI/UX designer at we45, I worked closely with the CEO, project managers, and developers to design and integrate the first AI-powered quiz generator for the AppSecEngineer e-learning platform. My role also included redesigning the platform’s overall user experience to enhance visual consistency, usability, and conversions, while collaborating with another designer.
- Choose from various Cybersecurity programming languages and frameworks.
- Define specific vulnerabilities and difficulty levels.
- Preview quizzes in real-time, with feedback on potential errors or missing configurations.
- Save generated quizzes for future use or edit them if necessary.
Impact & Results
The redesigned platform, along with the AI quiz generator, significantly improved the user experience on AppSecEngineer
1
A more cohesive and appealing design increased user satisfaction, leading to better retention and conversion rates.
2
The intuitive quiz creation process encourages users to explore and create custom challenges, boosting platform engagement.
3
The real-time feedback during quiz creation reduced errors, decreasing the number of support tickets related to quiz generation issues.
Conclusion
The design of the AI-powered quiz generator and the redesign of the AppSecEngineer platform were both challenging and rewarding. By focusing on user needs, technical requirements, and visual consistency, I was able to deliver a solution that enhanced both functionality and aesthetics. Working closely with a second designer, developers, and stakeholders, I successfully transformed the platform into a more engaging and user-friendly experience for security professionals worldwide.