Website met AI-contactformulier voor Data Science Lab
Voor Data Science Lab bouwden we een tweetalige maatwerk website met GSAP-animaties en een contactformulier dat op een eigen taalmodel draait.
Deliverables
- UX/UI-design
- Design system
- Maatwerk webontwikkeling
- OpenAI-integratie
Tech stack
- GSAP
- OpenAI
- Meertalig CMS
Data Science Lab levert data- en AI-oplossingen en herpositioneerde zich met een vernieuwde merkidentiteit, ontwikkeld met Dentsu Creative. Your Tech Club vertaalde die identiteit naar een website die de expertise van DSL niet alleen beschrijft maar laat zien.
Wat was de opdracht?
Een nieuwe merkstrategie omzetten in een site die aanvoelt als het bedrijf dat erachter zit. DSL wilde een tech-uitstraling: strak en zonder poespas, maar wel dynamisch. Voor een bedrijf dat AI verkoopt is een statische brochuresite een tegenstelling in zichzelf.
Daarbij golden drie concrete eisen: animaties die reageren op gebruikersgedrag, een contactmodule waarin de eigen AI-expertise voelbaar is, en een CMS waarmee het team zelf blogs en vacatures publiceert in twee talen.
Hoe ziet het AI-contactformulier eruit?
Als een gesprek in plaats van een invulveld. Bezoekers beschrijven hun doelstelling, waarna een taalmodel de vraag beoordeelt en een passend antwoord teruggeeft nog voordat er iemand van DSL aan te pas komt.
Dat doet twee dingen tegelijk. De bezoeker krijgt meteen iets terug in plaats van een bevestigingsmail, en DSL laat de technologie zien waar het bedrijf zijn geld mee verdient.
Wat doen de animaties?
Ze geven de site ritme zonder de aandacht op te eisen. Voor motion design gebruikten we GSAP, waarmee bewegingen precies te timen zijn en soepel blijven op elk apparaat. De animaties reageren op gebruikersgedrag: elementen komen binnen wanneer je ze bereikt, overgangen volgen de scrollrichting.
Hoe blijft de site consistent en beheerbaar?
Design system als fundament
Alle componenten liggen in één systeem vast. Nieuwe pagina's worden samengesteld uit bestaande bouwstenen, wat de site consistent houdt en uitbreidingen sneller maakt.
Sitemap en navigatie vooraf uitgedacht
Voordat het ontwerp begon, lag er een uitgewerkte sitemap. Daardoor is de navigatie gebouwd rond de vragen die bezoekers stellen, in plaats van rond de interne organisatiestructuur.
Meertalig, beheerd vanuit één CMS
De site is beschikbaar in het Nederlands en Engels, met de meertalige functionaliteit ingebouwd in het CMS. DSL publiceert blogartikelen en vacatures in beide talen zonder ontwikkelaar.
Wat kan DSL er nu mee?
Blogs en vacatures gaan live wanneer het team ze klaar heeft, in beide talen. Het design system houdt nieuwe pagina's binnen dezelfde stijl, en het contactformulier geeft bezoekers een eerste antwoord voordat er iemand bij komt.
Neem direct contact met ons op. We komen zo snel mogelijk bij je terug
Je bericht komt bij ons team in Amsterdam binnen.Wie heeft de website van Data Science Lab gemaakt?
Your Tech Club. Wij deden het UX/UI-design, bouwden het design system en de maatwerk website, en verzorgden de OpenAI-integratie in het contactformulier. De merkidentiteit kwam van Dentsu Creative.
Wat heeft Your Tech Club voor Data Science Lab gebouwd?
Een tweetalige maatwerk website met GSAP-animaties die reageren op scrollgedrag, een design system en een contactformulier waarin een taalmodel de vraag van de bezoeker direct beantwoordt.
Op welke techniek draait de website van Data Science Lab?
Op een maatwerk frontend met GSAP voor de animaties, een meertalig CMS voor de content, en OpenAI voor het taalmodel achter het contactformulier.
Wat kun je met een AI-contactformulier?
Een bezoeker beschrijft zijn doelstelling in eigen woorden en krijgt direct een inhoudelijk antwoord van een taalmodel, in plaats van een bevestigingsmail. De bezoeker heeft daarmee al iets ontvangen voordat er een verkoper aan te pas komt.
Waarvoor gebruik je GSAP op een website?
GSAP is een animatiebibliotheek waarmee je bewegingen precies kunt timen en aan scrollgedrag kunt koppelen, met betere prestaties dan CSS-animaties bij complexe reeksen.
Kan ik zelf content beheren op een maatwerk website?
Ja. Deze site draait op een CMS waarin het DSL-team teksten, afbeeldingen, blogartikelen en vacatures zelf aanpast, in beide talen, zonder technische kennis.