KC Logo
Home
Projects
About
Home
Projects
About
Case Study

Ang Pamantasan

Ang Pamantasan is a web-based digital publication platform for PLM’s official student publication, created to represent diverse student voices, campus issues, achievements, and university life through a centralized and accessible online presence. The platform was designed to serve as a long-term digital home for campus journalism, enabling structured content publishing, better visibility, and broader audience reach beyond social media.

Problem

Problem

Before the project, the student publication relied primarily on Facebook as its main publishing platform. This approach presented several limitations:

  • Lack of a dedicated web platform, making it difficult to showcase articles, archives, and publication identity in a structured format

  • Limited discoverability and organization, as social media timelines are not designed for long-form journalism or archival access

  • Outdated digital presence, which did not reflect modern web design standards or the publication’s brand identity.

These constraints limited the publication’s ability to establish a professional digital footprint and reach readers beyond social media platforms.

Solution

Solution

  • Built a dedicated web platform with a headless CMS architecture using Contentful, allowing editors to publish and manage articles dynamically without code changes.

  • Implemented API-driven content rendering

    for articles, categories, and featured stories, ensuring content stays up to date and easily scalable.

  • Designed a mobile-responsive and structured content system

    to support news, editorials, features, and announcements across devices.

Technical approach

Technical approach

  • Developed the frontend using Next.js (JavaScript) to enable dynamic, server-rendered content and efficient page routing.

  • Integrated Contentful as a headless CMS, consuming content through its API to dynamically render articles, categories, and featured sections.

  • Styled the application using Tailwind CSS, enabling a responsive layout and consistent design across desktop and mobile devices.

Impact & outcome

Impact & outcome

  • Established a dedicated web platform that improved content discoverability beyond social media and strengthened the publication’s digital presence.

  • Provided a centralized and structured content hub, enabling readers to easily access current and archived articles.

  • Reinforced the publication’s brand identity through a consistent, professional web experience aligned with modern publishing standards.

Challenges & learnings

Challenges & learnings

  • Designing a flexible content model in Contentful that could support multiple article types, categories, and editorial sections without requiring frequent schema changes.

  • Handling dynamic content rendering in Next.js, ensuring pages remained performant and consistent as new content was published.

  • Balancing editorial flexibility with frontend structure, requiring close alignment between content editors’ needs and the application’s data architecture.

This project strengthened my understanding of headless CMS architecture, API-driven frontend development, and building scalable content platforms that support real-world publishing workflows.

Like what you see?

Interested in this project?

Let's discuss how we can work together on your next project