Case Study

How We Structured the Yokoen Website Around Business Overview and Inquiry Paths

A renewal case study for Yokoen — a subtropical-plant grower and seller in Miyazaki — organizing paths for professional vs. individual visitors, delivery examples, plant categories, and inquiry flow.

Before

The site before renewal

yokoen-resort.com

Paths for professionals and individuals were not separated, so visitors hesitated about where to start
Important content such as production fields and planting plots was buried in the footer
Fonts and image sizes were inconsistent, making the scale of the business hard to read
Professional-facing messaging sat at the same weight as the consumer-facing shop

After

The site after renewal

yokoen.pages.dev/en/

"For Professionals" and "For Individuals" are set up as the first branching point in the primary flow
Delivery examples and grown plants are organized into independent sections with images
71 years in business / 25 ha / 30 species / 30,000 plants are stated up front
Phone, form, and online shop are placed with distinct roles

Background

Yokoen is a grower and seller of subtropical plants, delivering from Miyazaki across Japan. On the old site, professional-facing inquiries for landscaping and design, individual-facing planting consultations, and the online shop all sat at the same weight, which made it hard for first-time visitors to decide where to start. This renewal rebuilt the order and branching of information around the business overview and the inquiry paths.

Business scale, conveyed up front

71yrs

History since founding in 1955

25ha

Scale of in-house production fields

30species

Subtropical plants handled

30,000plants

Always-stocked plant count

"Subtropical plants grown and sold in Miyazaki" and "founded in 1955" are shown in the first view, and the numbers that represent scale are visualized directly so that, even on a first visit, the outline of the business comes across in seconds.

Separate entry points by visitor

🏢

FOR PROFESSIONALS

For Professionals

Leads landscapers, designers, and contractors to procurement consultations, site visits, and records of large-scale container planting.

🌿

FOR INDIVIDUALS

For Individuals

Guides homeowners thinking about their garden or a signature tree through planting consultations and the purchase flow.

🛒

ONLINE SHOP

Online Shop

Sends ready-to-buy visitors to the shop and routes cases that need consultation to the inquiry form, keeping roles distinct.

Content arranged along the decision stages

Convey what the company does (first view) Introduces the business with the phrase "subtropical plant grower and seller in Miyazaki / founded in 1955" and numbers that convey scale.

Which kind of inquiry is yours? (two paths) "For Professionals" and "For Individuals" form the first branching point, so visitors can take the rest of the content in an order suited to them.

Show what we can do through examples (delivery records) Private gardens, commercial sites, and large-scale container planting are categorized visually by use case, so visitors can click through to examples that match their own situation.

Organize what we grow (production) Palms, yuccas, agaves, and other categories are listed with the number of cultivars, so the handling range is clear at a glance.

Where to go next — consult or buy (inquiry flow) A CTA is placed at the end of each section so visitors are never in doubt about whether to use phone, form, or shop.

Dividing the roles of the inquiry paths

TEL Phone For cases with fixed conditions and urgent consultations. Always accessible from the header.

FORM Inquiry form An entry point for both professional and individual inquiries — suitable when images or specifications are likely to be attached.

SHOP Online shop A path for directly buying standard items. Cases that do not need consultation are closed out here.

Even under the single word "inquiry," the right window differs with how far along the decision is, so the three roles are shown side by side.

Live site

After renewal (Japanese) After renewal (English) Before renewal

* The site after renewal is currently published as a development version.

Get in Touch

If this page is close to the situation you are dealing with, please contact us with the current context and what kind of support you need.

Contact

Back to Home