SPACE G8 — FIRST-VIEW DESIGN PROPOSAL

ファーストビュー改善提案 4パターン

既存サイト(minori.co.jp/spaceg8)のヘッダー・トンマナをChrome拡張で実測し、完全に踏襲した上で作成した4パターンです。
共通要素:180×180の独立ロゴカード(クリーム色 #f7f4f0)/Public Sans 700 20pxの欧文ナビ/黒207×135のContactブロック/右端縦タブ(#b8a17e)。

PATTERN 01

左右分割レイアウト

銀座中央通りの写真(左)とロゴ+コピー+CTA(右)。下部にスペース情報バー。既存ヘッダー完全踏襲。

View Design
PATTERN 02

フルスクリーンカルーセル

5枚のポップアップ内観を5秒ごとに自動切替。Ken Burns効果とプログレスバー付き。既存ヘッダー完全踏襲。

View Design
PATTERN 03

編集型グリッド

メインビジュアル+サイド2枚ギャラリー+左にコピー/右に詳細スペック表の編集的構成。既存ヘッダー完全踏襲。

View Design
PATTERN 04

エディトリアル(独自トンマナ)

白×濃紺×ゴールドの高級ブランド雑誌エディトリアル。space G8独自の上質感を表現するパターン。

View Design

HEADER SPEC — MEASURED FROM LIVE SITE

高さ 135px/ロゴカード 180×180(背景 #f7f4f0、中に144×60ロゴPNG)/ナビ 4項目(About / Services / Company / Topics)/フォント Public Sans 700 / 20px / letter-spacing 1.6px / color #112025/Contactブロック 207×135 / bg #282828 / 白文字/右端縦タブ「お問い合わせフォーム」60×350 / bg #b8a17e