Peliplat Universe
Peliplat Universe is an interactive web-based platform developed for our client,
Peliplat, to enhance the UX/UI of their Library feature.
It visualizes the movie
database as a star map-inspired "Film Galaxy," where each planet represents a film,
improving user engagement through a dynamic interface.
Project Context
- Type: Client Project (CDM Academic Project)
- Duration: Jan 2024 – April 2024 (4 months)
- Team: 7 people (2 backend, 1 frontend, 3 design, 1 PM)
Tech Stack
- Languages: Python, JavaScript
- Frameworks: Flask, React
- Database: MongoDB
- Libraries: Konva
- Algorithms: K-Means clustering for film grouping
Features
- 2.5D Starmap of the Film Galaxy: A visually captivating
network where each planet represents a movie, enabling users to explore and discover new
films through interactive navigation.
- Filter System: A powerful search tool allowing users to
find movie recommendations based on various keywords, enhancing content discovery.
- Pelibot Chatbot: An AI-powered assistant suggesting
keywords and guiding users through the galaxy.
- Dual View Modes: Switch between Galaxy View and List View
for optimized exploration.
- Pop-Up Tutorials: Guided user onboarding to explore the
Peliplat Universe.
Roles & Responsibilities
- Implemented a 2.5D film discovery UI using the Canvas API for an immersive
star map experience.
- Developed a keyword-based filter to improve search and film recommendation
accuracy.
- Applied clustering (K-Means) to organize films into thematic groups for
better discovery and UI structure.
Impact & Achievements
- Enhanced thematic discovery by using K-Means clustering on cast and crew
data — making it easier for users to identify film franchises and cinematic universes.
- Delivered an engaging 2.5D spatial navigation experience via Canvas, helping
users explore films visually rather than through static lists.
- Improved exploration efficiency by combining interactive design with
meaningful visual grouping of films.
Project Context
- Type: Client Project (CDM Academic Project)
- Duration: Jan 2024 – April 2024 (4 months)
- Team: 7 people (2 backend, 1 frontend, 3 design, 1 PM)
Tech Stack
- Languages: Python, JavaScript
- Frameworks: Flask, React
- Database: MongoDB
- Libraries: Konva
- Algorithms: K-Means clustering for film grouping
Features
- 2.5D Starmap of the Film Galaxy: A visually captivating network where each planet represents a movie, enabling users to explore and discover new films through interactive navigation.
- Filter System: A powerful search tool allowing users to find movie recommendations based on various keywords, enhancing content discovery.
- Pelibot Chatbot: An AI-powered assistant suggesting keywords and guiding users through the galaxy.
- Dual View Modes: Switch between Galaxy View and List View for optimized exploration.
- Pop-Up Tutorials: Guided user onboarding to explore the Peliplat Universe.
Roles & Responsibilities
- Implemented a 2.5D film discovery UI using the Canvas API for an immersive star map experience.
- Developed a keyword-based filter to improve search and film recommendation accuracy.
- Applied clustering (K-Means) to organize films into thematic groups for better discovery and UI structure.
Impact & Achievements
- Enhanced thematic discovery by using K-Means clustering on cast and crew data — making it easier for users to identify film franchises and cinematic universes.
- Delivered an engaging 2.5D spatial navigation experience via Canvas, helping users explore films visually rather than through static lists.
- Improved exploration efficiency by combining interactive design with meaningful visual grouping of films.