Case

Een website op wereldniveau voor IT-specialist Exellyn

Van statische designs naar een responsieve Webflow-site met CMS, animaties en SEO-optimalisatie voor deze global IT infrastructure specialist.

Klant:: Exellyn
Jaar:: 2024

4
ontwikkelfasen
3
CMS-collecties

In het kort

Exellyn is een global IT infrastructure specialist die vanuit Nijmegen organisaties wereldwijd ondersteunt, van sourcing tot IT lifecycle management. Op basis van het UX/UI-design van Daria Kovalchuk bouwden wij een responsieve Webflow-site, in nauwe samenwerking met Bogdan Manole. Interactieve animaties werken op elk apparaat en de bestaande vindbaarheid is meeverhuisd via redirects. Het team publiceert zelf artikelen, case studies en teamverhalen via drie CMS-collecties.

Uitdaging

Een website op het niveau van de organisatie

Exellyn ondersteunt organisaties wereldwijd met hun IT-infrastructuur, van sourcing tot end-to-end lifecycle management. De website moest die breedte en internationale schaal in één oogopslag duidelijk maken. Voor een partij die als single point of contact werkt, is de site vaak het eerste bewijs van die professionaliteit.

Expertise delen zonder tussenkomst

Het team wilde thought leadership-artikelen, case studies en teamverhalen zelf publiceren, zonder technische kennis. In een markt waar kennis het verschil maakt, moet publiceren net zo makkelijk zijn als schrijven.

Animaties die op elk scherm kloppen

Het design bevat interactieve animaties en micro-interactions die het merk karakter geven. Die moesten op desktop, tablet en mobiel even soepel lopen. Een animatie die hapert doet meer kwaad dan goed, dus de lat lag hoog.

Overstappen met behoud van vindbaarheid

De nieuwe site kreeg een andere structuur dan de oude. Alle bestaande URL's moesten netjes meeverhuizen, zodat opgebouwde posities in zoekmachines en links van derden hun waarde houden.

Aanpak

Van Figma naar Webflow

Wij vertaalden de Figma-designs naar responsieve Webflow-pagina's, met geoptimaliseerde afbeeldingen voor een snelle laadtijd. Door de nauwe samenwerking met Bogdan Manole werden keuzes snel gemaakt en bleef de bouw trouw aan het design.

Drie CMS-collecties ingericht

Wij zetten drie dynamische collecties op: Resources voor interviews en partnerverhalen, Stay Tuned voor artikelen en nieuws, en Case Studies voor projectpresentaties. Elke collectie is zo ingericht dat Exellyn nieuwe items eenvoudig zelf kan toevoegen en beheren. Elke collectie heeft een vaste opmaak, zodat een nieuw artikel er altijd goed uitziet, wie het ook plaatst.

Animaties met GSAP

De animaties en micro-interactions zijn gebouwd met GSAP en per schermformaat afgesteld. Ze laden correct ongeacht de cookiekeuze van de bezoeker, zodat iedereen dezelfde ervaring krijgt.

SEO, redirects en livegang

Wij stelden metadata, alt-teksten en een schone URL-structuur in. Vervolgens zijn de redirects van de oude naar de nieuwe sitestructuur ingericht en is de site uitgebreid getest op desktop, tablet en mobiel voordat deze live ging. Dat voorkomt dode links en beschermt de opgebouwde vindbaarheid.

Highlights

Zelf content beheren zonder technische kennis
Via het Webflow CMS kan het team van Exellyn teksten, afbeeldingen en nieuwe items in de collecties aanpassen. Daarvoor is geen kennis van code nodig. Het team houdt zo zelf het tempo van publiceren in handen.
Drie collecties voor thought leadership en cases
Bezoekers vinden interviews, artikelen en projectpresentaties via de collecties Resources, Stay Tuned en Case Studies. Exellyn voegt zelf nieuwe items toe wanneer dat nodig is. Zo groeit de site mee met de kennis en het werk van het team.
Animaties die werken op elk apparaat
De interactieve animaties en micro-interactions uit de Figma-designs zijn gebouwd met GSAP en getest op desktop, tablet en mobiel. Ze laden correct, welke cookiekeuze een bezoeker ook maakt. Het merk komt daardoor op elk scherm even sterk over.

Resultaat

Een site die past bij een wereldwijde speler

De website laat in één oogopslag zien wat Exellyn doet en op welke schaal. Design, beweging en inhoud vertellen samen het verhaal van een internationale specialist met een team van meer dan 25 nationaliteiten.

Het ontwerp tot in de details tot leven

De site volgt het UX/UI-design van Daria Kovalchuk tot in de details, op desktop, tablet en mobiel. Animaties en micro-interactions geven het merk op elk scherm hetzelfde karakter.

Exellyn publiceert zelf

Via Resources, Stay Tuned en Case Studies deelt het team interviews, artikelen en projecten, zonder technische tussenkomst. De site blijft daardoor actueel en laat doorlopend de expertise van het team zien.