Mockup scherm afbeelding
Icoon vegen

Swipe voor meer projecten

Cepezed overzicht

Introductie

Cepezed is een toonaangevend internationaal architectenbureau gevestigd in Delft, bekend om zijn rationele en innovatieve benadering van architectuur. Hun website is een visueel sterk portfolio-platform met grote projectfotografie, artistieke impressies en architectonische tekeningen en schetsen. Typografisch verfijnd, snel en volledig tweetalig in Nederlands en Engels.

Wij namen de website over in september 2023 en hebben sindsdien de technische basis volledig gesaneerd, uitgebreid en doorontwikkeld.

CMS:

Frontend:

Functionaliteiten:

Projectfiltering, meertalig, caching, paginablokken

De uitdaging

Cepezed had een bestaande website in Craft CMS, maar de technische basis was verre van solide. De site was gebouwd door iemand met weinig kennis van Craft CMS, wat resulteerde in een reeks ongelukkige technische keuzes. Vreemde contentstructuren, inconsistente templatelogica, onnodig complexe oplossingen voor eenvoudige problemen. De codebase was moeilijk te onderhouden en kwetsbaar voor problemen bij updates.

Tegelijkertijd had Cepezed een ambitieuze digitale wens. Een portfolio-platform dat recht doet aan hun internationale reputatie en hun werk. Grote, adembenemende projectfotografie. Architectonische tekeningen en schetsen die de diepgang van hun ontwerpproces laten zien. Een fluide, snelle ervaring die bezoekers van over de hele wereld aanspreekt. En een filteringsysteem waarmee bezoekers snel het juiste project vinden.

De uitdaging voor PixelDeluxe: saneer de technische basis zonder de lopende website te verstoren, en bouw vervolgens door aan een platform dat Cepezed echt waardig is.

Content2

De oplossing

Wij begonnen met een grondige technische audit van de bestaande installatie. Welke templatestructuren werken niet, welke contentmodellen zijn onlogisch opgebouwd, waar zitten de kwetsbaarheden? Op basis van die audit maakten wij een helder plan voor de sanering.

Vervolgens migreerden wij de website naar een nieuwere versie van Craft CMS met een gesaneerde codebase. Templates werden herschreven, contentmodellen werden gestroomlijnd en de algehele architectuur van de Craft CMS installatie werd opgebouwd volgens de juiste principes. Het resultaat: een solide, onderhoudbare basis die meegroeit met de ambities van Cepezed.

Voor de gebruikerservaring hebben wij veel aandacht besteed aan fluïditeit en snelheid. Via Blitz caching laadt de website razendsnel, ook op pagina's met grote hoeveelheden beeldmateriaal. Paginaovergangen zijn vloeiend en de typografische verfijning is intact gebleven.

De projectfiltering is een centraal onderdeel van het portfolio. Bezoekers kunnen de projecten van Cepezed doorzoeken en filteren op diverse parameters zodat zij snel het project vinden dat relevant is voor hun situatie. Of dat nu een specifiek type gebouw is, een bepaalde periode of een specifieke ontwerpbenadering.

Voor het 50-jarig jubileum van Cepezed bouwden wij een aparte multisite: de Wunderkammer. Een digitale tentoonstelling waarbij alle medewerkers van Cepezed een foto en een verhaal bijdroegen. Een persoonlijk en visueel sterk eerbetoon aan vijftig jaar architectuur, gebouwd op dezelfde Craft CMS installatie als de hoofdsite.

De complexiteit zat in de overname

Een website overnemen van een andere ontwikkelaar is altijd een uitdaging. Je neemt niet alleen de code over maar ook alle keuzes die daarvóór zijn gemaakt. Soms zijn die keuzes goed, soms zijn ze dat niet.

Bij Cepezed was de situatie duidelijk. De vorige ontwikkelaar had wel veel kennis, maar weinig van Craft CMS specifiek en dat was zichtbaar in de hele opbouw. Niet één groot probleem maar een aaneenschakeling van kleine suboptimale keuzes die samen zorgden voor een kwetsbare en slecht onderhoudbare basis.

Wij hebben die basis stap voor stap gesaneerd zonder de lopende website te verstoren. Dat vraagt om geduld, precisie en een goed begrip van wat er is en wat er moet komen. Het is minder spectaculair dan een nieuwbouw maar minstens zo waardevol.

Content2
Content3

Technische details

Craft CMS als basis, gemigreerd naar een nieuwere versie met volledig gesaneerde codebase. Tailwind CSS voor de frontend styling. Blitz voor statische caching en maximale laadsnelheid bij beeldrijke pagina's. SEOmatic voor volledige technische SEO in twee talen. Sherlock voor continue beveiligingsmonitoring. Multisite-configuratie voor de jubileum Wunderkammer. Tweetalige contentstructuur in Nederlands en Engels. Uitgebreide projectfiltering op meerdere parameters.

Het resultaat

Cepezed heeft een portfolio-platform dat recht doet aan hun internationale reputatie. Grote projectfotografie, architectonische tekeningen en schetsen worden gepresenteerd op een snelle, visueel verfijnde website die bezoekers van over de hele wereld aanspreekt.

De technische basis is solide en onderhoudbaar. Updates verlopen soepel, nieuwe functionaliteiten kunnen eenvoudig worden toegevoegd en het team van Cepezed beheert de content zelfstandig via Craft CMS.

Wat dit project ons heeft geleerd

Een overname is een diagnose. Voordat je iets kunt verbeteren moet je begrijpen wat er is en waarom het zo is geworden. Bij Cepezed hebben wij geleerd hoe belangrijk het is om die diagnosefase serieus te nemen. Niet direct beginnen met bouwen maar eerst begrijpen, analyseren en plannen.

Dat heeft ons ook geholpen bij het bouwen van de Wunderkammer. Een jubileumproject waarbij tientallen medewerkers content aanleveren vraagt om een goed doordachte contentstructuur. Die structuur konden wij alleen goed neerzetten omdat wij de Craft CMS installatie inmiddels door en door kenden.

Veelgestelde vragen

Ja. Wij nemen Craft CMS websites over van andere bureaus. We starten altijd met een technische audit zodat we weten wat de staat van de website is voordat we het beheer overnemen.

Bezoekers kunnen de projecten van Cepezed filteren op diverse parameters zoals projecttype, periode en ontwerpbenadering. Zo vinden zij snel het project dat relevant is voor hun situatie.

Ja. De website van Cepezed is volledig tweetalig in Nederlands en Engels, met een eigen contentstructuur per taal.

Via een uitgebreide set paginablokken. Jouw team bouwt nieuwe pagina's op door blokken te combineren, tekst, afbeeldingen, video, downloads, formulieren en meer. Elk blok is volledig vormgegeven volgens de huisstijl van de website en schaalt automatisch mee op desktop, tablet en mobiel. Technische kennis is niet nodig. Meer weten over paginablokken? Bekijk onze begrippenpagina.

Klaar om samen te bouwen?

Of het nu gaat om een complexe webapplicatie, een digitaal platform voor jouw sector of een langdurig partnerschap, wij denken mee vanaf dag één en bouwen wat écht werkt voor jouw organisatie.