ffbk Architekten

Conception and design of the new website for the architecture office ffbk.

The starting point was the development of a visualisation to make the interdisciplinarity of the office visible. The map of competencies, which resembles a tangram, visualises the six interdisciplinary areas - architecture and urban planning, site and property development, project and construction management, realisation and finances. From conception to implementation, the office summarises over 60 activities. These are visualised using pictograms from the Diglû font and can be explored as a list or in the form of the competency map.

The design of the website relies on large images, with projects and activities at the centre. The lines take up the graphic of the tangram and the background of the website - like the architecture - plays with different light conditions from sunrise and sunset, daylight to night black.

ffbk Architekten

Conception et réalisation du nouveau site web pour le bureau d’architecture ffbk.

Le point de départ était le développement d’une visualisation pour rendre visible l’interdisciplinarité du bureau. La carte des compétences, comparable à un tangram, permet de visualiser les six domaines interdisciplinaires - architecture et urbanisme, développement de sites et d’objets, gestion de projets et de constructions, réalisation et finances. De la conception à la réalisation, le bureau regroupe plus de 60 activités. Celles-ci sont visualisées au moyen de pictogrammes issus de la font Diglû et peuvent être explorées sous forme de liste ou de map de compétences.

La conception du site web mise sur de grandes images, avec les projets et les activités au centre. Les lignes reprennent le graphisme du tangram et l’arrière-plan du site web joue - comme l’architecture - avec différentes conditions de lumière, du lever au coucher du soleil, de la lumière du jour au noir de la nuit.

ffbk Architekten

Konzeption und Gestaltung der neuen Webseite für das Architekturbüro ffbk. Ausgangslage war die Entwicklung einer Visualisierung, um die Interdisziplinarität des Büros sichtbar zu machen. Mit der Kompetenzenmap, einem Tangram gleichkommend, werden die sechs fachübergreifenden Bereiche – Architektur und Städtebau, Areal- und Objektentwicklung, Projekt- und Baumanagement, Realisierung und Finanzen – visualisiert. Von der Konzeption bis zur Umsetzung fasst das Büro über 60 Tätigkeiten zusammen. Diese werden mittels Piktogrammen aus der Schrift Diglû visualisiert und können als Liste oder in Form der Kompetenzenmap erkundet werden.Die Gestaltung der Webseite setzt auf grosse Bilder, wobei Projekte und Tätigkeiten im Zentrum stehen. Die Linien nehmen die Grafik des Tangrams auf und der Hintergrund der Webseite spielt – wie die Architektur auch – mit unterschiedlichen Lichtverhältnissen – von Sonnenaufgang bis Sonnenuntergang, taghell bis nachtschwarz.