Your Tech Club
CASE STUDIES

Website with an AI contact form for Data Science Lab

For Data Science Lab, we built a bilingual custom website with GSAP animations and a contact form that runs on an OpenAI language model.

Website with an AI contact form for Data Science Lab

Deliverables

  • UX/UI design
  • Design system
  • Custom web development
  • OpenAI integration

Tech stack

  • GSAP
  • OpenAI
  • Multilingual CMS

Data Science Lab delivers data and AI solutions and repositioned itself with a new brand identity, developed with Dentsu Creative. Your Tech Club translated that identity into a website that doesn't just describe DSL's expertise but shows it.

What was the brief?

Turn a new brand strategy into a site that feels like the company behind it. DSL wanted a tech look: clean and no-nonsense, but dynamic. For a company that sells AI, a static brochure site is a contradiction in terms.

There were three concrete requirements: animations that respond to user behaviour, a contact module that lets visitors feel DSL's own AI expertise, and a CMS the team can use to publish blogs and vacancies in two languages.

What does the AI contact form look like?

Data Science Lab's old website: four service links above an introduction to the lab, with a circular logo mark beside it.

Like a conversation rather than a form field. Visitors describe their goal, then a language model assesses the question and returns a relevant answer before anyone at DSL gets involved.

That does two things at once. The visitor gets something back straight away instead of a confirmation email, and DSL shows the technology it earns its living with.

What do the animations do?

The new homepage on black: the heading "DSL doet dat," with the line "Wij leveren data-oplossingen met een doel" (we deliver data solutions with a purpose) and a coloured arc on the right.

They give the site rhythm without demanding attention. For motion design we used GSAP, which lets movement be timed precisely and stay smooth on any device. The animations respond to user behaviour: elements come in as you reach them, and transitions follow the scroll direction.

How does the site stay consistent and easy to manage?

A design system as the foundation

All components are defined in one system. New pages are put together from existing building blocks, which keeps the site consistent and makes extensions faster.

Sitemap and navigation planned up front

The Data Science Lab website on desktop.

Before design started, there was a detailed sitemap. That meant the navigation was built around the questions visitors ask, rather than around the internal organisation chart.

Multilingual, managed from one CMS

Data Science Lab's careers page.

The site is available in Dutch and English, with multilingual functionality built into the CMS. DSL publishes blog posts and vacancies in both languages without a developer.

What can DSL do now?

Blogs and vacancies go live when the team has them ready, in both languages. The design system keeps new pages in the same style, and the contact form gives visitors a first answer before anyone gets involved.

Questions or an intro call

Get in touch with us directly. We'll get back to you as soon as we can

Joey van VlietYassine SeghrouchniThe team at the officeYour message goes straight to our team in Amsterdam.

We'll get in touch as soon as we can.

Frequently asked questions

Who made the Data Science Lab website?

Your Tech Club. We did the UX/UI design, built the design system and the custom website, and handled the OpenAI integration in the contact form. The brand identity came from Dentsu Creative.

What did Your Tech Club build for Data Science Lab?

A bilingual custom website with GSAP animations that respond to scrolling, a design system, and a contact form where a language model answers the visitor's question straight away.

What technology does the Data Science Lab website run on?

A custom front end with GSAP for the animations, a multilingual CMS for the content, and OpenAI for the language model behind the contact form.

What can you do with an AI contact form?

A visitor describes their goal in their own words and gets a substantive answer from a language model straight away, instead of a confirmation email. So the visitor has already received something before a salesperson gets involved.

What do you use GSAP for on a website?

GSAP is an animation library that lets you time movement precisely and tie it to scrolling, with better performance than CSS animations for complex sequences.

Can I manage content myself on a custom website?

Yes. This site runs on a CMS where the DSL team edits text, images, blog posts and vacancies themselves, in both languages, without technical knowledge.