Rapid development of populated urban areas in Taiwan has stimulated the change of hydrological environment. The land development has resulted in increasing the runoff peak and shortening the time to peak discharge, which reduce the resilience of cities during severe rainstorms. Considering that structure measures may not be easy to implement in populated cities, detention facilities set on building basements have been proposed to compromise the increase of surface runoff resulting from the development. In this study, a web-based operational platform has been developed to integrate the GIS technologies, hydrological analyses, as well as relevant regulations for the design of detention facilities. The design procedure embedded in the system includes a prior selection of type and size of the detention facilities, integrated hydrological analysis for the developing site, and to check whether the detention design and outflow control complies with the relevant regulations. After user login the platform, designers can access the system database to retrieve street maps, land use coverages, and storm sewer information. Once the type, size, inlet, and outlet of the detention facilities are assigned, the system can acquire the rainfall intensity-duration-frequency information from adjacent rain gauges to perform hydrological analyses for the developing site. The increase of the runoff volume due to the development and the reduction of the outflow peak through the construction of the detention facilities can be estimated. The outflow peak at the developing site is then checked with relevant regulations to confirm the suitability of the design of the detention facilities. The proposed web-based platform can provide a concise layout of the detention facilities and the drainage way of the developing site on a graphical interface. Moreover, the design information can be delivered directly through a web link to authorities for inspecting to simplify the complex administrative procedures.