This study develops a double-layer roof with a layer of air inside insulation interior space from heat to reduce energy consumption. Moreover, solar collector in the shape of net is embedded in the double-layer roof. The device, a concrete solar collector, collects in solar energy for heating water. The surface of roof, which directly contacts solar radiation, becomes a multi-function fabric of heat insulation and collector. It reduces the interior heat load and gaining the possibility of energy recycle. The study demonstrates a new idea of forming familiar materials and evaluates the performance by real case. It also conducts an analysis on the performance of double-layer roof and concrete solar collector. According to the result, it evidences that the proposed device actually benefits in heat insulation. In addition, the proposed device also has good performance in heat collection. The experiment illustrates the temperature can be accepted for bath. Most roof design doesn't take the function of heat insulation into consideration until now. Based on the limitation of registration on the roof and calamity prevention, the study provides a practical mechanism which integrating concrete and solar collectors from energy-saving perspective.