About The Project

The PIONIR Gadjah Mada 2024 website serves as an informational platform designed to introduce and promote the PIONIR Gadjah Mada 2024 activities to the public, particularly targeting the new UGM students of 2024, known as Gamada. The website provides comprehensive details about the event, including activities, gallery, booklet, Pionirpedia, check groups, and a unique feature called Gamatopia, which is an interactive video game.

Goals

• Event Promotion: Effectively introduce and promote the PIONIR Gadjah Mada 2024 activities to new students and the public.
• Information Dissemination: Provide detailed information about PIONIR Gadjah Mada, including activities, schedules, and resources.
• User Engagement: Enhance user engagement through interactive features like Gamatopia.
• Resource Accessibility: Ensure that all information and resources are easily accessible and user-friendly.

The User & Audience

• New UGM Students (Gamada): Primary audience, seeking information about PIONIR Gadjah Mada activities.
• UGM Community: Existing students, faculty, and staff interested in the event details.
• General Public: External audiences looking for information about UGM's initiatives and events.

Development Scope

• Front-End Development: Utilized Next.js and Tailwind CSS to create a responsive, dynamic, and visually appealing interface.
• Back-End Development: Implemented Strapi as the CMS to manage content efficiently and enable seamless updates.
• Feature Implementation:
  • Information Sections: Detailed pages about PIONIR Gadjah Mada, activities, gallery, booklet, and Pionirpedia.
  • Interactive Features: Developed Gamatopia, an engaging video game to attract and entertain users.
  • Progressive Web App (PWA): Implemented PWA features to enhance the user experience by enabling offline access, faster loading times, and a native app-like feel.
  • Notifications: Added push notifications to keep users informed about the latest updates and activities.
  • Live Chat: Integrated Tawk.to for real-time live chat support, allowing users to get instant help and information.
  • User-Friendly Navigation: Ensured intuitive navigation and easy access to various sections and resources on the website.

Process

• Requirement Gathering: Conducted extensive research and surveys to understand the needs and expectations of new students and stakeholders.
• Planning and Design: Developed detailed project plans, wireframes, and mockups using Figma. Incorporated feedback to ensure the design meets user needs and preferences.
• Development: Built the website using Next.js and Tailwind CSS for the front-end and Strapi for the back-end, focusing on creating a cohesive and responsive user experience.
• Testing: Performed comprehensive testing, including unit tests, integration tests, and user acceptance testing (UAT). Made necessary adjustments based on feedback.
• Deployment: Deployed the website, ensuring all functionalities were working as intended.
• Release and Monitoring: Launched the website and conducted continuous monitoring to gather user feedback and implement improvements.

Results

• Successfully launched a platform that effectively introduces PIONIR Gadjah Mada 2024 activities to new students and the public.
• Provided easily accessible and user-friendly information and resources.
• Achieved high user engagement through interactive features like Gamatopia.
• Enhanced user experience with PWA features, push notifications, and live chat support.
• Received positive feedback from new students, UGM community, and external audiences.