With rapid advances in design methods and structural analysis techniques, computational generative design strategies have been adopted more widely in the field of architecture and engineering. As a performance-based design technique to find out the most efficient structural form, topology optimization provides a powerful tool for designers to explore lightweight and elegant structures. Building on this background, this study proposes an innovative pedestrian bridge design, which covers the process from conceptualization to detailed design implementation. This pedestrian bridge, with a main span of 152 m, needs to meet some unique architectural requirements, while addressing multiple engineering challenges. Aiming to reduce the depth of the girder but still meeting the load-carrying capacity requirements, the superstructure of this bridge adopts a variable-depth spinal-shaped girder in the center of its deck, thus forming an elegant curving facade, from which one pathway cantilevers on either side. At one end of the bridge, given considerable elevation difference between the bridge deck and the ground, a two-level Fibonacci-type spiral-shaped bicycle ramp is provided. The superstructure is supported by a series of organic tree-shaped branching piers resulting from the topology optimization. The ingenious design for the elegant profile of the bicycle ramp generates an enjoyable and dynamic crossing experience, with scenic views in all directions. By virtue of technological innovation, the pedestrian bridge is expected to create an iconic, cost-effective, and low-maintenance solution. A brief overview of the theoretical background of the bi-directional evolutionary structure optimization (BESO) and the multi-material BESO approach is also offered in this paper, while the construction requirements and challenges, conceptual development process, form-finding strategy, detailed design, and construction method of the bridge are presented.