これはAIが生成した架空のデモサイトです。実在する企業・団体とは関係ありません。
デモサイトv1.0.0飲食2026-03-12
菓匠 花鶴 (KAZURU)
京都の老舗和菓子店「菓匠 花鶴」のブランドサイト。 デジタル茶室をコンセプトに、水彩のにじみ・和紙の質感・ 縦書きの呼吸で「五感で楽しむ和菓子の世界観」を表現する。 没入型スクロール体験で四季の上生菓子を巡る散歩道を構成。
01
リクエスト
AIに渡されたオーダー
京都の老舗和菓子店。季節の上生菓子と日本茶のペアリング体験を提供。創業120年の伝統と現代的な感性を融合した、五感で楽しむ和菓子の世界観を表現するサイト。
和伝統温かみ四季上品
02
AIの設計戦略
キーワードを分析し、最適なレイアウトパターンを選定
レイアウトブループリント
Immersive Scroll Story
没入型スクロール体験。ピン留め + 水平スクロール + フルブリードで物語を展開。 感情に訴えるブランドサイト向け。スクロールが体験になる。
03
ビジュアルデザイン
色とタイポグラフィでブランドの世界観を表現
カラーパレット
color bg primary
#F7F3ED
color bg secondary
#EDE6DA
color bg dark
#2C2420
color accent
#E8A1B0
color accent hover
#D48A9A
color green
#7BA17D
タイポグラフィ
Cormorant Garamond
見出し
Noto Sans JP
日本語
Noto Serif JP
日本語
04
クリエイティブビジョン
AIが生成前に描いたサイトの世界観
訪問者は、京都の路地裏にある暖簾をくぐる瞬間から体験が始まる。水彩のにじみが広がるファーストビューは、和紙に落とした一滴の墨汁のように静かに意識を染め上げる。スクロールという行為そのものが「季節の移ろいを歩く」体験に変わり、春夏秋冬の上生菓子が横に流れる水平スクロールは、茶室の掛軸を順に眺めるような親密さを持つ。120年の時間の重みを感じながらも、最後には「自分もこの一服に与りたい」という静かな渇望を胸に、予約ボタンへ自然と手が伸びる。去るときの感情は、良い茶席の後の余韻——満たされているのに、もう一度訪れたいという矛盾した心地よさ。
05
技の選定
サイトを差別化するために選ばれたデザイン手法
レイアウト
overlapping elementsclean layoutfull bleed immersive
ビジュアル効果
gradient meshduotone
タイポグラフィ
vertical text
インタラクション
magnetic buttoncard 3d tilt
セクション遷移
scale transition
装飾
progress line
06
ビルドプロセス
AIがこのサイトを生成するまでの過程
100分
総所要時間
65秒
ビジョン生成
AIデザインに興味がありますか？
kajibaは、業種やコンセプトに合わせてAIがWebサイトを設計・実装する生成システムです。
お問い合わせ