書店コーポレートブランディングレスポンシブ
OO書店 OO BOOKS
物語と出会う隠れ家のようなWebサイト
書店のブランドストーリーと温かな雰囲気を伝えるコーポレートサイトです。深みのあるグリーンカラーと実際の店舗写真を活用し、訪問者に「隠れ家的な特別な書店」という印象を与えます。
ページプレビュー
PC表示
スマホ表示
ヒーローセクション - 深いグリーンと温かな店舗写真で物語性のある世界観を表現
デザインのポイント
深みのあるグリーンカラー
森や図書館を連想させる深いグリーンを基調に、知的で落ち着いた雰囲気を演出。白い文字との高いコントラストで可読性も確保しています。
スプリットスクリーンレイアウト
左側にキャッチコピー、右側に店舗の写真を配置。テキストとビジュアルを分けることで、それぞれのメッセージが際立つ構成です。
温かみのある実店舗写真
自然光が差し込む書棚や読書スペースの写真を使用し、実際に訪れたくなる雰囲気を醸成。オンラインとオフラインを繋ぐ役割を果たします。
レスポンシブデザイン
PC表示では左右分割、スマホ表示では縦に積み重ねるレイアウトで、どのデバイスでも最適な閲覧体験を提供します。
主な機能・特徴
- ブランドストーリーの訴求
- 書籍検索・カテゴリー表示
- 新刊・話題の本紹介
- 店舗情報・アクセス
- イベント情報掲載
- オンライン注文機能
デザイン仕様
カラースキーム
Primary
Secondary
Accent
タイポグラフィ
ゴシック体で視認性を重視し、キャッチコピーには太めのウェイトを使用して印象的に
ターゲット
書籍愛好家、地域住民、静かな読書空間を求める人々