架空の温泉旅館のサイト構築

OVERVIEW

複数ページに渡るXDデザインからのコーディング

YEAR 2022

右下のWEBSITEボタンから、実際の制作サイトをご確認いただけます。
BASIC認証を掛けております。
ID:hirose
PASS:hakone100%


★ 制作ポイント ★

・TOPページのメイン画像は、CSSアニメーションでの画像切り替えをしております。

・JavaScriptで、モーダルやタブ、header制御などの実装をしました。

・モーダルのカレンダーは、JavaScriptライブラリのflatpickrを使用しました。

・縦書きCSSやブロークングリッドで、和風レイアウトを表現しました。


TOPページ(PC版)


TOPページ(モバイル版)


WEBSITE