Smart mobility, as a complex socio-technical system, has an evolutionary path determined by multiple interwoven factors. However, current mainstream paradigms for foreseeing mobility trends operate in silos, leading to several gaps that urgently need bridging: between expert experience and collective intelligence, between quantitative analysis and qualitative insight, and between strategic foresight and design thinking. Simultaneously, the expanding role of designers requires them to possess multiple literacies, including data, futures, and design literacy, yet traditional education often cultivates these in isolation. To address these challenges, this study proposes an integrative framework to bridge these paradigmatic gaps, validated through a two-stage crowd innovation workshop. In the first stage, ‘Strategic Foresight,’ a systematic refinement from cases to trends is achieved through a ‘Case-Signal-Feature-Trend/Motif’ process. In the second stage, ‘Design Innovation,’ the transition from trends to Product-Service System (PSSD..) solutions is realised through ‘Trend/Motif-Opportunity-Vision-Solution’ steps. The application of this methodology in a five-day workshop involving 36 design students demonstrated its procedural coherence and effectiveness. This research not only provides an integrative framework for foresight and design innovation in the field of future mobility but also offers an effective model for cultivating the integrative literacies required by the next generation of innovators.