ゲストハウスサイトリニューアル
｜情報設計・UI改善
サイト紹介
- 制作の目的
-
ゲストハウスのサイトリニューアルを担当。
旧サイトでは情報が1ページに集約され視認性が低く、予約導線も分かりづらい状態だったため、情報整理とUI改善を目的にリニューアルを行った。
- 制作意図（デザイン・構成）
-
「まるで秘密基地のようなゲストハウス」をコンセプトに、遊び心のある世界観でデザインを設計。
写真・イラスト・アニメーションを活用し、宿の魅力が直感的に伝わる構成へ改善した。
また、膨大だった情報を下層ページへ整理し、モバイルファーストを意識した見やすいUIへ調整。
予約フォームでは入力項目を整理し、スムーズに予約できる導線を設計した。
- 工夫したポイント
-
・実際に現地へ宿泊し、必要な情報や導線を体験ベースで設計
・DIY感を表現するため、工具や車のアニメーション演出を実装
・アメニティやチェックイン情報をイラスト付きで分かりやすく整理
・PHPを使用し、予約完了メールを自動送信できる仕様を実装
・クライアント制作のキャラクターを各ページへ配置し、世界観を統一した
- 成果と今後の改善
-
クライアントと直接コミュニケーションを取りながら制作を進行し、イメージのズレを抑えながら完成まで対応。
情報整理と予約導線改善により、ユーザーが必要情報へアクセスしやすいサイトへリニューアルした。
- 制作時間・担当範囲
-
制作期間：約4ヶ月
担当範囲：クライアント対応／進行管理/企画提案／情報設計／写真撮影／デザイン／コーディング／予約フォーム実装
- 使用ツール・言語
-
Illustrator／Photoshop／XD／Dreamweaver／Lightroom Classic