Creating and encouraging longer-lasting relationship between designed products and its users is one of the goals that researchers in Sustainable HCI trying to achieve. The attachment framework is proposed by previous study that aims to provide knowledge and insight for designers to create longer-lasting relationship between products and users. As arguments have been made that there is a gap between Sustainable HCI theory and design practice. The attachment framework is one of the well established theoretical frameworks that need effective knowledge transformation from theory to practice. The aim of the study is to design, develop and evaluate a web-based interactive tool -- StickyDesignSpace, which helps product designers to embed the attachment framework into their design background research process. The study employs a research through design approach which focuses on the creation of innovative artifacts to solve practical problems. A web-based tool was designed and developed through the grounding, ideation and iteration process. And a high-fidelity prototype was evaluated by four design participants. The results indicated that the web tool StickyDesignSpace fostered the participated designers' attachment-related thinking by providing attachment design principles and generic design properties in a two dimensional space for organizing design background research data. Furthermore, the tool promoted the participated designers' attachment design knowledge transformation from background research process to design ideation process. According to participants' design objectives and background research goals, the tool also showed flexibility to be applied in other design process such as design idea formation and design evaluation process. The study shed light on the possibility of creating interactive tools to communicate sustainable HCI design frameworks to design practitioners, and offer the insights of how design practitioners integrate the attachment framework into their design thinking and process.