FM Studio werkt vanuit de Kievitlaan in Gent: Francesca De Fonseca, architect, en Margaux Lisabeth, interieurarchitect. Samen goed voor meer dan veertig jaar ervaring, van woningen tot kantoren, van fundering tot decoratie. Hun projecten dragen geen poëtische namen maar dossiernummers: G01, G06, G52, T.SOPHARMA.

De vraag voor hun website was even zakelijk: het werk moest te zien zijn, zij moesten er zelf projecten aan kunnen toevoegen, en de rest mocht weg. Ontwerp en bouw lagen bij ons. Geen visieverklaring, geen slider met slogans, geen nieuwsrubriek die na drie maanden stilvalt.

De homepage van fm-studio.be in een browservenster met een donkergroen kleurvlak voor Architecture en een zwart-witfoto die eroverheen schuift, en dezelfde pagina op een gsm
De home: één kleurvlak per categorie, met een zwart-witbeeld dat over de rand schuift. Rechts hetzelfde op gsm.

Eén maat, twaalf keer

Een plan begint bij een stramien, en deze site ook. Wij legden er één maat onder — een twaalfde van de schermbreedte — en tekenden de rest daarop. Elk vlak, elke marge, elke foto is daar een veelvoud van. Zevenennegentig keer komt ze terug in de definitieve CSS. De vlakken op de pagina staan dus niet in pixels, maar in twaalfden.

Het gevolg is dat de pagina schaalt zoals een tekening die je uitvergroot: op een breed scherm wordt alles groter in dezelfde verhouding, niet leger. Wie liever in pixels denkt, moet even slikken. Wie plannen tekent, knikt.

Bouwtekening van één rij van de homepage: een raster van twaalf assen met een gearceerd kleurvlak van zes eenheden, een fotovlak van zes op vier dat eroverheen schuift, een ronde knop van één eenheid en maatlijnen, met een kleine astronaut ernaast
Eén rij van de home, uitgezet in eenheden: vlak 6, foto 6 × 4, knop 1.

Het raster telt tot vier

In een categorie staan alleen beelden. Geen titels, geen jaartallen, geen filters. Het raster werkt met twee breedtes, vier eenheden en vijf, in een vaste volgorde: klein, groot, groot, klein, en dan opnieuw. Elke rij is zo de spiegel van de vorige, terwijl de randen links en rechts wel netjes blijven staan.

Vandaag hangen er dertig projecten in: dertien in Architecture, dertien in Interior, vier in Landscape. Sommige staan in meer dan één categorie, want een project met een tuin en een interieur is nu eenmaal drie keer hetzelfde gebouw.

De categoriepagina Architecture van fm-studio.be in een browservenster met projectbeelden in twee verschillende breedtes, en dezelfde pagina op een gsm
Architecture: dertien projecten, twee breedtes, geen titels.

Eén liggend of twee staand

Een projectpagina is een galerij, en die galerij is een lijst rijen. Per rij kiest de studio uit twee mogelijkheden: één liggend beeld, of twee staande naast elkaar. Meer smaken zijn er niet, en dat is precies de bedoeling. Liggend meet tien eenheden, staand vier en een half, met één eenheid ertussen. Alles is vijf hoog. Wat je ook kiest, de rij sluit.

Geen kolommenkiezer, geen versleepbare blokken, geen kans om het raster te breken tussen twee werfbezoeken door. Vrijheid is prettig; een galerij die altijd klopt, is prettiger.

Bouwtekening van de twee rijtypes uit de galerij: één liggend vlak van tien eenheden breed naast twee staande vlakken van vier en een half met een eenheid ertussen, met maatlijnen en een gelijkheidsteken
De twee rijtypes, in eenheden: 10 = 4½ + 1 + 4½.

Dertig dossiers

Elke projectpagina heeft dezelfde opbouw: de titel, een banner over de volle breedte, een staand beeld naast een gekleurd tekstblok dat twee eenheden over de banner omhoog schuift, en daaronder de galerij. Twee ronde pijlen wandelen je door de categorie, van project naar project.

De kleur van dat tekstblok komt van de categorie, niet van de pagina. Krijgt Interior morgen een andere kleur, dan volgen alle interieurprojecten mee. Staat de kleur te donker voor zwarte tekst, dan is er één schakelaar die de tekst licht zet.

De projectpagina van G01. KANTOOR op fm-studio.be met de banner over de volle breedte, en op gsm het donkergroene tekstblok met de projecttekst
G01. KANTOOR: banner, tekstblok in de kleur van de categorie, en hetzelfde op gsm.

Zelf bijbouwen

In het beheer ziet een project eruit als een fiche: rasterbeeld, banner, intro, beeld naast tekst, en de galerij als een tabel waarin elke rij zijn type kiest. Ernaast hangt de beeldbibliotheek van die pagina. Bij de categorie horen een kleurkiezer en die schakelaar voor lichte tekst. Verder is er een tabblad voor SEO, en in de site-instellingen beheert FM Studio zelf het menu, de footer en de cookiemelding.

Alles wat je op de site ziet staan, kan de studio dus zelf aanpassen. Wij moeten er alleen aan te pas komen als er iets bij gebouwd moet worden. Bij een portfolio is dat zelden het geval, en dat is een compliment aan het raster.

Nagebouwd beheerscherm van het CMS met een projectfiche: velden voor rasterbeeld, banner en intro, een tabel met rijtypes 1 landscape image en 2 portrait images, en een kleurkiezer voor de categorie
Nagebouwd beheerscherm met voorbeeldgegevens (het echte CMS zit achter een login): de projectfiche met de rijtypes van de galerij.

De fundering vervangen zonder te verhuizen

De site draaide vanaf 2024 op Kirby 3. In augustus 2026 hebben we hem in fases naar Kirby 5 getild: sleutels uit de code naar een apart bestand dat niet in de repo staat, de resten van functies die deze site nooit gebruikt heeft eruit — een login, een betaalmodule, een nieuwsmodule, een zoekmodule — en de bestaande inhoud met een script omgezet naar het nieuwe formaat. PHP 8.2 of hoger, code in git, inhoud en beelden bewust niet.

Voor de bezoeker veranderde er niets. Voor een verbouwing is dat het mooiste compliment dat er bestaat.

Toeval of niet: we bouwen graag voor mensen die zelf met maten werken. Voor scenografiestudio Pièce Montée stapelden we een homepage als een taart, voor Footnote Gallery een site waarin het werk de hoofdrol speelt en de rest voetnoot is, en voor tuinarchitect Livingreen een bomenteller. Heb je zelf een raster in je hoofd: wij rekenen het graag na.

Volgend project

Geworteld in de natuur, bloeiend online

Website →
Geworteld in de natuur, bloeiend online
Vorig project: Een echt origineel raakt nooit uit de mode B2B-platform