No.031 鶴屋吉信「IRODORI」伝統を「彩り」で塗り替える和モダンの世界

「鶴屋吉信」は、京都の老舗和菓子店で、今回その鶴屋吉信が展開する「IRODORI」は、伝統とモダンが融合した新感覚の和菓子ブランドになる。公式サイトは、和の美意識を現代的に再構築したデザインと、ブランド哲学を静かに語るような構成が印象的な存在感。

ユーザーインターフェース

シンプルで直感的なナビゲーション設計で、トップページから商品一覧、ブランドストーリー、店舗情報までがスムーズに遷移する導線設計。余白を活かしたレイアウトと、視線誘導を意識した写真配置による没入感のあるUI。

コンテンツ構成

単なる商品紹介ではなく、ブランドの世界観を味わうストーリーテリング構成。

• ブランドコンセプト紹介
• 商品ラインナップ（季節限定・定番）
• 店舗情報・アクセス
• オンラインストアへの導線
• ニュース・お知らせ

デザイン

白を基調とした潔い空間に対し、大正ロマンを彷彿とさせる「パキッとした鮮やかな色彩」を配置。和菓子が持つ本来の色彩を、グラフィカルなオブジェクトとして強調した大胆な配色となっている。伝統的な和のモチーフを現代のアートのように再構築している。

さらに、縦書きの繊細な明朝体が醸し出す「伝統」と、横書きの洗練された英字サンセリフ体が醸し出す「現代」。この二つが、パキッとした図形と相まって、サイト全体に心地よい緊張感とリズムを生んでいる。現代的な余白設計で構成された静謐なデザインで和菓子自体のデザインの一部として散りばめられており、和菓子が持つ造形美を抽象的に表現されている。

ターゲット

• 若年層：従来の「和菓子」に対して少し敷居の高さを感じていた、20〜30代のトレンド層。
• 手土産や贈答品を求める層：見た目の美しさと品質を両立させた、センスの良い贈り物を求める層。
• 「新しい和」を求める層：観光客だけでなく、国内外のデザイン志向の高いユーザー。

まとめ

「IRODORI」は、伝統を現代に翻訳したデジタルブランディングの好例とも言える。和の美意識を損なわず、現代的なUIとデザインで再構築したサイト構成になっている。

「ここを真似したい」ポイント！
和菓子の写真をそのまま載せるだけでなく、その「色」、「形」を抽象的なグラフィックとして取り出し、サイト全体のデザインパーツに昇華させている点がとても魅力を感じる。ブランド名である「IRODORI」を、ロゴだけでなくサイトの「動き」と「色」そのもので体現している設計になっていてずっとスクロールして「見たい」もっと「見たい」という気持ちにさせられるそんなサイト！

項目	内容
サイト名	鶴屋吉信 IRODORI
URL	irodori-tsuruyayoshinobu.jp
メインカラー	ホワイト、ビビッドなパステルカラー（ブルー、イエロー、ピンク）
デザイン傾向	大正ロマン・モダン、ネオ・エディトリアル、ジオメトリック
注目UI	商品と連動した図形アニメーション、 浮遊感のあるスクロール

トーストの地平線｜Webサイト100選