← Back

Work05Featured

WTG Company Profile

The main company website for Work and Travel Guide, featuring a bilingual (German and English) homepage, blog, careers page, and a step-by-step travel planning tool.

Role
Fullstack
Built for
Work and Travel Guide GmbH (WTG)
Status
active
Stack
Next.js, React, Strapi, Tailwind CSS, Motion
Fig. 01
Fig. 02
Fig. 03
Fig. 04
Fig. 05
Fig. 06
Fig. 07

The project

The official company website for Work and Travel Guide, built as a full Next.js app. It works as the main hub for the brand, combining marketing, content, recruitment, and a self-service planning tool in one place.

Key features:

  • Homepage with multiple marketing sections showcasing the service and social proof
  • Blog system connected to a headless Strapi CMS, with categories, listings, and content pages, plus AI-assisted blog categorization using the Anthropic SDK
  • Careers page where visitors can browse open jobs by department and submit applications, including a spam-safe email display and application form
  • Travel Plan tool, a multi-step flow (onsite, preparation, next steps) that walks users through planning their Work and Travel journey, with a paywall section for premium steps
  • Legal pages (imprint, privacy policy, terms and conditions) with dedicated typography styling
  • Bilingual support (German primary, English secondary) using i18next with browser-based language detection
  • Email system built with React Email templates and SendGrid, used for job applications and other transactional emails
  • GDPR-compliant cookie consent with Google Consent Mode v2, plus GA4 analytics
  • Server-rendered pages by default, with client components only where interactivity (forms, language switching, data fetching) is needed

Next project

All work

News Site: Atjèh Times

Personal · Fullstack