制作期間
-
企画・デザイン
約1ヶ月
-
コーディング
約1ヶ月
HTML(1週間)
CSS(2週間)
JavaScript(1週間)
使用ツール
Photoshop / HTML / CSS / JavaScript(プラグインのみ) / Atom
レスポンシブ対応
PC / SP
こだわった点
- トップページ以外のページを見た後に、予約しやすいように全ページの上部分と下部分に予約ボタンを設置しました。
- 客室や周辺の見どころにスライドショーなどを設置して、スクロールする量を少なくできるようにしました。
制作してみて
- 全体的にデザインが古いものになってしまいました。
- デザインカンプの作りが甘いままコーディングに入ったため、細かい部分で何回もやりなおしながら作成したため、設計の段階で細かい点まで作り込む必要性を学びました。
- 「新着情報」や「宿泊プラン」など短期間で更新が必要な部分の変更がやりづらいため、今後WordPressで作り直していきたいと思います。
デザインの目的