制作期間

  • 企画・デザイン

    約1ヶ月

  • コーディング

    約1ヶ月
    HTML(1週間)
    CSS(2週間)
    JavaScript(1週間)

使用ツール

Photoshop / HTML / CSS / JavaScript(プラグインのみ) / Atom

レスポンシブ対応

PC / SP

デザインの目的

  • ホームページ・ビルダーで作成するよりも自由度の高いWebページを作りたい。
  • 客層の年齢層が高いため、内容がわかりやすいデザインにする。

こだわった点

  • トップページ以外のページを見た後に、予約しやすいように全ページの上部分と下部分に予約ボタンを設置しました。
  • 客室や周辺の見どころにスライドショーなどを設置して、スクロールする量を少なくできるようにしました。

制作してみて

  • 全体的にデザインが古いものになってしまいました。
  • デザインカンプの作りが甘いままコーディングに入ったため、細かい部分で何回もやりなおしながら作成したため、設計の段階で細かい点まで作り込む必要性を学びました。
  • 「新着情報」や「宿泊プラン」など短期間で更新が必要な部分の変更がやりづらいため、今後WordPressで作り直していきたいと思います。