A New Platform for JPCC Congregation A dedicated space to support spiritual growth through courses, articles, and videos — all seamlessly integrated with each member’s MyJPCC account. Users can track their learning progress, explore personalized content, and stay engaged in their spiritual journey anytime, anywhere.
Role:
UI/UX Designer & Researcher
Industry:
Church
Duration:
8 weeks
Challenges
Data Not Integrated
JPCC previously used a third-party platform, Thinkific, to host their learning content. However, Thinkific did not support API integration with the JPCC system, which caused major limitations:
User data could not sync with MyJPCC accounts
Congregation members were required to register separately on Thinkific
This created a fragmented experience for both users and administrators, resulting in inefficiencies and user frustration.
Need for a Modern & Simple Design
The new platform aims to provide a clean, intuitive interface where users can easily browse and access courses, articles, videos, and more — all in one place, with a consistent experience across devices.Course System Redesign
A new course experience was designed from the ground up, considering both user and admin perspectives, and optimized for desktop and mobile. This included:
Structured content delivery
Progress tracking
Admin tools for creating and managing learning materials
My Approach
Discovery Phase
Client Consultation: Conducted thorough discussions with the client to understand their vision, target audience, and specific requirements.
Brainstorm & Integrate Site Map: Analyzed & identify the solution through brainstorm with Business Analyst, Project Manager & Dev Team to ensure the Site Map & used features.
Design and Development
Design References: From another course website such as semestaakademi.com
UI/UX Design: Created a clean and visually engaging interface with easy navigation, making it simple for users to access events, online services & other features.
Feature Integration: Developed and integrated advanced features such as donation, join community & events that integrated to MyJPCC Account.
Backend Development: Built a robust backend infrastructure to support real-time data synchronization, CRUD (Create, Replace, Update & Delete) content & Course Management.
Testing and Iteration
User Testing: Conducted extensive usability testing with potential users to gather feedback and refine the website design and functionality.
Performance Optimization: Ensured the website loads quickly, performs smoothly, and make sure connected to MyJPCC account.
Results
The e-commerce website launch was highly successful, significantly increasing online sales and customer engagement. The site's aesthetic appeal and seamless shopping experience received positive feedback from both the client and their customers. Key metrics such as average session duration and conversion rates showed marked improvement.
Future Plans
Continuous Improvement: Plan regular updates and enhancements to keep the website fresh and engaging.
Expansion: Explore additional features like personalized recommendations, customer reviews, and virtual room design tools to further enhance the shopping experience.
Conclusion
MyJPCC Learning Platform Integration
As part of the platform enhancement, we successfully integrated the learning.myjpcc.org system with the MyJPCC ecosystem, delivering a seamless and efficient experience for both users and administrators. Key improvements include:
🔑 User Experience Enhancements
Single Sign-On (SSO): Users can now access learning.myjpcc.org using their existing MyJPCC account—no separate registration required.
Live Progress Tracking: Course progress is automatically synced and viewable in real-time within the MyJPCC app.
Improved Engagement: Weekly push notifications and email reminders are sent to users to encourage course completion.
Result: Increased user awareness and engagement by 80%+.
🛠 Admin & Content Management Enhancements
Centralized Access: Admins now manage participants and course content through the JPCC Internal System—eliminating the need to access Thinkific directly.
Real-Time Data Integration: All user and course data is fully integrated and always up-to-date.
Content Creation Efficiency: Admins can now build and publish content directly within the internal platform.
Result: Improved administrative efficiency by approximately 60%, reducing manual coordination and platform switching.
