JDBIM
(Journal of Digital Business and Innovation Managemen.
Volume 4 No.
December 2025, 214-244 ISSN 2962-3898 (Onlin.
DOI: 10.
26740/jdbim.
https://ejournal.
id/index.
php/jdbmi/i Redesign of Residential Catalogue Websites With A Personal Extreme Programming Approach to Improve User Satisfaction (Case Study: PT CBS Land Indonesi.
Putri Faza Aulia1.
Anita Safitri1 1Department of Digital Business.
Faculty of Economics.
Universitas Negeri Surabaya Jalan Ketintang.
Surabaya 60231.
Indonesia 21037@mhs.
id, anitasafitri@unesa.
Abstract The property business always attracts the attention of many people, encouraging business people to compete to improve their business.
One way is to use technology as an effective promotional tool to develop a business.
This research involves the creation of a catalog-based website promotion system that assists PT.
CBS Land Indonesia in promoting its business.
The existence of this promotion system can ease the company's efforts in promoting properties to potential customers in an integrated manner.
This system uses the CodeIgniter framework and employs the Personal Extreme Programming (PXP) method for website development, while website testing is conducted using black box testing and website testing is done using blackbox testing with the aim of knowing user satisfaction which is measured by increasing using SUS indicators.
During Blackbox testing, the functionality of the housing catalog website is evaluated to ensure it meets user expectations.
Meanwhile, the measurement of user satisfaction improvement is conducted by providing a questionnaire with SUS indicators to website users before the redesign is carried out.
The result of this research is a catalog website design with various new features that PT.
CBS Land Indonesia can use to reach a broader market.
In conclusion, this research develops a catalog-based website promotion system for PT.
CBS Land Indonesia, aimed at facilitating property promotion to potential customers.
This system is built using the CodeIgniter framework and the Personal Extreme Programming (PXP) method, and a questionnaire with the System Usability Scale (SUS) indicator is used to measure the extent to which user experience satisfaction has increased.
To cite this document:
Aulia.
, & Safitri.
Redesign Of Residential Catalog Websites With A Personal Extreme Programming Approach To Improve User Experience Satisfaction (Case Study: Pt Cbs Land Indonesi.
JDBIM
(Journal of Digital Business and Innovation Managemen.
Vol.
4 Np.
2, pp.
DOI link Putri Faza Aulia & Anita Safitri Redesign Residential Catalog Website With Personal Extreme Programming Approach To Improve User Experience Satisfaction (Case Study: PT CBS Land Indonesi.
Keywords: Catalog Website.
Personal Extreme Programming.
SUS.
Property.
Home Ownership Credit.
Received: 1 June 2025.
Accepted: 25 July 2025.
Published: December 2025 *Corresponding author Email: putrifaza.
21037@mhs.
Abstrak Bisnis properti selalu menarik perhatian banyak orang, mendorong para pelaku bisnis untuk bersaing meningkatkan usahanya.
Salah satu caranya adalah dengan memanfaatkan teknologi sebagai alat promosi efektif untuk mengembangkan Pada penelitian ini dilakukan pembuatan sistem promosi berbasis website catalog yang membantu Perusahaan PT.
CBS Land Indonesia untuk mempromosikan bisnisnya.
Adanya sistem promosi ini dapat memudahkan pihak perusahaan dalam mempromosikan property kepada calon customer secara Sistem ini menggunakan Framework Codeigniter dengan menggunakan metode Personal Extreme Programming (PXP) untuk pengembangan website, dan pengujian situs web dilakukan dengan blackbox testing dengan tujuan mengetahui kepuasan pengguna yang diukur peningkatannya memakai indikator SUS.
Selama Blackbox testing, fungsionalitas situs web katalog perumahan dievaluasi untuk memastikan memenuhi ekspektasi Sedangkan pengukuran penigkatan kepuasan pengguna dilakakukan dengan cara memberikan kuesioner dengan indikator pertanyaan SUS kepada pungguna website sebelum dilakuakan redesign.
Hasil dari penelitian ini adalah design website katalog dengan berbagai fitur baru yang dapat digunakan PT.
CBS
Land Indonesia untuk menjangkau pasar yang lebih luas.
Kesimpulannya Penelitian ini mengembangkan sistem promosi berbasis website catalog untuk PT.
CBS Land Indonesia, yang bertujuan untuk mempermudah promosi properti kepada calon pelanggan.
Sistem ini dibangun menggunakan Framework Codeigniter dan metode Personal Extreme Programming (PXP), serta diuji dengan metode Blackbox testing untuk memastikan fungsionlitas fitur website, dan kuesioner dengan indikator System Usability Scale (SUS) digunakan untuk mengukur seberapa besar peningkatan kepuasan pengalaman pengguna.
Kata Kunci: Website Catalog.
Personal Extreme Programming.
SUS.
Property.
Kredit Pemilikan Rumah.
INTRODUCTION
The development of the globalization era has caused many companies to be required to be more efficient and selective in maintaining business One of the methods that can be done to compete is how companies can reach and provide information to consumers quickly, which can be done through promotion by utilizing the power of technology.
Promotion is a way used to increase sales, with the aim of introducing a product to consumers and convincing them of the benefits of the product (Rangkuti, 2.
https://ejournal.
id/index.
php/jdbmi/index JDBIM (Journal of Digital Business and Innovation Managemen.
Volume 4 No.
December 2025
E-ISSN 2962-3898
Page 214-244 In technological advancements, promotions are not only carried out conventionally but also digitally.
One of the media for digital promotion is a catalog website.
E-catalogs facilitate interaction between companies and consumers by providing digitally structured product information, such as descriptions, prices, and images (Laudon.
, & Laudon, 2.
This makes it easier for consumers to make decisions because data can be accessed anytime and anywhere.
A real estate company is a type of company that uses a catalog website as a means to carry out promotional activities.
According to A.
Rafin, housing can be defined as a set of houses that form a residential area or environment, complete with supporting facilities and infrastructure (Rafin.
Although it is fairly new because it was established in 2023.
Grand Kemayoran Madura has a solid foundation because it is supported by management with more than two decades of experience in the property Grand Kemayoran Housing is a housing project strategically located in the middle of Bangkalan City, designed to meet the needs of modern housing.
In less than a year, this project managed to achieve the sale of approximately 150 units, reflecting the public's interest in the housing With its attractive design and well-equipped facilities.
Grand Kemayoran not only offers comfort, but also easy access to a wide range of public facilities, making it an ideal choice for families and individuals in the Bangkalan City area.
The application of e-catalog websites can be one of the effective promotional media to expand market reach and increase the visibility of housing products.
Users are facilitated to access complete information on the housing units offered, including prices, building specifications, and facilities around the housing.
This is an advantage for In addition, the e-catalog website also allows prospective buyers to compare housing options, contact the admin directly, and be able to request further information without having to come directly to the location.
Thus, ecatalog websites play an important role in supporting a more efficient marketing process for user needs.
However, since its inception.
PT.
CBS Land Indonesia has not maximized the use of information technology in its promotional strategy, such as in the use of catalog websites.
This causes house sales not to reach their maximum potential.
Based on this problem.
PT.
CBS Land Indonesia needs a system that can facilitate the promotion and sale of property.
Thus, a web-based information system was created with the aim of speeding up sales and making it easier for potential buyers to find and choose existing https://ejournal.
id/index.
php/jdbmi/index Putri Faza Aulia & Anita Safitri Redesign Residential Catalog Website With Personal Extreme Programming Approach To Improve User Experience Satisfaction (Case Study: PT CBS Land Indonesi.
property information.
This system allows potential buyers to get information without having to visit a marketing office, as they can view home catalogs online, access detailed information and specifications, and perform credit simulations directly on the web.
This study provides theoretical benefits by enriching the literature related to the use of the personal Extreme Programming (PXP) method in the development of web-based systems and usability evaluation by applying the System Usability Scale (SUS), especially in digital catalog systems in the property industry.
Practically, in terms of business, this catalog website makes it easier to promote and sell houses by providing flexible access to information without time or location restrictions, improving the company's operational efficiency, user satisfaction, and PT CBS Land Indonesia will have more competitiveness in the property market, especially in terms of the use of technology in the business realm.
In addition, this research is expected to improve user experience satisfaction by creating a website that is more user-friendly, easy to navigate, and responsive to user It is hoped that users will feel more satisfied with the ease of finding property information, seeing the details of the house visually, and getting a smoother and more enjoyable experience during the exploration process.
With a positive user experience, it is expected to increase user satisfaction levels, as well as encourage them to be more active in conducting property searches and recommendations to others.
Some theories or definitions relevant to this study will be explained.
First.
A website is an information platform that can be accessed online by internet users (Abdulloh, 2.
Second, user experience satisfaction is an indicator that shows the extent to which users feel satisfied when interacting with a product or service, especially in the context of applications or websites (Adoe, 2.
Third.
As an evaluation method.
System Usability Scale (SUS) offers an efficient and simple measuring tool, yet still reliable (Sembodo et al.
, 2.
Fourth.
PHP (Hypertext Preprocesso.
is a Skrip server-side which works in conjunction with HTML to create dynamic web This means that all PHP syntax and commands are executed on the server, and the output is sent to the browser as HTML (Mulyana, 2.
Fifth, as a CSS framework, bootstrap offers a variety of basic interface components for websites that are designed to be used simultaneously to speed up development (Luplhy, 2.
Sixth.
HTML, which stands for Hyper Text Markup Language, is a standard language used to display text, images, video, and audio on web pages (Rizky, 2.
Seventh.
MySQL is one of the database management systems (DBMS) among various other DBMS such as Oracle.
MSSQL.
PostgreSQL, and others (Anhar, 2.
https://ejournal.
id/index.
php/jdbmi/index JDBIM (Journal of Digital Business and Innovation Managemen.
Volume 4 No.
December 2025
E-ISSN 2962-3898
Page 214-244 Eighth.
Visual Studio Code (VS Cod.
is a lightweight yet very powerful text editor developed by Microsoft to support a wide range of operating systems, including Linux, macOS, and Windows (Permana & Romadlon, 2.
Ninth, figma is a UI design tool that allows the development of user interface interfaces for desktop, mobile, and various similar platforms (Al-Faruq et al.
Tenth.
A wireframe is a basic design design used to arrange and place elements on an application page, created before the main design process begins.
(Sweetania, n.
Eleventh, in the world of software development, prototype refers to an early version or prototype of a program.
METHODS
This research is included in the category Research and Development (R&D) with a Technology Readiness Level (TKT) at level 6.
A descriptive qualitative approach is an option in this study, where the data collected and analyzed prioritize verbal, narrative, and visual forms, rather than purely numerical or statistical data (Thobby Wakarmamu, 2.
The function of this approach is to comprehensively describe the process of designing and developing the system, as well as assessing the user experience of the This research takes place in Grand Kemayoran Madura, a housing that is strategic and easily accessible to prospective buyers because it is close to the city center.
The selection of this location is based on the large market potential due to the ease of access, but the development of the existing housing catalog website is currently less than optimal.
Of the 150 Madurese residents who bought property and accessed the website before the development was carried out in Grand Kemayoran Housing, 5 people were selected as the population in this study.
Grand Kemayoran customers who had visited the website before development and were able to evaluate the changes after development, became questionnaire respondents in this In this study, 5 buyers of Grand Kemayoran Housing were selected as samples through the purposive sampling.
They are 30-50 years old, used to using gadgets, and had previously accessed the housing catalog website before the redesign.
This selection aims to gather information regarding the needs of users in the development of the website (Yusuf et al.
, 2.
While the sample to validate the results of the website is Leader and Staff PT CBS Land Indonesia.
The data collection techniques used were observation, interviews, questionnaire distribution, and company documentation (Scott, 2.
The https://ejournal.
id/index.
php/jdbmi/index Putri Faza Aulia & Anita Safitri Redesign Residential Catalog Website With Personal Extreme Programming Approach To Improve User Experience Satisfaction (Case Study: PT CBS Land Indonesi.
Likert scale is used as an instrument to collect research data, especially in In surveys, the Likert scale is often used as a psychometric measuring tool to assess the attitudes, views, or perceptions of Questionnaire data was processed using SUS (System Usability Scal.
to determine the website usability score.
In the process of developing the system, this study adopts the workflow of the Personal Extreme Programming (PXP), starting from the requirement, planning, iteration initialization, design, implementation, testing .
lackbox testin.
, and retrospective.
The seven stages can be defined as follows.
Requirment The requirement stage includes data collection, especially using interview techniques that are often used by researchers.
Planning Planning is a stage where planning is carried out thoroughly, including how the module will be done in each iteration based on the user stories obtained, determining story points, determining priorities through a ranking system, and determining the order of work based on Iteration Initialization Iteration Initialization is the initial stage in each iteration of the At this stage, the user story to be worked on has been predetermined in the planning phase.
Design In the design phase, a system model to be developed during the iteration is created.
The design of this system is based on the results of an analysis of existing requirements, without the addition of new designs despite changes in development.
Implementation In the implementation stage, the website-based system will be built using the CodeIgniter framework and PHP and HTML programming languages, with MySQL as a database to store all residential data, such as property data.
Testing (Blackbox Testin.
At this stage, testing is carried out on the implementation results of the housing catalog website.
Retrospective This phase focuses on identifying bottlenecks in the iteration development process as well as assessing the accuracy of schedule estimates compared to the actual implementation duration.
https://ejournal.
id/index.
php/jdbmi/index JDBIM (Journal of Digital Business and Innovation Managemen.
Volume 4 No.
December 2025
E-ISSN 2962-3898
Page 214-244
RESULT AND DISCUSSION
Development of the Grand Kemayoran Housing Catalog Website System Before Design The method of designing the Grand Kemayoran housing catalog website system is Personal Extreme Programming (PXP), part of the Agile PXP has seven main stages, namely needs identification, planning, iteration, design, implementation, system testing, and reevaluation.
This method divides the development process into small iterations, allowing teams to adapt to changes and make continuous This ensures that the system can continue to evolve as needed during the development process.
The following are the steps that must be followed in developing a system using the PXP method:
No.
Stages Requirment Planning Iteration Initialization Design Steps At this stage, data collection is carried out using the most common technique used by researchers, namely the interview Interviews were conducted with five customers who had used the Grand Kemayoran website to buy houses.
Developers will create modules gradually .
n each iteratio.
, with reference to user stories that have been collected in previous phases.
After getting user stories, the next step is to determine the estimated processing time for each section, or called story points.
Then, each user story is prioritized through a ranking system.
This system can sort user stories based on their level of importance, ranging from the most important to the least priority.
Once the estimated time and priority for each user story is obtained, the developer together with the user will determine the order of work based on the speed of completion, or what is referred to as velocity.
Each iteration will focus on completing user stories until they reach a predetermined velocity limit.
This stage involves working on the user story that has been determined in the planning phase.
In the design phase, a system model to be developed during the iteration is created.
The design of this system is based on the results of an analysis of existing requirements, without the addition of new designs despite changes in development.
The following is an initial look at the Grand Kemayoran website before the redesign process was carried out.
Grand Kemayoran Home Page Page Display https://ejournal.
id/index.
php/jdbmi/index Putri Faza Aulia & Anita Safitri Redesign Residential Catalog Website With Personal Extreme Programming Approach To Improve User Experience Satisfaction (Case Study: PT CBS Land Indonesi.
Page View.
Home Type and House Details Grand Kemayoran Housing Location Page and Contact Person Admin Implementation Tasting (Blackbox Testin.
In the development of a website-based housing catalog system, the CodeIgniter framework will be used together with the PHP and HTML programming languages, with MySQL as the database to store all property information.
CodeIgniter was selected based on its ease of use, lightweight performance, and support for the MVC (Model-View-Controlle.
paradigm and object-based programming, which makes code management easier and speeds up the development process.
This combination allows the system to dynamically manage data from MySQL, so that property information can be presented to users accurately and in real-time.
An organized and secure code structure is also guaranteed thanks to CodeIgniter's existing routing and templating features.
At this stage, testing is carried out on the implementation results of the housing catalog website.
The following is a blacbox testing scenario that will be carried out on the Grand Kemayoran housing catalog website.
Retrospective The final phase in each iteration is retrospective.
In this phase, we will discuss various obstacles that arise during the iteration development process.
In addition, this phase also evaluates the extent to which the estimated development schedule is in accordance with the actual implementation time.
If there is a discrepancy between the estimate and the actual time, this will be a matter of introspection for the developer so that similar issues do not repeat in the next iteration.
Table 1 Stages and Steps of Grand Kemayoran Housing Catalog Website System Development Before Design https://ejournal.
id/index.
php/jdbmi/index JDBIM (Journal of Digital Business and Innovation Managemen.
Volume 4 No.
December 2025
E-ISSN 2962-3898
Page 214-244 Results of User Experience Satisfaction Calculation Using System Usability Testing (SUS) Before Redesigning the Grand Kemayoran Housing Catalog Website The test was carried out by sharing a Google Form link containing a questionnaire to five respondents who had accessed the Grand Kemayoran housing catalog website.
Respondents can fill out a questionnaire after receiving a form link from the researcher, which contains survey questions using the System Usability Scale (SUS).
The table below outlines the results of the calculation of the user experience satisfaction questionnaire (System Usability Scale - SUS) before the Grand Kemayoran housing catalog website was redesigned.
Figure 1 Questionnaire Calculation Results Source: Processed by the author The calculation provides a score which is then visualized in the form of an adjective rating.
The following are the visual results of the SUS test that has been carried out.
Figure 2 Adjective Rating SUS Score Source: Processed by the author The Grand Kemayoran housing catalog system received a score of 40 (Poo.
, well below the eligibility limit of 68.
This indicates that the website usability level is still low and needs significant improvement.
Users feel that the system is not easy to use, there are confusing or inefficient elements, and there is a need for improvements to the display design, features, integration of functions, and the overall user experience.
https://ejournal.
id/index.
php/jdbmi/index Putri Faza Aulia & Anita Safitri Redesign Residential Catalog Website With Personal Extreme Programming Approach To Improve User Experience Satisfaction (Case Study: PT CBS Land Indonesi.
Development of Kemayoran Housing Catalog Website with a Personal Extreme Program Approach After Design Application of Personal Extreme Programming Method The Personal Extreme Programming method was used in this study to build a catalog website system.
Here are the seven stages of implementing PXP as a software development method.
Collection of User Needs (Requiremen.
Before designing the system with the Personal Extreme Programming method, user stories became a crucial step in this To get user stories, it is necessary to conduct interviews with Grand Kemayoran customers who had used their website before the redesign, as well as with company representatives.
The content includes the necessary and essential features for the construction of the system.
The following is a design of user stories at the beginning of user needs.
As a user.
I want to be able to contact the admin through the chat feature that is integrated into the WhatsApp application.
As a user.
I want to use the mortgage calculation feature.
As a user.
I would like to see the full details of each available property price, location, and surrounding facilities.
Table 2 Design of User Stories at the Beginning of Needs In the development process, there are several changes to the design of the system that is built, the company asks to change some points from the initial needs which will then be redesigned, but these changes are also adjusted to the process of the stages that have been running.
The following are the updated user stories.
As a user.
I want to be able to contact the admin through the chat feature that is integrated into the WhatsApp application.
As a user.
I want to use the mortgage calculation feature.
As a user.
I would like to see the full details of each available property price, location, and surrounding facilities.
As an admin.
I want to see As an admin.
I want to see a graph of the growth of the number of website visitors every day and every month to analyze the effectiveness of the website.
Table 3 Designed User Stories After Updated Planning After designing the user story, an estimated work time is carried out based on the level of difficulty.
Initially, it was identified into three user stories with the following estimates: WhatsApp chat https://ejournal.
id/index.
php/jdbmi/index JDBIM (Journal of Digital Business and Innovation Managemen.
Volume 4 No.
December 2025
E-ISSN 2962-3898
Page 214-244 feature for 2 days, mortgage calculation for 3 days, and property details for 4 days.
After the update, a fourth user story was added by viewing the website visitor graph for admins for 3 days.
The priority of the user story is determined through discussion, taking into account the value .
ritical, significant business value, or nice to hav.
and risk.
For value, chat features, mortgage calculations, and property details are categorized as critical, while viewing visitor graphs as significant business value.
The risk level is determined based on completeness, volatility, and complexity, divided into low .
, medium .
, and high .
Based on this assessment, chat features, mortgage calculations, and property details have medium risk, while user stories to view visitor graphs have a high risk.
The following are the results of the risk story after it was updated.
Code Kode User Story Story- As a user.
I want to be able to contact the admin through the chat feature that is integrated with the WhatsApp Story- As a user.
I want to use the calculation feature to find out the estimated monthly Story- As a user.
I want to see the details of each available property price , location, and Story- As an admin.
I want to see a graph of the growth of the number of website visitors every day and every month to analyze the Completenes Risk Risk Volatility Complexity Index Level Medium Medium Medium Hight https://ejournal.
id/index.
php/jdbmi/index Putri Faza Aulia & Anita Safitri Redesign Residential Catalog Website With Personal Extreme Programming Approach To Improve User Experience Satisfaction (Case Study: PT CBS Land Indonesi.
effectiveness of the website.
Table 4 Risk Story After Updated Iterantion Initialization .
Iteration 1 This process is carried out after the implementation of the program has been carried out, then the user stories of initial needs will be adjusted to the features of the system that has been The following table presents detailed user stories from the first iteration.
Date 31 October 31 October 31 October User Stories As a user.
I want to be able to contact the admin through the chat feature that is integrated into the WhatsApp application.
As a user.
I want to use the mortgage calculation feature.
As a user.
I would like to see the full details of each available property price , location, and surrounding facilities.
Table 5 User Stories Iteration 1 .
Iteration 2 The results of iteration 1 contain input to add user stories, then the addition is implemented in the second iteration of user The implementation of the first iteration can be seen in the following table.
Yes Date October 31, 2024 User Stories As a user.
I want to be able to contact the admin through the chat feature that is integrated into the WhatsApp October 31, 2024 As a user.
I want to use the mortgage calculation feature.
October 31, 2024 As a user.
I would like to see the full details of each available property price , location, and surrounding facilities.
20 February 2025 As an admin.
I like to see the number of website visitors every day and every month to analyze the effectiveness of the Table 6 User Stories Iteration 2 In the second iteration, all user stories are accepted and there are no additions or changes to features.
The iteration of the system design is completed and according to the needs of the users in iteration 2.
The results of the entire iteration will be implemented into the program based on user stories iteration 2.
https://ejournal.
id/index.
php/jdbmi/index JDBIM (Journal of Digital Business and Innovation Managemen.
Volume 4 No.
December 2025
E-ISSN 2962-3898
Page 214-244 Design In the design phase, a system model is developed during iteration, based on a needs analysis.
In this study, the design includes a Use Case Diagram.
Activity Diagram, and System Architecture.
Use Case Diagram .
Use Case User Diagram Figure 3 Use Case Diagram on Visitors The main feature of this system is "View Houses", which allows visitors to access property listings.
This feature can be expanded with "Home Type" and "Home Location and Details" for additional information.
After seeing the house, visitors can immediately "Contact the Marketing Party" for further information or transactions.
In addition, users can also calculate installments using the installment calculator feature.
Use Case Diagram Admin Figure 4 Use Case Diagram on Admin Admins have two main use cases, namely Login and managing data.
Logging in is the first step.
In Manage Home Types, admins can add, edit, or remove home categories, which are important for classification.
Meanwhile, in Manage https://ejournal.
id/index.
php/jdbmi/index Putri Faza Aulia & Anita Safitri Redesign Residential Catalog Website With Personal Extreme Programming Approach To Improve User Experience Satisfaction (Case Study: PT CBS Land Indonesi.
House, admins can add, edit, and delete home data.
When adding a house, the admin must choose the type of house that already exists and upload a picture of the house and a Admins also have access to Statistics View to view visitor data.
Use Case Diagram Description The following is an explanation of the actors and use cases in the use case diagram after the redesign for the Grand Kemayoran Housing Catalog.
Actor Admin Pengunjung Use Case View Home House Type House Details Installment Calculator Contacting Marketing Login View Visitor Statistics Manage home data Manage Update Select Image Description The admin actor is aimed at the website manager where this actor has access to login and manage house type data, house data, and website information Visitor Actor is a party who wants to use the website for the purpose of seeking information about property.
Table 7 Definition of Actor Description This activity is carried out by visitors to see the houses available from the website.
Visitors can view the details of the house and also print brochures of the selected house.
This activity is carried out by visitors to see the types of houses available from the website.
The user chooses the type of house that suits his needs (Type 27/72 or Type 36/.
This activity is carried out by visitors to see the details of the house such as information about the location, building area, land area, and facilities provided.
This activity is carried out by visitors to find out the range of house installments by entering some data This activity is carried out by the user to communicate with the marketing party, by pressing the whatsapp button which will lead to the marketing party's number for further This activity allows admins to log in to the admin This activity is carried out by the admin to see visitor data on a daily or monthly basis.
This activity is carried out by the admin to manage house data on the website.
Admins can perform CRUD activities for home data.
This activity is carried out by the admin to manage house type data on the website.
Admins can perform CRUD activities for home-type data.
This activity is carried out by the admin to update location and contact information on the website.
This activity is carried out by the admin to complete the house data by filling in the house pictures and brochures.
The image data will be connected to the home data.
https://ejournal.
id/index.
php/jdbmi/index JDBIM (Journal of Digital Business and Innovation Managemen.
Volume 4 No.
December 2025
E-ISSN 2962-3898
Page 214-244 Home Data Select Type This activity is carried out by the admin to complete the house type data by filling in the available house type data.
Table 8 Use Case Definitions .
Flowchart of Users and Admins of the Grand Kemayoran Housing Catalog Website .
Flowchart Website Catalog Housing Grand Kemayoran (Use.
Figure 5 Flowchart Website Catalog of Grand Kemayoran Housing (Use.
The flowchart above outlines the user's interaction with the residential website, starting from accessing the main page to completing the process.
Users can select and view the details of the home, including its location.
Furthermore, they can calculate the estimated installment via a calculator.
If filled, the system displays the results.
If not, or after the calculation, the user is offered the option to contact the marketing party.
If you agree, marketing contact information and direct communication options will be displayed.
The process ends after the communication is complete or if the user chooses not to call.
https://ejournal.
id/index.
php/jdbmi/index Putri Faza Aulia & Anita Safitri Redesign Residential Catalog Website With Personal Extreme Programming Approach To Improve User Experience Satisfaction (Case Study: PT CBS Land Indonesi.
Flowchart Website Catalog Housing Grand Kemayoran (Use.
Figure 6 Flowchart Website Catalog of Grand Kemayoran Housing (Admi.
The flowchart above outlines the admin workflow on a residential website.
Starting with login, the admin enters the system-validated credentials.
After success, the admin is redirected to the dashboard to access menus such as visitor statistics, home data, home type, and contacts.
Selecting statistics will display visitor data.
In the home data menu, admins can add or edit via input forms with the image upload feature, then the data is The same applies to the home-type menu, where the admin fills out a form for additions or updates.
For the contact menu, admins can fill out and save the information update form.
This process ends after all administrative activities are completed.
https://ejournal.
id/index.
php/jdbmi/index JDBIM (Journal of Digital Business and Innovation Managemen.
Volume 4 No.
December 2025
E-ISSN 2962-3898
Page 214-244 Implementation .
Application of Mockups and Prototypes in the Development of the Grand Kemayoran Housing Catalog Website .
Home Detail Display Design The property details page presents complete information about the home unit, including prices, types, specifications and a brief description.
Available features include an installment calculator to help calculate installments, brochure download options, and admin contact button for more information.
Figure 7 Home Detail Page Mockup View .
Mortgage Installment Calculation Display Design The installment calculator page allows users to calculate the estimated monthly home installment.
Simply enter the house price, down payment, and payment duration, and the system will automatically calculate the installments based on the assumption of interest.
This feature helps potential buyers plan financing.
Figure 8 Mortgage Installment Calculation Mockup Display https://ejournal.
id/index.
php/jdbmi/index Putri Faza Aulia & Anita Safitri Redesign Residential Catalog Website With Personal Extreme Programming Approach To Improve User Experience Satisfaction (Case Study: PT CBS Land Indonesi.
Display Design Contacting Admin Integrated with WhatsApp The "Contacting Admins" section features marketing and social media contacts, designed to make it easy for users to access more information.
Figure 9 Admin Contact Mockup View .
Visit and Visitor Display Design The Visitor Data page presents statistics of website visitors by time.
Equipped with graphs and tables, it makes it easy for admins to monitor the number of visitors and daily, weekly, and yearly visits.
Figure 10 Mockup Display of Visit and Visitor .
Prototype Website Catalog Perumahan Grand Kemayoran Grand Kemayoran Housing Website Navigation The landing page provides intuitive navigation for users:
- "Home" button: Go directly to the property listing, and clicking on one will bring up its full details.
- "Amenities" button: Auto-scrolls to the available amenities - "Calculator" button: Directs to the installment simulation calculator for installment estimation calculation.
- "Location" button: Displays residential location details, including Google Maps.
- "Contact" button: Goes to the marketing contact information page (WhatsApp, social medi.
Access and Admin Dashboard https://ejournal.
id/index.
php/jdbmi/index JDBIM (Journal of Digital Business and Innovation Managemen.
Volume 4 No.
December 2025
E-ISSN 2962-3898
Page 214-244 The "Dashboard" button in the navigation will redirect the user to the admin login page.
Once the login is successful, the admin will enter the main dashboard which displays the management menus in the sidebar.
- Contact Data: Displays address information.
WhatsApp marketing.
Instagram, and Google Maps location.
- Home Type Data: Displays a list of home types and options for adding new types.
- Home Data: Displays all existing home data and new data addition features.
- Visitor Data: Displays a real-time graph of website visitor Figure 11 Prototype of Grand Kemayoran Housing .
Grand Kemayoran Website Display .
Home Detail Page View The house details page presents complete information about the selected unit, including price, drawings, details .
umber of rooms, carport, land/building are.
, technical specifications, and description of advantages.
The goal is to help visitors understand the property before deciding to buy.
Figure 12 Implementation of the Home Detail Page https://ejournal.
id/index.
php/jdbmi/index Putri Faza Aulia & Anita Safitri Redesign Residential Catalog Website With Personal Extreme Programming Approach To Improve User Experience Satisfaction (Case Study: PT CBS Land Indonesi.
Mortgage Budget Calculation Page Display The installment calculator feature allows users to calculate the estimated monthly home installment.
Users only need to enter the house price, down payment, and payment duration .
-20 year.
The system will automatically display the results based on interest rate assumptions, helping users get an idea of the cost before purchasing a property.
Figure 13 Installment Calculation Page Implementation .
Contacting Admin Page Display Integrated with WhatsApp The website's contact page displays communication information such as WhatsApp marketing contacts and official social media links (Instagram.
TikTo.
The goal is to make it easier for users to contact the marketing team for information or property purchases.
Figure 14 Implementation of the Contacting Admin Page https://ejournal.
id/index.
php/jdbmi/index JDBIM (Journal of Digital Business and Innovation Managemen.
Volume 4 No.
December 2025
E-ISSN 2962-3898
Page 214-244 .
Visit and Visitor Page Views The Visitor Data page presents statistics on the user's website visits.
Admins can use date filters to see the number of visitors and visits in a specific time period.
Figure 15 Implementation of Visit and Visitor Pages Testing (Pengujian Blackbox Testin.
Test Results .
Blackbox Testing Table Website Page (To the Company.
Marketing Team and President Director of PT.
CBS Land Indonesi.
Yes Test Class Test Steps WhatsApp Chat Features Mortgage Calculator (We.
Users click the WhatsApp icon on the website The user is WhatsApp Web.
User fills in the parameters of the Change parameters and Expected Results The user is WhatsApp Web ready to use.
The calculator installments as per input, is changeable, and works on mobile Test Results Result WhatsApp icon on WhatsApp The calculator works well, and Succeed Succeed https://ejournal.
id/index.
php/jdbmi/index Putri Faza Aulia & Anita Safitri Redesign Residential Catalog Website With Personal Extreme Programming Approach To Improve User Experience Satisfaction (Case Study: PT CBS Land Indonesi.
Property Page (We.
Use calculator on a mobile app.
Users view property details, location maps.
Clearly displays The property property details, details, prices, and maps of the residential and a map of location well and clearly Table 9 Test Blackbox on Website Pages Succeed .
Blackbox Testing Test Table for Category Admin Pages Yes Test Class Test Steps Admin Features to Add Housing Categories Admin Feature Edit Housing Categories Admin adds a new Fill in Save Admins can edit housing Expected Results The appears on the category page after it is saved.
Test Results Result The managed to add a Succeed Admins managed to see updates to category with the Admin Admins can Admins can The Feature the successfully Deletes Housing selected housing Categories category, so that category, and the it no longer category no longer appears in the appears in the housing category category list.
list, as expected.
Table 10 Testing Blackbox Testing Admin Page Categories Succeed Admins can see updates to the the information is updated.
Succeed .
Housing Data Admin Page Yes Test Class Test Steps Housing CRUD Admin Features (Creat.
Admin adds a Fill in housing Storing data.
Expected Results New https://ejournal.
id/index.
php/jdbmi/index Test Results Result The added a new housing, and it was successfully displayed in the housing list.
Succeed JDBIM (Journal of Digital Business and Innovation Managemen.
Volume 4 No.
December 2025
E-ISSN 2962-3898
Page 214-244 Housing CRUD Admin Features (Rea.
Housing CRUD Admin Features (Updat.
Housing CRUD Admin Features (Delet.
Admin can view the details of the home catalog.
Check the price and drawings.
Admin edit the home catalog.
Change price description, and Save changes.
Admin deletes the home catalog.
Displays The managed to see Succeed Changes are saved and visible The edited the housing data, the changes Succeed The disappeared from the list.
Table 11 Testing Blackbox Testing Admin Housing Data Page Succeed Removed housing will from the list.
Visitor Data Admin Page No.
Test Class Data Visitor Admin Features Test Steps Admin logs in to the dashboard page and opens the "Visitor & Visit" menu.
Admin checks the number of visitors and visits recorded in the Admin filters to view data by day and Expected Results Admins visits per day and per month Test Results Result The page is successfully displayed with the "Visitor & Visit" menu The data on the number of visitors and accurately according to the data stored in the system.
Filter data by day and month works Succeed Table 12 Testing Blackbox Testing Admin Data Visitor Page .
Blackbox Testing Table Website Page (To User.
Yes Test Class Test Steps WhatsApp Chat Features Users click the WhatsApp icon on the Expected Results The user is WhatsApp Web Test Results Result WhatsApp icon works well, open conversation on WhatsApp web.
Succeed https://ejournal.
id/index.
php/jdbmi/index Putri Faza Aulia & Anita Safitri Redesign Residential Catalog Website With Personal Extreme Programming Approach To Improve User Experience Satisfaction (Case Study: PT CBS Land Indonesi.
Mortgage Calculator (We.
Property Page (We.
The user is WhatsApp Web.
User fills in the parameters of the mortgage calculator.
Change parameters Use the calculator ready to use.
The calculator installments as per input, is and works on mobile devices.
The works well, and Succeed Clearly displays The property details, details, and maps of the and a map of location are well Table 13 Testing Blackbox Website Page Testing Succeed Users prices, specifications, location maps.
System testing involves a total of 11 tests across various pages and features.
A total of 8 tests .
total - 3 externa.
were carried out internally, while 3 website page tests were carried out with external parties.
There were 7 different testers involved, and all tests showed results that corresponded to the 11 predefined test scenarios.
Figure 16 Calculation of Boundary Value Analysis Technique Source: (Ichsanudin.
and Yusuf, 2.
Description:
*JSK = Number of Test Scenarios *JSTH = Amount Not Expected *TSP = Total Test Scenarios Calculation Results of Blackbox Testing to the Company Yes Name Test Scenarios & Test Calculation Results President Website Page Table Director of PT.
System Validity = CBS Land
Indonesia
("#$)
y 100% = 100% Category Admin Page Table System Validity = ("#$) y 100% = 100% Housing Data Admin Page Table https://ejournal.
id/index.
php/jdbmi/index JDBIM (Journal of Digital Business and Innovation Managemen.
Volume 4 No.
December 2025
E-ISSN 2962-3898
Page 214-244
System Validity = ('#$) y 100% = 100% Visitor Data Admin Page Table System Validity = Tim Marketing (&#$) y 100% = 100% Website Page Table System Validity = ("#$) y 100% = 100% Category Admin Page Table System Validity = ("#$) y 100% = 100% Housing Data Admin Page Table System Validity = ('#$) y 100% = 100% Visitor Data Admin Page Table System Validity = = (&#$) y 100% = Table 14 Calculation Results of Blackbox Testing to the Company Blackbox Testing Calculation Results to Users Yes
Name
Test Scenarios & Test Calculation Results R-1
Website Page Table System Validity = R-2
R-3
y 100% = 100% Website Page Table System Validity = ("#$) ("#$) y 100% = 100% Website Page Table Validity of the systemm = R-4
R-5
y 100% = 100% Website Page Table System Validity = ("#$) ("#$) y 100% = 100% Website Page Table System Validity = ("#$) y 100% = 100% Table 15 Blackbox Testing Calculation Results to Users Retropective In this study, some important points obtained at the retrospective stage include:
Things That Go Well:
https://ejournal.
id/index.
php/jdbmi/index Putri Faza Aulia & Anita Safitri Redesign Residential Catalog Website With Personal Extreme Programming Approach To Improve User Experience Satisfaction (Case Study: PT CBS Land Indonesi.
The process of collecting user needs can be done effectively through a personalized approach.
The use of the PXP method helps maintain the consistency of the work because it has systematic stages.
Communication between users and developers is effective because it is carried out in a focused and personal scope, thus minimizing misunderstandings in the delivery of needs.
Obstacles Faced:
The time needed to complete each phase is quite limited because the entire process is done by one person .
Improvement Plan In order for a project to be completed on time, a developer who works on all tasks needs to implement more effective time management through the creation of a structured and realistic work schedule.
User Satisfaction Test Results Using System Usability Scale (SUS) After Design User Satisfaction Level Testing User satisfaction testing for the Grand Kemayoran Housing catalog website was carried out using the System Usability Scale (SUS) questionnaire.
The questionnaire consists of 10 structured statements on a multiple-choice scale from 'Disagree' to 'Strongly Agree', designed to measure the ease and efficiency of using the system, as well as its conformity with user expectations.
The questions are divided into positive .
and negative .
This testing instrument is in the form of a SUS questionnaire, assessing user perception and satisfaction with the ease of use of the website, including interface interaction, feature access, and user confidence.
Five participants who were potential buyers and had accessed the website filled out the questionnaire through Google Form.
The results are presented as a percentage of responses for each Likert scale option.
Data Validation Researchers evaluated the usability of Talent Applications using the System Usability Scale (SUS), a questionnaire developed by John Brooke in 1986 to measure usability from a user's point of The use of SUS was chosen because:
- Easy to understand by respondents.
- Can generate reliable data even with limited samples.
https://ejournal.
id/index.
php/jdbmi/index JDBIM (Journal of Digital Business and Innovation Managemen.
Volume 4 No.
December 2025
E-ISSN 2962-3898
Page 214-244 Efficient in identifying the feasibility of a software (Ependi et al.
The rules in calculating the System Usability Scale (SUS) .
For each question with an odd .
number, the answer score given by the respondent will be reduced by 1.
For each question with an even number .
, a score of 5 will be subtracted by the answer score given by the .
The SUS score is calculated by summing all the answers to the question and then multiplying the result by 2.
5 (D.
Saputra.
Syah.
Darnis, 2.
In this study, the SUS questionnaire was measured using a 5point Likert scale, where respondents assessed statements related to the Grand Kemayoran Housing catalog website with choices: 1 .
trongly disagre.
to 5 .
trongly agre.
The questionnaire was distributed directly by the researcher to the respondents.
Respond
Original Score
Q10
Table 16 SUS Questionnaire Results System Usability Scale (SUS) has several calculation rules as below (Saputra et al.
, 2.
https://ejournal.
id/index.
php/jdbmi/index Putri Faza Aulia & Anita Safitri Redesign Residential Catalog Website With Personal Extreme Programming Approach To Improve User Experience Satisfaction (Case Study: PT CBS Land Indonesi.
Odd .
question: Respondent's score subtracted by 1 .
Even .
questions: The respondents' answer score is subtracted by 5 points.
SUS final score: Add up all the adjusted scores, then multiply by Respond
Question
Q10
R-1
R-2
R-3
R-4
R-5
Table 17 Score Calculation Based on SUS Formula Score Results Sum Table 18 Respondents' SUS Score Results (Before multiplied by 2.
Respond
R-1
R- 2
R- 3
R- 4
R- 5
Respond Value .
um x 2.
R-1
R-2
R-3
R-4
R-5
Sum Table 19 Respondents' SUS Score Results (After multiplying 2.
The calculation of the SUS score shows that the maximum score of the respondents reached 100, the minimum score of 75, and the score of 75 were the most dominant.
Furthermore, to get the average SUS score, the total score of the five respondents, which is 415, is divided https://ejournal.
id/index.
php/jdbmi/index JDBIM (Journal of Digital Business and Innovation Managemen.
Volume 4 No.
December 2025
E-ISSN 2962-3898
Page 214-244 by the number of respondents.
The formula below is used to calculate the average SUS score.
ycuI = !"# = 83 The results of the average score obtained were then correlated with the SUS Score scale to determine the usability level of the Grand Kemayoran Housing Catalog website.
The calculation provides a score which is then visualized in the form of an adjective rating.
The following are the visual results of the SUS test that has been carried out.
Figure 17 SUS Score Rating Adjective The acquisition of SUS score in this study was 83 (Excellen.
Based on the grade scale in the image, the score obtained is Grade A, meaning that the system has a very high level of usability.
Refer to opinions (A.
Bangor.
Kortum, 2.
in a journal titled AuDetermining What Individual SUS Scores Mean: Adding an Adjective Rating ScaleAy, explained that the SUS assessment scale can be interpreted through two approaches, namely grade scale and adjective rating.
Figure 18 SUS Score Interpretation Table Source: (Ticoalu et al.
, 2.
The results of the study show that users are very satisfied with the convenience, efficiency, and interaction of the new housing catalog This provides a real solution for PT CBS Land Indonesia to optimize the user experience and increase competitiveness in the property market.
The application of PXP has been empirically proven to increase user satisfaction, becoming a reference for the development of UX-based websites in the property industry and others.
This website makes it easier and faster to access property information, increasing the convenience of users in choosing a property without the need to come directly to the location.
https://ejournal.
id/index.
php/jdbmi/index Putri Faza Aulia & Anita Safitri Redesign Residential Catalog Website With Personal Extreme Programming Approach To Improve User Experience Satisfaction (Case Study: PT CBS Land Indonesi.
CONCLUSION This research successfully designed and rebuilt the PT CBS Land Indonesia housing catalog website using the Personal Extreme Programming (PXP) approach, with the main goal of improving user experience satisfaction.
Previously.
PT CBS Land had not maximized the potential of the website as a promotional medium.
Through the structured stages of PXP .
rom need identification to evaluatio.
, the website is developed with important features such as visual catalogs, mortgage installment simulations, and complete property information.
Developed using CodeIgniter, the website was tested with a System Usability Scale (SUS), and the results were very satisfactory with a score of 83 ("excellent"), a drastic increase from the previous score of 40.
This high score, obtained from five respondents .
otential buyers, marketing, managemen.
, shows that users are very satisfied with the website's appearance, functionality, and ease of navigation.
In conclusion, the implementation of PXP has proven to be effective and efficient in creating a user-focused digital information system, helping PT CBS Land expand its market reach while providing added value for potential buyers.
https://ejournal.
id/index.
php/jdbmi/index JDBIM (Journal of Digital Business and Innovation Managemen.
Volume 4 No.
December 2025
E-ISSN 2962-3898
Page 214-244
REFERENCES