Cheval de Hyotan website 2019 - MARZ DESIGN Portfolio

Cheval de Hyotan website 2019｜「静寂と高揚」が同居する、大人のためのデジタル・ブランディング

池袋の喧騒から少し離れた場所に位置し、厳選された旬の食材とワイン、そしてシェフ自らが手がける陶芸の器。これら独自の要素が織りなす「Cheval de Hyotan（シュヴァル・ドゥ・ヒョータン）」の唯一無二の世界観を、デジタル空間において再構築することが本プロジェクトの至上命題でした。単なる飲食店サイトの枠を超え、扉を開ける前の高揚感と、カウンターで過ごす濃密な時間を予感させるユーザー体験（UX）を設計しています。ブランディングにおいては、視覚的な美しさはもちろんのこと、レストランの本質である「手仕事の温もり」と「上質なフレンチの品格」をいかにUIへと落とし込むかに注力しました。

デザインの意図と戦略的アプローチ

クラフトマンシップを可視化するビジュアル言語の策定：シェフ自らが制作する陶芸の器は、このレストランのアイデンティティを象徴する要素です。WEBデザインにおいても、土の質感や釉薬の深みを連想させるカラーパレットを採用し、余白（ネガティブスペース）を大胆に活用することで、器の上に盛り付けられた料理と同じく「一皿の完成度」を画面全体で表現しました。タイポグラフィには繊細さと力強さを兼ね備えたセリフ体を選定し、モダンフレンチとしての洗練された佇まいを強調しています。
情緒的なストーリーテリングを重視したUI/UX設計：ユーザーがサイトを訪れた瞬間から、シュヴァル・ドゥ・ヒョータンの「時間」が始まるような動線設計を行いました。日替わりのおすすめ食材やワインリストへのアクセスを直感的にしつつも、情報の羅列にならないよう、情緒的なビジュアルを優先的に配置。ソムリエとの対話を通じてお気に入りの一本を見つけるという実店舗での体験を想起させるよう、ワインセレクトへのこだわりを「知識を深める読み物」として構成し、初見のユーザーでも心理的なハードルを下げて予約へと至るコンバージョン動線を構築しました。
「五感を刺激する」マテリアルとトーンの統一：ブランディングの観点から、デジタルデバイス越しでも「音」や「香り」が伝わるような質感表現を追求しました。高解像度のシズル感溢れる写真素材を主軸に、スクロールに合わせて静かに現れるフェードエフェクトを実装。これは、カウンター越しに料理が提供される際の流れるような所作をメタファーとしています。技術的な側面（レスポンシブ対応・高速なページロード）を担保しつつも、機械的な印象を排除し、人間の手による温もりが感じられるインターフェース（Interface）を追求しました。
信頼を構築するインフォメーションアーキテクチャ：高級志向のレストランにおいて、最新情報の正確性は信頼に直結します。旬の食材を活かした日替わりメニューやワインラインナップの更新性を高めるため、バックエンドの設計から考慮。運用側の負荷を軽減しながら、常に鮮度の高い情報を発信できる構造を実現しました。これにより、常連客には「今日、何があるか」という期待感を、新規客には「いつ行っても新しい発見がある」という信頼感を提供し、リピート率の向上に寄与する設計としています。

プロジェクトの総括

本プロジェクト「Cheval de Hyotan website 2019」において、私はアートディレクター、デザイナーとして、単に「綺麗なサイト」を作るのではなく、クライアントの哲学をデジタルというフィルターを通して翻訳する役割を担いました。ブランディングからUI/UX、WEBデザインまで一貫して携わることで、ブランドイメージの乖離を防ぎ、どのタッチポイントにおいても「シュヴァル・ドゥ・ヒョータンらしさ」を感じられる体験を創出しています。デザインの根底にあるのは、シェフの想いやソムリエの専門性、そして訪れるお客様の満足感です。それらを繋ぐ架け橋として、機能性と芸術性を高度に融合させたこのサイトは、公開から現在に至るまで、レストランの格式を守りつつ、新たな顧客層との出会いを生み出す資産として機能し続けています。現在、公開中のWEBサイトは、他社により制作、運用されています。

Cheval de Hyotan website 2019 | Digital Branding for Adults, Where “Serenity and Excitement” Coexist

Located slightly away from the bustle of Ikebukuro, featuring strictly selected seasonal ingredients, curated wines, and ceramic tableware handcrafted by the chef himself. The paramount mission of this project was to reconstruct the one-of-a-kind worldview of “Cheval de Hyotan,” woven from these unique elements, within the digital space. Moving beyond the framework of a standard restaurant website, we designed a user experience (UX) that evokes the excitement before opening the door and the anticipation of the intimate time spent at the counter. In terms of branding, while visual beauty was a given, we focused heavily on how to seamlessly integrate the restaurant’s essence—the “warmth of handiwork” and the “dignity of fine French cuisine”—into the UI.

Design Intent and Strategic Approach

Formulating a Visual Language That Visualizes Craftsmanship: The ceramic tableware handcrafted by the chef himself is an element that symbolizes this restaurant’s identity. In the web design as well, we adopted a color palette that evokes the texture of earth and the depth of glaze, boldly utilizing negative space to express the “perfection of a single plate” across the entire screen, mirroring the dishes served on the tableware. For typography, we selected a serif typeface possessing both delicacy and strength, emphasizing its sophisticated presence as a modern French establishment.
UI/UX Design Emphasizing Emotional Storytelling: We designed a user flow where Cheval de Hyotan’s “time” feels as if it begins the exact moment a user visits the site. While keeping access to daily recommended ingredients and the wine list intuitive, we positioned emotional visuals preferentially to prevent it from becoming a mere list of data. To evoke the physical store experience of finding a favorite bottle through dialogue with the sommelier, we structured the dedication to wine selection as “reading material to deepen knowledge,” constructing a conversion path that lowers psychological barriers for first-time users and guides them toward reservations.
Unifying “Sensory-Stimulating” Materials and Tone: From a branding perspective, we pursued a textural expression that transmits “sounds” and “aromas” even through a digital device. Relying primarily on high-resolution, highly appetizing photography assets, we implemented a gentle fade effect that triggers upon scrolling. This serves as a metaphor for the fluid movements seen when dishes are served across the counter. While guaranteeing technical aspects (responsive adaptability and fast page load speeds), we eliminated mechanical impressions, pursuing an interface that lets users feel the warmth of human hands.
Information Architecture Constructing Trust: In a high-end restaurant, the accuracy of the latest information directly correlates with trust. To enhance the updatability of daily menus utilizing seasonal ingredients and the wine lineup, we factored this into the backend design from the start. We achieved a structure that continuously shares fresh information while reducing operational burdens. Consequently, the design delivers a sense of anticipation to regulars wondering “What is available today?”, provides a sense of trust to new guests indicating “There are new discoveries whenever I visit,” and contributes to increasing repeat client rates.

Project Summary

In this project, “Cheval de Hyotan website 2019,” as an art director and designer, my role was not to simply create a “beautiful site,” but to translate the client’s philosophy through a digital filter. By being involved consistently from branding to UI/UX and web design, we prevented divergence in the brand image, creating an experience where users can feel “Cheval de Hyotan’s distinct qualities” at any touchpoint. At the root of the design are the chef’s passion, the sommelier’s expertise, and the satisfaction of visiting guests. Serving as a bridge connecting them, this site—highly integrating functionality and artistry—has continued to function from its release to the present day as an asset that protects the restaurant’s prestige while generating encounters with new customer segments. The website currently published is produced and operated by another company.

Related Projects: Hyotan & Co. Group

This project was produced as part of multiple digital branding initiatives deployed by Hyotan & Co., Inc. Please view the case studies of each sister site as well. ▼ Hyotan & Co., Inc. Corporate Site: “Hyotan & Co. website 2019” Hyotan & Co., Inc. A highly reliable BtoB platform defining the entire group’s philosophy and business guidelines. ▼ Restaurant Hyotan Service Site: “Cheval de Hyotan website 2019” Cheval de Hyotan A French restaurant for adults. Replicating a counter-centric, serene space digitally. ▼ Organic Select Shop Operated by Hyotan Service Site: “Peche de Hyotan website 2019” Peche de Hyotan A case study of an organic select shop. *Closed in November 2022.

■ 本WEBサイトに掲載されている、会社名、商品名、サービス名、ブランド名、ロゴマーク、サービスマーク、スローガン、キャッチコピー等の著作権・商標権は、各権利所有者に帰属します。■ 本コンテンツは、著者の制作実績およびスキルの紹介を目的として掲載しており、権利を侵害する意図はございません。■ 制作実績のうち、直接取引以外の案件につきましては、広告代理店、コンサルティング会社、制作会社等のパートナー企業様との提携、あるいは仲介による制作実績となります。■ 本ポートフォリオへの掲載に問題がある場合は、お手数ですがお問い合わせフォームよりご連絡ください。迅速に対応をさせていただきます。