[ project / 04 ] · Corporate Website
Wissensforte Website.
A corporate site built for international reach: four languages, layered animations and production-grade spam protection.
in action
The interface
click image to expand fullscreen
about the project
Built from scratch for Wissensforte, a SAP consulting company with an international client base. The brief was clear: a fast, polished site that works in four languages and feels noticeably better than the generic WordPress alternatives in the space.
The hero section runs a custom Canvas API particle system: 70 particles with dynamic connection lines combined with a Ken Burns effect on the background image, scroll parallax and count-up statistics on load. The client logo carousel uses requestAnimationFrame for smooth infinite scroll, supports drag via Framer Motion, pauses on hover and loops without visual duplication. Every section entrance is driven by a centralized library of Framer Motion variants (fadeInUp, fadeInLeft, fadeInRight, scaleIn, staggerContainer) triggered on scroll.
Internationalization covers Portuguese, English, German and Spanish, handled entirely client-side via React Context with no external i18n library. The contact form runs three layers of spam protection: a honeypot field, a timestamp check and Cloudflare Turnstile, with the submission handled by a Next.js API Route connected to Resend. Legal pages (Privacy Policy, Compliance, Data Request) are routed through the App Router.
project.meta
- type
- Corporate Website
- stack
- Next.js 15 · TypeScript · Tailwind CSS · Framer Motion · Resend · Cloudflare Turnstile
- source
- private
what it does
Key features
Custom Canvas particle system
70 particles with dynamic connection lines, Ken Burns background, scroll parallax and count-up stats, all packed into the hero section.
4-language i18n, no dependencies
Portuguese, English, German and Spanish via React Context API. Zero external i18n libraries, full client-side switching.
Multi-layer spam protection
Honeypot field, timestamp check and Cloudflare Turnstile before a single email hits Resend. A contact form that actually holds up.
Smooth scroll + animation system
Lenis for smooth scrolling. Centralized Framer Motion variant library powers every section entrance with consistent, coordinated motion.