The development of intelligent electrochromic energy storage devices that visually display color changes to indicate their charging and discharging status while offering high energy and power densities is gaining interest as a renewable energy solution. Our research engineered a bisterpyridine ligand (BTZ) with a benzothiadiazole spacer and its metallo-supramolecular polymer (Fe-BTZ) via Suzuki coupling and complexation reactions. Spectroscopic, morphological, and structural characterizations revealed nano-rod morphology due to higher aggregation of 1D Fe-BTZ metallo-supramolecular polymer. Quasi-solid-state electrochromic devices with Fe-BTZ as the active layer exhibited significant color changes (matte purple to dirty yellow), an optical contrast of 65.2 % at 567 nm, high coloration efficiency (518.2 cm2/C), quick coloration (0.5 s) and bleaching (1.8 s), and exceptional electrochromic durability compared with commonly used Poly-Fe metallo-supramolecular polymer. Conjugated ridged benzothiadiazole spacers enhanced electron mobility between the Fe-center during electrochemical transitions, increasing coloration efficiency, durability, and electrochromic speed. The Fe-BTZ and Prussian blue (PB)-based quasi-solid-state energy storage device also showed fast response times (1.1 s and 1.9 s), high CE (1077 cm2/C), 6500-cycle durability, high volumetric capacitance (70.1 ± 4 F/cm3) with a specific capacity of 10.96 mAh/g at 0.14 A/g current density and 74 % capacitance retention over 20,000 galvanostatic charge–discharge cycles. The device’s ability to power 18 red LEDs demonstrates its practical applicability.