SMALLSHIFT
← サイト事例に戻る

WEBSITE STUDY / 国内

J-CAT

縦書きの言葉と小さな体験写真で日本文化への姿勢を示し、国内・海外・地域向けの事業へ分ける。

公式サイトを見る ↗
公式サイト / 掲載確認用
J-CATの公式サイト画面

DESIGN NOTES

このサイトの設計を読み解く。

01

対象者ごとに体験の入口を分ける

冒頭は日本の文化を未来へつなぐ姿勢を短い言葉で示し、本文では国内向けOtonami、訪日客向けWabunka、地域企業向けProduceを分けている。体験という共通軸を保ちながら、利用者と相談企業の目的を混同しない情報の順序が参考になる。

02

画面で優先される要素

白い画面の中央に縦書きの日本語を上下に配置し、その間へ人物の手元を写した横長写真を置く。社名は左下、項目メニューは右端に寄せている。写真を全面に広げない余白と読みの方向が、日本文化を扱う会社の静かな第一印象をつくっている。

03

具体性を支える情報

本文には事業一覧の後に地域でのプロジェクトストーリーが続く。サービス名だけを並べず、地域にある価値をどのような体験へ翻訳するかという過程を読める入口がある。利用者向けの体験商品と企業向けの企画支援を別の説明で支える構造だ。

04

行動への導線

右上の黒いContactが余白の多い冒頭でも独立して見える。サービスには個別の詳細入口があり、企画支援では事例を読む入口を用意している。すぐ相談したい企業と、まず体験内容や仕事の進め方を確かめたい人に異なる経路を渡している。

05

取り入れるときの考え方

日本文化を扱う工房や体験事業では、縦書きと余白で世界観をつくり、対象者別に商品を分ける考え方を応用できる。ただし抽象的な理念のまま終わらせず、体験時間・参加条件・予約方法などの実用情報へ進める構成を別途設計する必要がある。

APPLY TO YOUR PROJECT

自分の制作に取り入れるなら

共通する事業理念を最初に示し、その後は国内客・海外客・法人という対象者ごとに入口を分ける。世界観と利用目的を両立させる構造を取り入れたい。

そのまま真似する前に

縦書きのコピーと小さな写真だけでは具体的なサービスは判断しにくい。体験予約を目的に来た人には、開催地や予約先への近道も用意する。

次に見ておきたい参考

一覧へ →
J-CATの公式サイト画面