Peche de Hyotan website 2019｜グループの美学を継承し、健やかなライフスタイルを提案するデジタル・ブランディング
Hyotan & Co.株式会社がプロデュースするオーガニックセレクトショップ「Peche de Hyotan」のウェブサイト構築において、核となったのは「グループ全体の統一感」と「ショップ独自の親しみやすさ」の高次元での融合です。
先行して制作されたレストランやコーポレートサイトと地続きのトーン＆マナーを維持しながら、オーガニック製品が持つ「優しさ」や「信頼性」をいかにデジタル空間で表現するか。
本プロジェクトでは、ブランドのアイデンティティを再定義し、感度の高いユーザーの心に響くインターフェース（Interface）を追求しました。
単に商品を陳列するだけのEC・紹介サイトに留まらず、Hyotanグループが掲げる「上質な日常」というフィロソフィーを、オーガニックという切り口から翻訳・具現化することを目指しています。
一貫性と独自性を両立させる戦略的クリエイティブ
- グループ・アイデンティティを基盤とした視覚言語の構築：
Hyotan & Co.が展開する各事業に共通する「静謐な美しさ」を継承しつつ、セレクトショップとしての温もりをプラスしました。グリッドシステムに基づいた秩序あるレイアウトをベースに、オーガニックな素材感を連想させる柔らかな質感の写真表現を組み合わせることで、ブランドとしての信頼感を担保。ロゴタイプや余白の取り方に共通のルールを持たせることで、グループ間の相互送客を促す視覚的な一貫性を実現しました。
- 「ストーリー」から「購買・体験」へ繋げる直感的なUI/UX：
オーガニック製品を選択するユーザーは、その背景にある「物語」を重視します。そのため、単なるスペック紹介ではなく、生産者の想いや選び抜かれた理由に触れられるコンテンツ構造（Information Architecture）を設計。複雑な商品カテゴリーを直感的にナビゲートできるUIを実装し、ユーザーが自身のライフスタイルに合ったアイテムをストレスなく見つけられる動線を構築しました。これは、実店舗での接客体験をデジタル上で再現する試みでもあります。
- ブランドの「温度感」を伝えるエモーショナルな質感設計：
デジタルデバイス特有の無機質さを排除するため、色彩設計やフォントの選定において、人間の手触りが感じられる「温度感」を重視しました。自然光を活かしたシズル感のあるビジュアルを主軸に据え、スクロールに伴う優雅なアニメーションを微細に調整。これにより、サイトを訪れること自体が、ショップを訪れる際と同じような心地よい「体験」となるよう設計しています。ブランドへの愛着を醸成する、情緒的なエンゲージメントを強化しました。
- 閉店後も色褪せない「記録」としてのデジタル・アーカイブ：
2022年11月の閉店後も、本サイトの役割は「制作実績」以上の意味を持ちます。当時のトレンドやグループの変遷、そして一貫したデザイン哲学がどのように各事業へ最適化されていったかを示す重要なアーカイブとして機能するよう、構造化を維持。特定の時期に存在した美しいショップの記憶を、UI/UXデザインの観点から永続的に参照可能な形として保存できるよう、情報の整合性を保った設計を貫いています。
プロジェクトの総括
「Peche de Hyotan website 2019」は、多角経営における「ブランドの統率」がいかに重要であるかを示す好例です。
オーガニックショップという、ともすればカジュアルに寄りすぎるジャンルにおいて、Hyotanグループ特有の品格を損なうことなく、ターゲット層へ深くリーチするデザインを具現化しました。
ブランディングからUI/UX、WEBデザインまで一貫して手がけることで、細部に至るまで一寸の狂いもないブランド体験を提供できたと自負しています。
たとえ店舗がその役目を終えたとしても、ここで構築されたデザインの「なぜ」という思考の根拠は、グループ全体の資産として、また私のポートフォリオにおける重要なマイルストーンとして残り続けます。
関連プロジェクト：Hyotan & Co. グループ
本プロジェクトは、Hyotan & Co.株式会社が展開する複数のデジタルブランディングの一環として制作されました。あわせて各姉妹サイトの事例もご覧ください。
▼ Hyotan & Co.株式会社 コーポレートサイト：
「
Hyotan & Co. website 2019」Hyotan & Co.株式会社（ヒョータンアンドカンパニー）
グループ全体の理念と事業指針を定義した、信頼性の高いBtoB向けプラットフォーム。
▼ レストランHyotan サービスサイト：
「
Cheval de Hyotan website 2019」シュヴァル・ドゥ・ヒョータン
大人のためのフレンチレストラン。カウンターメインの静謐な空間をデジタルで再現。
▼ Hyotanが運営するオーガニックセレクトショップ サービスサイト：
「
Peche de Hyotan website 2019」ペッシュ・ドゥ・ヒョータン
オーガニックセレクトショップの事例。※ 2022年11月に閉店
