Project Image 01
Project Image 01
Project Image 01

2024

UI/UX Design, Website Design, E-learning

Procurement Academy is a WordPress-based learning platform designed to deliver structured procurement training in a clear, engaging, and user-friendly format.

I was responsible for the complete end-to-end design execution — from defining the visual direction and layout structure to selecting video styles, creating promotional assets, and collaborating closely with the development team for implementation.

This project required balancing creativity with technical platform constraints while ensuring a smooth and engaging learning journey.

Mission

Mission

Mission

To create an engaging, visually structured, and user-friendly learning platform that enhances content clarity and improves learner engagement while working within WordPress tool limitations.

To create an engaging, visually structured, and user-friendly learning platform that enhances content clarity and improves learner engagement while working within WordPress tool limitations.

To create an engaging, visually structured, and user-friendly learning platform that enhances content clarity and improves learner engagement while working within WordPress tool limitations.

Project Image
Project Image
Project Image

Challenge

Challenge

Challenge

The project required: Designing the website entirely from scratch Working within WordPress standard content structures and tool restrictions Making learning content more engaging and interactive Creating a unique visual treatment for key bottom-section content requested by the client Coordinating directly with the client while aligning with the developer team The platform needed to feel structured yet dynamic — not just another static training website.

The project required: Designing the website entirely from scratch Working within WordPress standard content structures and tool restrictions Making learning content more engaging and interactive Creating a unique visual treatment for key bottom-section content requested by the client Coordinating directly with the client while aligning with the developer team The platform needed to feel structured yet dynamic — not just another static training website.

The project required: Designing the website entirely from scratch Working within WordPress standard content structures and tool restrictions Making learning content more engaging and interactive Creating a unique visual treatment for key bottom-section content requested by the client Coordinating directly with the client while aligning with the developer team The platform needed to feel structured yet dynamic — not just another static training website.

Solution

Solution

Solution

I designed the complete visual system for Procurement Academy, creating structured layouts and mood boards to ensure a clear and intuitive content flow. To enhance engagement, I developed strong visual storytelling elements and a promotional video aligned with the platform’s objectives. For a unique touch, I introduced an interactive “Tree” concept in the bottom section, featuring clickable branches that highlighted key focus areas while working within WordPress constraints. I collaborated closely with developers to ensure smooth implementation and usability throughout the project.

I designed the complete visual system for Procurement Academy, creating structured layouts and mood boards to ensure a clear and intuitive content flow. To enhance engagement, I developed strong visual storytelling elements and a promotional video aligned with the platform’s objectives. For a unique touch, I introduced an interactive “Tree” concept in the bottom section, featuring clickable branches that highlighted key focus areas while working within WordPress constraints. I collaborated closely with developers to ensure smooth implementation and usability throughout the project.

I designed the complete visual system for Procurement Academy, creating structured layouts and mood boards to ensure a clear and intuitive content flow. To enhance engagement, I developed strong visual storytelling elements and a promotional video aligned with the platform’s objectives. For a unique touch, I introduced an interactive “Tree” concept in the bottom section, featuring clickable branches that highlighted key focus areas while working within WordPress constraints. I collaborated closely with developers to ensure smooth implementation and usability throughout the project.

Project Image
Project Image
Project Image
Project Image
Project Image
Project Image

Result

Result

Result

The project resulted in a fully structured and visually engaging WordPress learning platform that enhanced learner engagement through interactive elements and improved visual clarity. Despite platform limitations, I successfully balanced creative design with technical restrictions to deliver a seamless experience. The client responded positively to the clear content flow and unique interactive solutions, and the collaboration between design, development, and stakeholders was strengthened throughout the process.

The project resulted in a fully structured and visually engaging WordPress learning platform that enhanced learner engagement through interactive elements and improved visual clarity. Despite platform limitations, I successfully balanced creative design with technical restrictions to deliver a seamless experience. The client responded positively to the clear content flow and unique interactive solutions, and the collaboration between design, development, and stakeholders was strengthened throughout the process.

The project resulted in a fully structured and visually engaging WordPress learning platform that enhanced learner engagement through interactive elements and improved visual clarity. Despite platform limitations, I successfully balanced creative design with technical restrictions to deliver a seamless experience. The client responded positively to the clear content flow and unique interactive solutions, and the collaboration between design, development, and stakeholders was strengthened throughout the process.

More Details
Primary Button
Primary Button
More Details
Primary Button
Primary Button