Artisan — Masterclass Traditional Wagashi Landing Page Template

Kashigata is a modular card-grid landing page built for a seasonal wagashi atelier. It combines a full-screen video header, a card-flip confectionery grid organized by season, a workshop registration form, and a gift voucher path. The Neo-Retro Japanese Zen visual identity makes every section feel as deliberate and refined as the confections themselves.

by Rocket studio

Quick summary

Kashigata is a single-page landing page template for a hand-crafted wagashi atelier offering seasonal making workshops. It opens with a meditative video header, moves through a modular card grid of confections organized by season, and closes with a structured registration form and gift voucher call to action. The design is restrained, sensory, and built to convert.

Who this template is for

This template is made for artisan food businesses that need to present craft, season, and experience all at once. It suits studios where the visual quality of the product is the primary selling point and where workshop seats are the main revenue action.

  • Tea ceremony practitioners and chakai organizers sourcing seasonal omogashi
  • Department store buyers and gifting curators seeking workshop voucher options
  • Home bakers and food enthusiasts looking to book a hands-on nerikiri class

What problem this template solves

Most food business templates treat every product the same way. A wagashi atelier is different. The confection changes with the season, the audience ranges from professional tea practitioners to curious beginners, and the purchase decision is emotional before it is practical. Generic templates cannot hold that complexity.

  • No clear way to segment visitors by season or experience level before asking for a commitment
  • No visual structure that lets handcrafted food photography carry the narrative weight it deserves
  • No dual conversion path that handles both direct seat reservations and gift voucher purchases

What you get with this template

You get a fully structured single-page layout with five distinct content sections, a floating call-to-action bar, and a multi-step registration form. Every component is designed around the specific rhythm of an artisan workshop business.

  • A full-screen video hero with reveal-text headline in mixed English and Japanese script
  • A modular seasonal card grid with 3D card-flip interactions and per-season video vignettes
  • A workshop registration form, testimonials block, and gift voucher secondary call to action

Feature list

This template ships with a focused set of interactive and visual components drawn directly from the atelier brief.

Full-Screen Video Hero with Reveal Text

The header fills the viewport with a slow macro video of hands shaping nerikiri dough. A mixed-script headline fades in over the final reveal. Floating badges appear alongside the headline to anchor atelier credentials at first glance.

Seasonal Card-Flip Modular Grid

Each card shows a wagashi photograph on the front. On hover, the card flips in 3D to reveal the confection's poetic name, seasonal association, and primary flavor note. Cards are grouped into four seasonal clusters: spring, summer, autumn, and winter.

Shifting Seasonal Background

As the visitor scrolls through each seasonal cluster, the washi cream background subtly warms or cools to match the season. Short video vignettes of steam, knife cross-sections, and matcha being poured punctuate the transition between clusters.

Multi-Step Workshop Registration Form

The registration form collects preferred season, experience level (first time, tea practitioner, or professional), group size, and email in that order. The sequence is deliberate: visitors self-identify through desire before providing contact details.

Floating Call-to-Action Bar

A persistent "Reserve Your Seat" bar appears after the first scroll and stays visible throughout the page. It keeps the primary conversion action within reach without interrupting the sensory experience of browsing.

Gift Voucher Secondary Path

A quieter charcoal-outlined "Send as Gift" button sits beside every primary call to action. It opens a separate purchase path for workshop gift vouchers, serving buyers and gifting curators without cluttering the main registration flow.

Page sections overview

SectionPurpose
Video HeroOpens with macro nerikiri footage and a reveal-text headline with floating credential badges
Seasonal Card GridFour modular clusters of wagashi cards with 3D flip interactions and season-matched backgrounds
Craft Process VignetteAsymmetric photo and text layout with sensory copy describing the making process
Workshop RegistrationMulti-step seasonal form with experience level selector and group size input
Testimonials and GiftSocial proof from tea practitioners alongside the gift voucher secondary call to action
FooterSingle-row linear footer with atelier details and navigation

Design & branding system

The visual identity follows a Neo-Retro Japanese Zen approach. The palette is inspired by a Taishō-era sweet shop seen through a Muji lens: warm enough to suggest roasted kinako, restrained enough that the wagashi photography becomes the only saturated color on screen.

  • Washi paper cream (#F3EDE1) dominates backgrounds; stone garden charcoal (#2D2926) anchors all typography
  • Matcha ceremony green (#7B8F5E) traces section dividers and botanical line illustrations throughout the page
  • Persimmon (#D45B3E) appears only on interactive hover states and call-to-action pulses, used sparingly like a single maple leaf on moss

Typography pairs Fraunces serif headlines with DM Sans body text. JetBrains Mono handles labels and detail text, reinforcing the atelier's precise, craft-forward character.

Mobile & speed optimization

The template is built desktop-first, reflecting the primary audience of tea practitioners and trade buyers who research and book on larger screens. The layout remains fully responsive for mobile visitors.

  • Server Components handle static sections to keep initial load lean; Client Components power the interactive grid and multi-step form
  • High-animation elements including parallax scroll, card flip 3D, noise texture, and a marquee ticker are scoped to their respective sections to avoid unnecessary rendering overhead
  • The floating call-to-action bar and seasonal filter remain accessible and usable at every viewport size

How this template helps you convert

The page is structured to move a visitor from sensory discovery to committed registration in a natural sequence. Each design decision reinforces the next conversion step.

  1. The video hero and card-flip grid build emotional investment before any form appears, making the visitor feel connected to the craft before being asked for anything.
  2. The multi-step registration form sequences desire before contact, so visitors declare their preferred season and experience level first, which increases form completion intent.
  3. The floating call-to-action bar and the "Send as Gift" secondary button ensure that both direct bookers and gift buyers always have a clear, low-friction action available, regardless of where they are on the page.

Other information about this template

This template is categorized under Food and Beverage, specifically Japanese Cuisine and Dining, with a niche focus on wagashi and Japanese confectionery. It is suited for any artisan studio that combines product showcase with workshop event registration.

  • The Japanese seasonal calendar structure (24 sekki) is reflected in the grid's four seasonal clusters, supporting localization for Japanese-language audiences
  • Mixed-script typography (English with Japanese accent text) and JPY pricing note support are built into the layout for bilingual or Japan-facing deployments
  • The template style is Card Grid (Modular) with a Sensory Appeal creative direction and an Event Registration conversion goal, making it distinct from standard food e-commerce or restaurant templates
  • Animation complexity is high, including reveal text, 3D card flip, parallax scroll, noise texture overlay, floating badges, and a marquee ticker, all designed to match the premium craft positioning of the atelier
Artisan — Masterclass Traditional Wagashi Landing Page Template
Artisan — Masterclass Traditional Wagashi Landing Page Template
Artisan — Masterclass Traditional Wagashi Landing Page Template
Artisan — Masterclass Traditional Wagashi Landing Page Template

Theme

Neo-Retro

Creative direction

Sensory Appeal

Color system

Japanese Zen

Style

Card Grid (Modular)

Direction

Event Registration

Page Sections

Full-screen Video Hero with Reveal Text

Seasonal Card-flip Modular Grid

Shifting Seasonal Background

Multi-step Workshop Registration Form

Persistent Floating Call-to-action Bar

Gift Voucher Secondary Path

Related questions

Who is this landing page template built for?

Can visitors purchase gift vouchers as well as book seats directly?

How does the multi-step registration form sequence its questions?

Does the template support bilingual Japanese and English content?

How many seasonal clusters does the card grid contain?