In this study, a bis-chelating bridging perylene diimide ditopic ligand, namely N,N′-di(1,10-phenanthroline)-1,6,7,12-tetrakis-(4-methoxyphenoxy)perylene tetracarboxylic acid diimide (1), was synthesized and characterized. Further reactions of 1 with d8 metal ions such as Pt(ii) and Pd(ii) having preferential square-planar geometry afforded the novel triads [(Cl2)M(ii)-(1)-M(ii)(Cl2)] where M(ii) = Pt(ii) (2), and Pd(ii) (3), respectively. The isolated triads and the key precursor were fully characterized by FT-IR, 1D-NMR (1H NMR and 13C DEPT NMR), 2D-NMR (1H-1H COSY, 1H-13C HSQC, 1H-13C HMBC), MALDI-TOF mass and UV/Vis spectroscopy. The electrochemical properties of 1, 2 and 3 were investigated by cyclic voltammetry as well as in situ spectroelectrochemistry and also in situ electrocolorimetric measurements. These compounds were shown to exhibit net colour changes suitable for electrochromic applications. The compounds exhibited remarkably narrow HOMO-LUMO gaps, leading to their ease of reduction at low negative potentials. More importantly, dye-sensitized solar cells (DSSCs) were also fabricated using 1-3 to clarify the potential use of these complexes as a sensitizer. Analysis of the experimental data indicated that 2 has good potential as a sensitizer material for DSSCs.