A cashier and spare parts warehouse application is an information system facilitating financial reporting and items inventory systems. This has become a necessity in almost all fields of large and small-scale businesses in every country. The information system that belongs to Surya Motor Shop does not have a display that can facilitate users in operating the company's financial and transaction systems in accordance with company needs. This information system uses Bootstrap with HTML, CSS, and Javascript programming languages. In this paper, an interactive display was developed, so as to be able to accommodate web users' responses, by developing a prototype using Bootstrap at the Surya Motor Shop. This was carried out to digitize the transaction system, making it easier to report the items inventory and financial reporting of the company. The prototype development was developed using the The Elements of User Experience method, a user-centered design process. After developing the prototype, a test was carried out to determine the quality of the user experience. The test employed the User Experience Questionnaire (UEQ) method. UEQ testing shown that the prototype interface developed had a positive level of user experience. Compared with the benchmarks set by UEQ, the test results were above the mean benchmark, except for the pull factor which was still below the benchmark average
