Costruita all’inizio del Trecento all’interno dell’allora Borgo Nuovo, San Giovanni assunse il ruolo di chiesa parrocchiale, sostituendosi a quella di San Pietro, a partire dal 1320. Fu interessata da alcuni rimaneggiamenti già nel corso del secolo successivo, come la realizzazione della facciata a ghimberga, quindi con alto frontone ornato e traforato, e la rielaborazione in chiave gotica del campanile, e da alcune modifiche per renderla adatta ad accogliere le più articolate funzioni proprie di una chiesa parrocchiale. L’attuale aspetto interno della chiesa appare profondamente modificato in seguito alle radicali trasformazioni tardo seicentesche. L’edificio si presenta preceduto da un atrio a pianta trapezoidale, originariamente pensato come prolungamento della navata, diviso in due campate con volte a crociera ed archi ogivali che immette nell’unica navata rimasta dopo le trasformazioni dell’edificio realizzate in età barocca. Con il restauro della facciata nel 1895 il portale originario in cotto di metà Quattrocento viene ricostruito; sempre nello stesso anno viene affrescata la lunetta con la Vergine in trono col bambino da Enrico Reffo. Il campanile, anticamente pensato per uso laico-difensivo come si intuisce dalla struttura di base probabilmente riferibile al XII secolo, è munito di bifore e trifore ed è ornato da bacini ceramici che in origine si presume fossero trentanove.
Alla metà del Quattrocento risale l’affresco presente nell'atrio, opera di un originale seguace di Giacomo Jaquerio sensibile ai modi della pittura fiamminga, identificato con il Maestro di San Vito di Piossasco. La raffigurazione presenta la Madonna in trono col Bambino, San Cristoforo, San Giovanni Battista e Sant’Antonio abate. All’atelier dei Serra di Pinerolo è invece attribuito un affresco della fine del XV secolo nell’edicola del Maestro di San Vito. In esso sono raffigurate la Visitazione con Sant’Anna e un Santo cavaliere cui corrispondo, sulla parete opposta, le figure della Madonna col Bambino e San Bernardino da Siena, la Maddalena e Santa Caterina e un drammatico Martirio di Sant’Agata. L’interno della chiesa presenta anche numerose opere pittoriche del pittore Defendente Ferrari, tra le quali ricordiamo il Trittico della Madonna della Mercede, il Trittico di san Gerolamo, le ante del Presbiterio, il Polittico della Natività realizzato nel 1511 e il Trittico della Madonna del Consorzio. E’ invece attribuita a Gerolamo Giovenone, allievo di Defendente Ferrari, la Pala con Sant’Orsola, mentre risale all’epoca barocca la tela di scuola saviglianese raffigurante l’Incoronazione della Vergine con il beato Cherubino Testa e Santa Caterina d’Alessandria.