写真の余韻で魅せる、
落ち着いた世代の層へ。
「ittekurai 松山」の魅力を、言葉よりも先に写真で伝えること。 そして、館内の世界観や動線まで直感的に感じられるよう、手描きのイメージ図も添えながら、 落ち着いた世代に響く上品なトーンでサイト全体を設計しました。
ご依頼背景と設計方針
クライアントのご要望は、施設の魅力をなるべく写真で訴求したいこと、 さらに館内のイメージ図を手描きで入れたいことでした。 そこで、情報量を詰め込むのではなく、写真が呼吸できる余白を確保しながら、 高価格帯にもふさわしい静かな高級感を意識して構成しています。
クライアントの要望
施設の魅力を写真中心で見せたい。説明しすぎず、見た瞬間に上質さや非日常感が伝わるサイトにしたい。
デザインの方向性
静けさ・気品・余韻を感じるトーンへ。派手さよりも品のある印象を優先しました。
ターゲットに合わせた工夫
富裕層向けの落ち着いた世代に向けて、可読性の高い明朝系フォント、淡い背景色、ゆとりあるレイアウトで信頼感を設計しています。
制作の流れ
写真を主役にした構成を軸に、情報整理、ビジュアル補正、図面の整え、WordPress実装まで一貫して対応しました。
情報整理と構成設計
掲載写真の強みを活かせる順番を整理し、ファーストビューから施設紹介、館内導線まで、視線が自然につながるページ構成にしました。
ビジュアルトーンの統一
Photoshopで写真の明るさや色味を調整し、全体をあたたかく上質な印象へ。背景色や余白もあわせて世界観を整えました。
館内イメージ図の整備
手描きの図面らしさを残しつつ、Illustratorで視認性を高め、サイト全体のトーンに合うよう線の見え方や配置を調整しました。
WordPress実装とCSS調整
WordPress上で更新しやすい形に組み込み、CSSで余白、見出し、写真サイズ、レスポンシブ時のバランスまで丁寧に最終調整しました。
写真で空気感を伝えるための工夫
施設の魅力は、設備説明だけではなく、その場に流れる空気感にあります。 そのため、写真が「並ぶ」だけでなく「余韻を残す」見せ方になるよう細部を調整しました。
写真を引き立てる余白
背景に強い装飾を入れず、写真周辺に十分な余白を確保。視線が写真に自然と集まり、上質な静けさを感じられるようにしています。
文字量を抑えた設計
富裕層向けサイトでは、情報を詰め込みすぎないことも大切です。必要な情報だけを丁寧に配置し、写真と空間の価値が伝わる構成にしました。
落ち着いた色と書体
グレージュと明朝体を軸にまとめることで、宿の品格や静かな高級感が自然と伝わる世界観をつくっています。
手描きの館内図も、世界観の一部に。
クライアントからの「館内のイメージ図も手書きで入れたい」というご要望を活かし、 単なる案内図ではなく、施設体験の期待感を高めるビジュアル要素として組み込みました。
線の繊細さや余白の使い方を調整することで、写真中心のページに浮かず、むしろ全体の品の良さを支えるパーツとして機能させています。
使用ツールと担当範囲
デザインの世界観づくりだけでなく、写真補正や図版整理、実装までを一貫して対応しました。
WordPress
更新しやすさを考慮しながらページを構築。写真差し替えやテキスト修正にも対応しやすい形で実装しました。
CSS
余白、文字サイズ、画像比率、レスポンシブでの見え方まで細かく調整し、上品で整った印象を支えています。
Photoshop / Illustrator
写真の色調整、ビジュアルのトーン統一、館内図の整えなど、世界観づくりに欠かせない部分を制作しました。
このケーススタディで伝えたいこと
ittekurai 松山の事例では、写真、図面、余白、言葉のバランスを整えることで、 高価格帯のサービスにふさわしい信頼感と期待感を両立させました。
ビジュアル先行で魅力を伝達
説明しすぎないことで、宿そのものの空気感や特別感が際立つ構成にしました。
落ち着いた世代に響く世界観
明朝体、余白、トーンを整えることで、安心感と高級感のあるサイト体験を設計しました。
デザインから実装まで対応
見た目だけで終わらず、WordPress上で運用しやすい形まで整えて仕上げています。
こんな方に向く制作です
写真の魅力を活かしたい宿泊施設やサロン、高価格帯サービス、世界観を大切にしたブランドサイトに向いています。
宿泊・観光系
施設の雰囲気そのものを魅力として伝えたい宿、ホテル、ヴィラなど。
高価格帯サービス
価格ではなく体験価値や世界観で選ばれたいブランドやサービス。
ビジュアル重視の事業者さま
写真やイラストを活かして、品よく信頼感のあるサイトを作りたい方。