SEAMEO RECFON Digital Library

Project Overview

SEAMEO RECFON Digital Library is an institutional platform providing access to books, research papers, and journals. The website allows users to search, read, and download academic publications.

The original system was built using SLiMS (Senayan Library Management System), a PHP-based open-source library management software. However, the interface lacked responsiveness and had overly complex navigation.

This project focused on UX restructuring and responsive redesign without modifying the core backend system.

Pages Structure

The redesigned website consists of five core pages:

• Home – Overview and featured publications

• Search – Advanced search functionality for books and journals

• Book Detail – Publication metadata, preview, and download access

• Login – User authentication for restricted resources

• Contact – Institutional contact information

Problem & Solution

Problems Identified

• Non-responsive layout

• Complex navigation structure (5+ main menus)

• Weak visual hierarchy

Solutions Implemented

• Created a mind map to restructure the information architecture

• Simplified navigation into 5 clear core pages

• Designed wireframes for improved usability

• Rebuilt frontend interface using Bootstrap and Tailwind

• Ensured full responsiveness across desktop, tablet, and mobile

Technical Highlights

• SLiMS (PHP-based LMS) customization

• Bootstrap layout system

• Tailwind CSS styling

• UX-driven information architecture redesign

• Responsive refactoring within legacy system

My Role

Led the UX restructuring process, created wireframes, and implemented a modern responsive interface within the existing SLiMS framework.

Impact

Improved usability, navigation clarity, and mobile accessibility while maintaining system stability.