Naar de inhoud
Alessandro Aresu

Vakmanschap

Expoteam

De website van Expoteam

Een standbouwer in drie talen op drie domeinen; ik bouwde in een team van twee de header, de footer, de taalwissel en een groot deel van de blokken.

Bekijk de site
Opdrachtgever
Expoteam, Kampen, via Stimmt
Rol
Gebouwd naar ontwerp van Stimmt
Aandeel
Mede-ontwikkelaar van de eerste bouw, in een team van twee; ongeveer een derde van de code, de meeste commits in de bouwmaand
Stack
Craft CMS, Twig, SCSS, Java­Script, drie sites op drie domeinen
Jaar
2024 tot 2025

Wat de opdrachtgever is

Expoteam ontwerpt en bouwt beursstands op maat, van 3D-ontwerp tot opbouw op locatie, en heeft naar eigen zeggen meer dan 4.000 projecten in Europa, 200 in Noord-Amerika en 40 in het Midden-Oosten en Azië op zijn naam. Het bedrijf zit in Kampen en werkt in het Engels, Duits en Nederlands: expoteam.com, expoteam.de en expoteam.nl.

Gebouwd naar ontwerp van Stimmt. Concept, ontwerp en projectleiding: Stimmt, Enschede. Front-end bouw: Alessandro Aresu, als developer in dienst van Stimmt, samen met collega's; wie wat bouwde staat hieronder.

De bouw­op­gave

Eén Craft-installatie met drie sites erin, elk op een eigen domein, met vertaalde URL's die per pagina naar hun equivalent in de andere talen verwijzen. Een projectportfolio, landingspagina's per stad en land, en veel beeld. Gebouwd in een sprint van één maand door twee developers; ik was erbij voor de eerste bouw, een collega bouwde het af en onderhoudt de site.

Wat ik heb gebouwd

  1. 01

    Header en footer

    De footer vrijwel geheel, het grootste deel van de header en het JavaScript ervan.

  2. 02

    De taalwissel en de meertalige URL's

    De taalwissel op elke pagina, rechtsboven en op mobiel in het menu, en de URL-afhandeling waardoor /projecten/gelasta/ op .nl dezelfde pagina is als /projects/gelasta/ op .com en /projekte/gelasta/ op .de, zodat de wissel naar dezelfde pagina leidt en niet naar de homepage.

  3. 03

    Blokken

    USP-blok met de driekolomsvariant, uitgelichte projecten, sollicitatieproces, achtergrondbeeld met content, tekst met lijst, tekst met beeld, tweekoloms tekst, galerij, video en de logoslider. Op de homepage zijn de uitgelichte projecten, de logoslider en de USP-kaarten van mij.

  4. 04

    Templates en site-instellingen

    De zoekpagina, de dienstenpagina en de contactpagina met hero; het SEO-tabblad en de URL-structuur van het nieuws, favicons, de kleuropties per sectie en de instelling om de footer-CTA te verbergen.

Wat collega's hebben gebouwd

De wereldkaart met de kaartlogica; de GSAP-animatielaag met de scroll-animaties; het geanimeerde stappenblok; het dienstenblok op de homepage; het projectenoverzicht met filters; het grootste deel van de hero en de knoppen; en de Craft-opzet, de Duitse taal en het CMS-onderhoud.

Hoe het eruitziet

De homepage op desktop en op mobiel, bij de uitgelichte projecten.
Dezelfde projectpagina op .nl en .de naast elkaar, met de taalwissel gemarkeerd.
Dezelfde projectpagina op mobiel.
De taalwissel op desktop, opengeklapt: Nederlands, Engels en Duits.

Waarmee het is gebouwd

Craft CMS met Twig; SCSS en JavaScript; drie sites in één installatie op drie domeinen; beeld in WebP via een DigitalOcean-CDN; Google Tag Manager. Bouw november 2024, live begin 2025.