← Back

Work24

WTG Packing List

An interactive web version of the Australia packing list for Work and Travel, with checklists, an emergency card, and links into the WTG app.

Role
Frontend
Built for
Work and Travel Guide GmbH (WTG)
Status
active
Stack
Next.js, React, TypeScript, Tailwind CSS, Motion
Fig. 01
Fig. 02

The project

A German-language web version of the WTG packing list for a Work and Travel year in Australia. It started as a PDF lead magnet and was rebuilt as a single scrolling page, with one section for each page of the original PDF.

What it covers:

  • The logic behind packing light (what to bring vs. buy on arrival)
  • Checklists for documents, clothing, tech, and farm work gear
  • A mini emergency card with tap-to-call numbers
  • Support and service sections that cross-link into the wider WTG ecosystem (app, consultation, cars, community)

Notable features:

  • Content is driven from typed data files, so the list can be updated without touching layout code
  • Scroll-triggered reveal animations with Motion, with a reduced-motion fallback
  • An animated phone mockup that promotes the WTG app's community, jobs, CV, and route features
  • Shared header, font, cookie consent, Meta Pixel, Google Ads, and UTM tracking from the monorepo's UI package

Next project

All work

WTG Cars Booking Platform

Work and Travel Guide GmbH (WTG) · Frontend