Public participation is an important prerequisite for the success of spatial planning. Technology can help improve the quality and amount of public participation in spatial planning. This paper describes the development of the User Experience (UX) design guideline named ‘4PHASE toolkit’. The toolkit was used to create a web-based GIS prototype, applied on the spatial planning practice in Indonesia. In Indonesia the spirit of community involvement is incorporated into the spatial planning process using a bottom-up approach. The so-called Musyawarah perencanaan pembangunan (Musrenbang) is the traditional tool in participatory planning during the plan-making process. Meanwhile, as technology development is used as communication strategy for the government, 4D Open Spatial Information Infrastructure (4D PUPM) has emerged as a modern tool to monitor the implementation of land use plans. The exploration of both traditional and modern tools is done to get valuable information about what needs to be added for building the prototype. Our research resulted in a 4D web-based GIS prototype named 4D Musrenbang, while building on 4D PUPM to facilitate citizens participating in the spatial planning process in Indonesia.@en