MacBook mockup on orange sofa displaying Dinuslib homepage redesign concept
MacBook mockup on orange sofa displaying Dinuslib homepage redesign concept
MacBook mockup on orange sofa displaying Dinuslib homepage redesign concept

📢 INTRO

Dinuslib is the official library of Dian Nuswantoro University, serving as a center of knowledge and learning for the entire university community. It provides access to a wide range of academic resources, including books, journals, digital repositories, and research support services. Dinuslib is committed to supporting students, faculty, and researchers by offering a comfortable, resource rich environment that fosters academic excellence and continuous learning.

📢 INTRO

Dinuslib is the official library of Dian Nuswantoro University, serving as a center of knowledge and learning for the entire university community. It provides access to a wide range of academic resources, including books, journals, digital repositories, and research support services. Dinuslib is committed to supporting students, faculty, and researchers by offering a comfortable, resource rich environment that fosters academic excellence and continuous learning.

📢 INTRO

Dinuslib is the official library of Dian Nuswantoro University, serving as a center of knowledge and learning for the entire university community. It provides access to a wide range of academic resources, including books, journals, digital repositories, and research support services. Dinuslib is committed to supporting students, faculty, and researchers by offering a comfortable, resource rich environment that fosters academic excellence and continuous learning.

Photo of Dinus University library lobby with bookshelves and seating area
Photo of Dinus University library lobby with bookshelves and seating area
Photo of Dinus University library lobby with bookshelves and seating area

🔎 OBSERVATION

To better understand the problems, I visited Dinus Library to observe the real conditions firsthand and conducted interviews with both users and library staff. This helped uncover key pain points, user behaviors, and gaps within the existing system. Based on these insights, I quickly planned solutions by prioritizing the most critical issues focusing on integrating WordPress, SLiMS, and DSpace into a unified system, designing a one door access point, and preparing early validation strategies with users before moving into full implementation.

🔎 OBSERVATION

To better understand the problems, I visited Dinus Library to observe the real conditions firsthand and conducted interviews with both users and library staff. This helped uncover key pain points, user behaviors, and gaps within the existing system. Based on these insights, I quickly planned solutions by prioritizing the most critical issues focusing on integrating WordPress, SLiMS, and DSpace into a unified system, designing a one door access point, and preparing early validation strategies with users before moving into full implementation.

🔎 OBSERVATION

To better understand the problems, I visited Dinus Library to observe the real conditions firsthand and conducted interviews with both users and library staff. This helped uncover key pain points, user behaviors, and gaps within the existing system. Based on these insights, I quickly planned solutions by prioritizing the most critical issues focusing on integrating WordPress, SLiMS, and DSpace into a unified system, designing a one door access point, and preparing early validation strategies with users before moving into full implementation.

MacBook mockup showing current Dinuslib website homepage layout
MacBook mockup showing Dinuslib catalog system interface using SLIMS
MacBook mockup displaying Dinuslib repository dashboard powered by DSpace
MacBook mockup showing current Dinuslib website homepage layout
MacBook mockup showing Dinuslib catalog system interface using SLIMS
MacBook mockup displaying Dinuslib repository dashboard powered by DSpace
MacBook mockup showing current Dinuslib website homepage layout
MacBook mockup showing Dinuslib catalog system interface using SLIMS
MacBook mockup displaying Dinuslib repository dashboard powered by DSpace

🎢 CHALLENGES

The Dinuslib system runs on several separate open source platforms WordPress for the main site, SLiMS for book circulation, and DSpace for academic files making the user experience fragmented and confusing. Users often struggle to access services due to the lack of integration. A few months ago, the system was also hit by an online gambling attack, raising serious security concerns. On top of that, the library has not met its yearly visitor target of 11,000, as required by national standards. Lastly, without a clear visual flow of the system, it’s hard for developers and stakeholders to stay aligned and improve the platform effectively.

🎢 CHALLENGES

The Dinuslib system runs on several separate open source platforms WordPress for the main site, SLiMS for book circulation, and DSpace for academic files making the user experience fragmented and confusing. Users often struggle to access services due to the lack of integration. A few months ago, the system was also hit by an online gambling attack, raising serious security concerns. On top of that, the library has not met its yearly visitor target of 11,000, as required by national standards. Lastly, without a clear visual flow of the system, it’s hard for developers and stakeholders to stay aligned and improve the platform effectively.

🎢 CHALLENGES

The Dinuslib system runs on several separate open source platforms WordPress for the main site, SLiMS for book circulation, and DSpace for academic files making the user experience fragmented and confusing. Users often struggle to access services due to the lack of integration. A few months ago, the system was also hit by an online gambling attack, raising serious security concerns. On top of that, the library has not met its yearly visitor target of 11,000, as required by national standards. Lastly, without a clear visual flow of the system, it’s hard for developers and stakeholders to stay aligned and improve the platform effectively.

Glass billboard mockup at bus station featuring Dinuslib design system
Glass billboard mockup at bus station featuring Dinuslib design system
Glass billboard mockup at bus station featuring Dinuslib design system

🛠️ EXECUTION

I redesigned the interface to deliver a cleaner, more intuitive experience that simplifies navigation for both students and staff by developed a design system to maintain visual consistency and streamline future design updates. In addition, I improved the overall information structure by reorganizing the layout and content, making key resources easier to find and interact with.

🛠️ EXECUTION

I redesigned the interface to deliver a cleaner, more intuitive experience that simplifies navigation for both students and staff by developed a design system to maintain visual consistency and streamline future design updates. In addition, I improved the overall information structure by reorganizing the layout and content, making key resources easier to find and interact with.

🛠️ EXECUTION

I redesigned the interface to deliver a cleaner, more intuitive experience that simplifies navigation for both students and staff by developed a design system to maintain visual consistency and streamline future design updates. In addition, I improved the overall information structure by reorganizing the layout and content, making key resources easier to find and interact with.

Dinuslib usability testing research plan and objectives documentation
User interview responses from Dinuslib usability testing session
Usability testing results table using SEQ method for Dinuslib system
Usability testing results table using SUS method for Dinuslib platform
Dinuslib usability testing research plan and objectives documentation
User interview responses from Dinuslib usability testing session
Usability testing results table using SEQ method for Dinuslib system
Usability testing results table using SUS method for Dinuslib platform
Dinuslib usability testing research plan and objectives documentation
User interview responses from Dinuslib usability testing session
Usability testing results table using SEQ method for Dinuslib system
Usability testing results table using SUS method for Dinuslib platform

🤩 RESULT

I validated the design through usability testing, using the System Usability Scale (SUS) and Single Ease Question (SEQ) methods, which resulted in a strong SUS score of 85. User feedback was overwhelmingly positive many found the system easier and more efficient to use, as reflected in an average SEQ score of 6. The final design also established a stronger foundation through a scalable and adaptable design system, setting the stage for future development. Most importantly, the redesign supports the university library's goals of increasing engagement and improving its chances of meeting national accreditation standards.

🤩 RESULT

I validated the design through usability testing, using the System Usability Scale (SUS) and Single Ease Question (SEQ) methods, which resulted in a strong SUS score of 85. User feedback was overwhelmingly positive many found the system easier and more efficient to use, as reflected in an average SEQ score of 6. The final design also established a stronger foundation through a scalable and adaptable design system, setting the stage for future development. Most importantly, the redesign supports the university library's goals of increasing engagement and improving its chances of meeting national accreditation standards.

🤩 RESULT

I validated the design through usability testing, using the System Usability Scale (SUS) and Single Ease Question (SEQ) methods, which resulted in a strong SUS score of 85. User feedback was overwhelmingly positive many found the system easier and more efficient to use, as reflected in an average SEQ score of 6. The final design also established a stronger foundation through a scalable and adaptable design system, setting the stage for future development. Most importantly, the redesign supports the university library's goals of increasing engagement and improving its chances of meeting national accreditation standards.

MacBook mockup showing Dinuslib user registration and sign up page

Sign Up

MacBook mockup showing Dinuslib user registration and sign up page

Sign Up

MacBook mockup showing Dinuslib user registration and sign up page

Sign Up

MacBook mockup showing Dinuslib custom 404 error page design

404 Error Page

MacBook mockup showing Dinuslib custom 404 error page design

404 Error Page

MacBook mockup showing Dinuslib custom 404 error page design

404 Error Page

MacBook mockup displaying Dinuslib About Us information page

About Us

MacBook mockup displaying Dinuslib About Us information page

About Us

MacBook mockup displaying Dinuslib About Us information page

About Us

MacBook mockup showing detailed view of Dinuslib digital repository

Repository Detail

MacBook mockup showing detailed view of Dinuslib digital repository

Repository Detail

MacBook mockup showing detailed view of Dinuslib digital repository

Repository Detail

MacBook mockup displaying article page from Dinuslib academic system

Article

MacBook mockup displaying article page from Dinuslib academic system

Article

MacBook mockup displaying article page from Dinuslib academic system

Article

MacBook mockup presenting redesigned Dinuslib homepage layout

Home Page

MacBook mockup presenting redesigned Dinuslib homepage layout

Home Page

MacBook mockup presenting redesigned Dinuslib homepage layout

Home Page

NEXT

Streamlining Bootcamp Discovery

MacBook mockup with dark background showing redesigned Dibimbing.id bootcamp page

NEXT

Streamlining Bootcamp Discovery

MacBook mockup with dark background showing redesigned Dibimbing.id bootcamp page

NEXT

Streamlining Bootcamp Discovery

MacBook mockup with dark background showing redesigned Dibimbing.id bootcamp page

Create a free website with Framer, the website builder loved by startups, designers and agencies.