温泉旅館のホームページ(架空)

OVERVIEW

XDデザインカンプからのコーディング

YEAR 2021

※BASIC認証をかけています。(ユーザー名:rentri、パス:1234qwer@)

このページについての実施内容、こだわりポイントは下記の通りです。

・XDデザインカンプからのコーディング

・下層ページを含む全4ページの構成

・トップページのファーストビューにはCSSアニメーションでの画像切り替え

・JavaScriptを用いて宿泊予約のモーダルやカレンダーライブラリーや

 トップページのお知らせのタブ切り替え、ヘッダー制御を実装

・各要素はAos.jsを使用して柔らかいイメージを付与

・BEMを用いたCSS設計により保守性の高いコーディング

トップページ(PC版)

トップページ(スマホ版)


WEBSITE