■作品概要
学校の卒業制作で作成した、企業からの制作依頼をもとに「クライアントの要望に応えるWeb サイト」の制作をテーマにした作品です。
計画、設計、デザイン、コーディングまで、一連の作業を担当。
■ ターゲット
・日常の疲れを癒し、人目を気にせず静かに過ごしたい方
・ひとり旅でも気兼ねなく、質の高い食事と温泉を楽しみたい方(特に30代~40代女性)
■ 配色設計(カラーコンセプト)
「派手ではない、本物のいい宿感」をテーマに、写真の魅力を最大限に引き出す配色を行いました。
ベース: 上質なオフホワイト。温かみのある白を用いることで、高級宿特有の「余白の美」を表現。
メイン: グレージュ。大人の女性に響く、控えめで洗練された高級感を演出。
アクセント: 深いボルドー。自分へのご褒美としての「特別感」や、凛とした女性らしさを添えています。
■ 工夫した点
宿の最大の魅力である「四季」「料理」「温泉」の質感を伝えるため、写真の配置と余白のバランスに気を付けました。特にキービジュアルでは、宿の世界観を一目で伝えるようにし、サイトを訪れた瞬間にその場所の空気感が伝わるような「没入感」を重視しています。
ファーストビューのすぐ下にお知らせを入れることにより、「ひとり旅を受け入れている宿が少ない」というユーザーの悩みに基づいた主力サービスである【女性ひとり旅プラン】などを、すぐに伝えることができます。また、ロゴ・ナビゲーションの直下に予約フォーム(空室検索)を設置することで、宿の世界観に浸りながらも、直感的に予約アクションへ移れるようスムーズな導線をつくりました。空室検索は固定しているので、どのタイミングでも誘導できるようになっております。
■使用言語・ツール
HTML5/ CSS3/ JavaScript/ VS Code/ illustrator/ Photoshop
■ 制作時期:2026年3月~4月