DT姉妹店サイトの変更内容(Before / After 比較・PC + スマホ)
← デザイン一覧へ 現行サイトを開く ↗

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 ブロック

+画面に出ない変更(検索エンジン対策)

ユーザーの目には触れない部分の変更。両店舗を検索エンジンに正しく認識させるための情報整備を行います。

1. 店舗情報の関連付け: 両店舗が同じブランドの関連店舗であることを検索エンジンに伝える情報を追加。

2. Locationsページ用の店舗情報: 新規Locationsページに、両店舗の構造化された情報(住所・営業時間・受賞歴等)を追加。

3. 多言語ページ間の関連付け: 検索エンジンが各言語ページを正しく認識できるよう、相互参照情報を整備。
DT姉妹店サイトの変更まとめ: ヘッダー右にチップ表示の追加 / ハンバーガー内ナビに「Locations」追加 / フッターに姉妹店ブロック追加 / 検索エンジン向け対策3点。