Extended case study · Hospitality · Tokyo

Helping Japanese food lovers choose the right cooking class

Client
Bentoya Cooking
Role
UX/UI Designer
Platform
WordPress · WooCommerce
Year
2023
Live
bentoyacooking.com ↗
Bentoya Cooking homepage redesign

Extended case study — includes research, iterations and feedback rounds. Short on time? Read the condensed version →

TL;DRThe outcome

Visitors couldn't tell which classes fit their diet, so they emailed staff or left. I restructured the site around classes and dietary needs. The numbers moved:

  • Class directory visits doubled (4% → 8%)
  • Time on site went up by more than 50%
  • About 5% of visitors now go straight from the homepage to a specific class

01Background

Bentoya Cooking teaches Japanese cooking in Tokyo and offers vegan, vegetarian, halal and kosher options for international visitors. The options existed. The homepage just didn't show them.

I had supported Bentoya with technical maintenance and their WooCommerce setup for years, so I knew the platform well. The goal for this project: let visitors find a class that fits their diet without having to email first.

02The discovery problem

Analytics and staff feedback pointed to three problems:

  • Classes were hard to find. Only 4% of visitors reached a class page, on a site that exists to sell classes.
  • Dietary information didn't help. The labels existed but weren't visible or filterable. Visitors browsed, felt unsure, and emailed staff to ask.
  • Key details didn't scan. Duration, location, price and dietary options weren't grouped, so comparing classes took work.

Mapped as a journey, the friction is easy to spot. An email round-trip sat in the middle of every uncertain booking:

  1. Browse classes
  2. Dietary question comes up
  3. Can't see which classes fit
  4. Email staff & wait
  5. Book — or give up

03Research with what I had

There was no budget for formal user research. Instead I worked with three sources: Google Analytics, staff observations, and the existing site structure. The staff hear the same question every week — does this class fit my diet? — and the analytics backed them up. Discovery was the barrier.

I also studied how Cookly, Veecoco and airKitchen handle discovery. People who book cooking classes online already have habits, and I wanted the site to match them:

Comparison of discovery patterns across cooking class platforms
PatternCooklyVeecocoairKitchenWhat I chose
Homepage class displayFeatured classesCategoriesFeatured classesFeatured classes on the homepage
CategorizationYesYesYesDietary labels as the base for categories
FiltersLocation-basedVegan focusNone built inDietary category filters
Content hierarchyRight-side booking column, left-alignedPricing card + imageryPrice in fixed bottom barRight-side booking, clear headings, left-aligned

04Two feedback cycles

I ran two review rounds with the Bentoya team. This wasn't formal usability testing, but the staff talk to customers every day, and that knowledge kept the design grounded in real questions from real visitors.

Cycle 1 — structure

  • Draft v1 → staff review → changes
  • Focus: clarity, structure, class descriptions

Cycle 2 — trust

  • Draft v2 → staff review → final
  • Focus: pricing transparency, polish, final alignment

Most of the feedback was about copy clarity and pricing transparency. Both shaped the class cards and page structure below.

05The solution

Classes visible from the homepage. The new homepage leads with classes and key details, with filters to narrow down fast.

Redesigned Bentoya Cooking homepage with featured classes
The homepage now sells classes, not just the school.

Dietary filters visitors can act on. Choose vegan, vegetarian, kosher, halal or gluten-free and see matching classes instantly. No email needed.

Dietary filter interface
Dietary needs became a way to browse, not a footnote.

Class cards built for comparing. Name, duration, location, price and a clear booking button. Built as reusable components with custom fields, so the team updates them without me.

Scannable class cards showing price, duration and dietary options
The essentials at a glance, on components the team maintains.

Class pages restructured for action. The booking form moved higher, content became left-aligned and scannable, and pricing sits in context instead of at the end.

Before and after comparison of a class page
Before and after: key details grouped where people actually look.

Accessibility was part of the fix. Text contrast went from 2.77:1 to 6.04:1, meeting WCAG AA, with cleaner alignment, heading hierarchy and spacing.

Accessibility improvements showing contrast changes
From 2.77:1 to 6.04:1. Readability is discovery too.

06Results

  • Class directory visits doubled (4% → 8%)
  • +50% time on site, suggesting visitors explore classes more thoroughly
  • ~5% go straight from homepage to a class, which is exactly the path the redesign was built for

No single change did this. The homepage, the filters, the typography and the contrast fixes all worked on the same problem from different angles.

07What I learned

  • Work strategically with the information you have. Without formal research, I had to be clear about what I could validate and where I was making informed assumptions. That discipline made the decisions better, not worse.
  • Small changes compound. None of these changes was dramatic on its own. Together they moved the key metrics.
  • Test new tools when the usual ones run out. Elementor alone couldn't handle structured filtering, so I learned to combine it with ACF. That unlocked reusable class cards without a full custom build.
  • Staying involved shows what actually works. I still maintain the platform, so I see which decisions hold up over time. Page load times are next on my list.

08In the client's words

It's been an absolute pleasure working with Lizzie over the past six years. She's been incredibly reliable, thoughtful, and always approaches her work with genuine care and positive energy.

Lizzie has continuously refined and elevated our website, making it more reliable, accessible, and easy for users to explore our classes. Her creativity, attention to detail, and clear communication have had a lasting impact on our business growth and customer experience. She's been exceptional at translating our needs into technically viable and creative solutions.

We truly value her partnership and couldn't recommend her more highly to anyone looking for a talented, innovative and dedicated designer with some solid technical skills.

Next extended case study

Spring Learning →