制作課題のサイト第二作目です。箱根の老舗の温泉宿をイメージした物となっています。実際のモデルはありませんが、【京都 貴船荘】というサイトを参考に作成しました。JQueryのSmoothscrollを使用し、サイト全体に動きを付けて柔らかなイメージを出しました。文字もシンプルで見やすくし、老舗の宿ということで、背景に和風のあしらいを追加しました。
URL
http://hayashi555.stars.ne.jp/yato/
担当
デザイン・コーディング
サイトの目的
来店数の向上や地域活性化
ターゲット
仕事に疲れている30～50代夫婦
デザインについて
元の貴船荘のモデルに寄せつつ、自分なりにアレンジを加えてみました。背景の画像の配置などを参考にして少し工夫を加えてみました。モデルが旅館ということで少し理想と現実の乖離が生まれてしまいましたが、なんとかデザインに落とし込めたと思っています。
コーディングについて
floatとflexを多様するようなコーディングだったので少し戸惑いが生じましたが、indexに使用したものを少し流用してある程度簡略化出来ました。ただ他のタグが少し多めになってしまったので反省点です。