Portrait of Jeremia Justin Grasio used as the home page hero background of his portfolio.

Frank & co. Adaptive PDP System portfolio preview

Frank & co. Adaptive PDP System

HR Recruiter Solution portfolio preview

HR Recruiter Solution

SEO Optimized Church Website portfolio preview

SEO Optimized Church Website

Gallery Room portfolio preview

Gallery Room

Gamify Ring Size Guidelines

Frank & co. Valentine Campaign portfolio preview

Frank & co. Valentine Campaign

Bookmarking Tools portfolio preview

Bookmarking Tools

Dibimbing.id Page Revamp portfolio preview

Dibimbing.id Page Revamp

Cakrawala University Academic System portfolio preview

Cakrawala University Academic System

Dinuslib Library System portfolio preview

Dinuslib Library System

Competition portfolio preview

Competition

Work Experience portfolio preview

Work Experience

Awards portfolio preview

Awards

Review portfolio preview

Review

Waving hand emoji used as a notification icon.

Hi, I'm open for any project! 🚀

You can contact me anytime through the email icon or click here

now

Some projects can't showed because of agreement

Dinuslib library system

Dinuslib library system

DinusLib library system interface.

Accreditation Excellence & Better UX

Redesigning a university library system to boost accreditation and enhance student engagement.

PROJECT INFORMATION

Category:

Library System Development

Role:

UI/UX Designer

Organizer:

Dian Nuswantoro University

Location:

Semarang, Indonesia

Tools:

Figma, Zoom, Excel

ABOUT

DinusLib front office and library lobby interior photo.

Dinuslib

is the official library of Dian Nuswantoro University, serving as the university’s knowledge hub. It offers a wide range of academic resources books, journals, digital repositories, and research support services while aiming to provide a modern, user friendly environment that encourages academic excellence and lifelong learning.

CONTEXT

Official decision letter from the National Library of Indonesia for DinusLib.

Library Accreditation Goals

Indonesian university libraries are accredited on a scale of A (highest), B (standard), and C (lowest). Currently holding a B, Dinuslib aims to achieve A accreditation, requiring stronger digital infrastructure and higher user engagement.

Instrument Requirement

The accreditation instrument specifies that one of the key performance indicators is achieving 11,000 digital visitors per month something the current system struggles to meet.

CHALLENGE

Overview of DinusLib's open-source stack using WordPress, SLiMS, and DSpace.

Separate Open Source

Dinuslib currently operates on multiple separate open source platforms: WordPress for the main site, SLiMS for book circulation, and DSpace for academic files. This fragmented structure confuses users and weakens the overall experience.

Compounding the problem:

A recent online gambling attack raised serious security concerns.
Monthly visitors consistently fall short of the 11,000 required by accreditation standards.
Without a clear visual flow of the system, both developers and stakeholders lack a shared understanding, making platform improvements slow and misaligned.

PROCESS

Sitemap planning for the DinusLib website information architecture.

Creating Sitemap

I mapped the entire library ecosystem, identifying pain points, redundancies, and missing user flows. This provided a clear structure for merging multiple platforms into one unified experience.

DinusLib design system typography and colour guide.

Creating Design System

A consistent design system was built in Figma covering typography, colors, components, and interaction states ensuring visual and functional consistency across the entire library platform.

DinusLib prototype user interface exploration.

Creating Prototype

Interactive prototypes were developed to visualize user journeys, allowing stakeholders to experience the proposed solution before development and align on functionality early.

Usability testing results for DinusLib using the SUS method.

Usability Testing (SUS & SEQ Methods)

I conducted usability tests with real users using the System Usability Scale (SUS) and Single Ease Question (SEQ) methods. These tests provided measurable insights on ease of use, visual clarity, and user satisfaction. I've reached my target of 100% use SUS method.

SOLUTION

DinusLib redesigned home page concept.

Unified Library Platform

I integrated all separate services into one centralized, secure, and easy to navigate website to eliminate confusion and improve accessibility.

Enhanced User Experience

A user centered design approach improved usability and engagement, aiming to meet the accreditation visitor target and boost overall satisfaction.

PREVIEW

DinusLib login page interface concept.

DinusLib custom 404 error page design.

DinusLib student final project detail page, view one.

DinusLib student final project detail page, view two.

Back to portfolio