03 · Client work · pre-launch

Travel by Janice

A static site for a travel advisor, with its contrast and scroll behaviour tested rather than eyeballed.

A new website for an independent travel advisor, built as client work and licensed for this portfolio. It has not launched: it waits on the client’s final copy, the inquiry email and the switch to public indexing, so it is shown here rather than linked.

How it works

Fully static Next.js 16 and Tailwind 4: no database, no CMS, no accounts. Eighteen routes from twelve typed content modules, every fact in them carrying a comment that says where it came from.
One server action handles inquiries, behind a delivery interface that can be swapped for a CRM. Without a configured transport it says so and gives the visitor another way to reach the advisor; it never reports a success it cannot back.
A design system in CSS tokens, with four motion tempos (180, 300, 620 and 900 ms).

Scroll reveals are CSS (animation-timeline: view()), not observers: no page becomes a client component to animate, nothing can be left stuck at opacity 0, and a browser without support simply shows the content.
The header’s colors come from a per-route table of what it stands on, not from asking whether the page is the homepage, a guess that fails silently into white on white.
Images settle inside overflow: clip, not hidden: hidden creates a scroll container that silently froze the reveal timeline at its end state.

Header contrast is measured on rendered pixels across all eighteen routes: the 5th percentile of glyph contrast against WCAG AA (4.5:1, and 3:1 for large text). That suite runs by hand, not in CI.
Browser, navigation and inquiry-form checks against the built site, with web-vitals budgets of LCP 2.5 s deployed and CLS 0.05.

One developer, for one client.

PRE-LAUNCH · 2026 · NEXT.JS 16 · TAILWIND 4 · CSS SCROLL TIMELINES · CLIENT WORK

From the project’s own repository and CI, as of September 2026. The repositories are private; code walkthroughs on request.