UI/UX Design and Frontend Implementation in the Redesign of the National Archives Information Network Website

Abstract

The National Archival Information Network (JIKN) serves as a digital platform that provides public access to archival information. However, the existing website interface showed several usability and visual design limitations that affected user experience and accessibility. This study aimed to redesign the JIKN website by applying User Interface (UI) and User Experience (UX) principles and implementing the redesigned interface into a functional frontend web application. The research approach involved problem identification, user needs analysis, wireframe design, prototype development, user testing, and frontend implementation. The redesigned interface was developed using PHP and Tailwind CSS to ensure responsiveness, consistency, and adaptability across various devices. The results demonstrated that the redesigned website offers a more modern visual appearance, improved navigation structure, and enhanced usability compared to the previous version. User testing indicated that the new interface increased user satisfaction and facilitated easier access to archival information services. Furthermore, the frontend implementation successfully transformed the design prototypes into a functional and responsive web interface while maintaining design consistency. In conclusion, the redesign and frontend implementation of the JIKN website improve accessibility, usability, and the overall quality of digital archival information services, thereby supporting a more effective user experience in accessing archival resources.