DT姉妹店サイトの変更内容(Before / After 比較・PC + スマホ)
← モックアップ一覧へ 実サイトTOP ↗

DT姉妹店サイト 変更内容

ヘッダー / ナビ(ハンバーガー開時)/ フッターの該当箇所を再現し、変更前後を PC表示スマホ表示 の両方で並べて表示しています。緑のハイライト箇所が今回追加される要素です。

1ヘッダー: 現在地表示の追加

既存のロゴ(テキスト「TakaHisa Downtown」)はそのまま、ヘッダー右側に「Business Bay」チップを追加して現在地を明示。BT側と統一したチップ形式。

🖥️PC表示
現状(Before)
Language / English
IG WA
現在地を示す表示なし
改修後(After)
Business Bay
Language / English
IG WA
[追加] ヘッダー右に「Business Bay」チップ。言語切替の左側に配置
📱スマホ表示
現状
TakaHisa Downtown
ロゴとハンバーガーのみ(SNS / 言語切替はハンバーガー内)
改修後
TakaHisa Downtown
Business Bay
[追加] ハンバーガーの左にチップ(コンパクト版)

2ナビゲーション: 「Locations」追加

DTのナビはPC・スマホともハンバーガーボタンをタップすると全画面オーバーレイで表示される(同じUI)。このオーバーレイ内のリンク末尾近くに「Locations」を追加。

🖥️PC表示(ハンバーガー展開時)
改修後(After)
[追加] Locations(Shop Information の直前、7項目目)
📱スマホ表示(ハンバーガー展開時)
改修後 / メニュー展開
[追加] Locations(Shop Information の直前)

3フッター: 姉妹店ブロック追加

フッターの SNSアイコンと コピーライト の間に「Sister Restaurant」ブロックを挿入。BT本店サイトへの外部リンク(別タブ)。

🖥️PC表示
現状(Before)
メール / SNS / コピーライト
改修後(After)
[追加] Sister Restaurant ブロック(SNS と コピーライト の間)
📱スマホ表示
現状
メール / SNS / コピーライト
改修後
[追加] Sister Restaurant ブロック

+画面に出ない変更(構造化データ・SEO)

ユーザーの目には触れない部分の改修。検索エンジン向け。

1. 構造化データの拡張: 既存の app/layout.tsx の Schema.org Restaurant 構造化データの sameAs 配列に BT本店URL(https://takahisa.ae/)を追加。

2. ロケールスキーマの追加: app/locales/en.schema.jsonlocations セクションを新規追加(Locationsページの文言キー)。

3. Locationsページ用構造化データ: app/locations/layout.tsx@graph で2店舗の Restaurant エンティティを記述。
DT側変更まとめ: ヘッダー右にチップ / ハンバーガー内ナビに Locations / フッターに姉妹店ブロック / SEO関連3点。実装工数は 約 2.5〜3.5人日dt-scope.md 参照)。