Im Jahre 1936 bauten Karl Egender und Ernst Friedrich Burckhardt als Gewinner eines Wettbewerbs die damals hoch moderne Johanneskirche (nach dem heiligen Johannes) mit Gemeindetrakt und Pfarrhaus.
Der langgestreckte rechteckige Baukörper des Kirchentrakts mit Flachdach orientiert sich zum Kannenfeldplatz hin, liegt jedoch zurückversetzt auf dem Areal und schafft so eine Zäsur zwischen dem Kirchhof und dem etwas tiefer liegenden Wohnquartier.
Die Architektur der Johanneskirche folgt den klaren Richtlinien ihrer Bauzeit. So prägt die Architektursprache der «Neuen Sachlichkeit» mit Beton, sichtbaren Stahlträgern und Glasbausteinen den Kirchenbau und seine Gestaltung in ihrer reinen technischen Formgebung. Besonders markant ist der Glockenturm, welcher dreiseitige Einsicht gewährt und als rein funktionales Element den entscheidenden Akzent in der Überbauung setzt. Im Innern demonstrieren die Aufstellung der Orgelpfeifen und der vorne angeordneten Spieltisch der Orgel sowie die schwarzen Klappstühle den innenarchitektonischenZeitgeist der 1930er Jahre.
Die Johanneskirche mit dem dazugehörenden Gemeindetrakt ermöglicht damals wie heute vielfältige Nutzungsmöglichkeiten parallel zum kirchlichen Betrieb.
Glocken
Das fünfstimmige Geläut der Basler Johanneskirche wurde im Jahr 1936 von der Glockengiesserei H. Rüetschi aus Aarau gegossen.[2]
