作品詳細ページです
PC画面(左)とスマホ画面(右)
フェードイン・フェードアウトの効果をつけたスライドショーで、のんびりとした雰囲気を出し、広々とした自然風景をPRしました。
写真)佐賀県観光連盟、写真AC、どんぐり村公式サイトの写真を利用
このサイトもレスポンシブデザイン対応です。
例)スマホの時:ナビメニューを縦に並べ、下部にサイドバーの内容を配置しました。
「あそぶ」「食べる」のページは内容が多いため、左側のメインコンテンツに追従して右側サイドの内容が下まで降りて来るように設定しました。バナーの情報をユーザーの視界に入りやすくする仕組みです。
「お問い合わせ」のページでは「validationEngine」というjQueryを使い、リアルタイムで入力チェックを行えるようにしました。さらに「この内容で送信しますか?」というJavaScriptを使ったウインドウで、簡単にですがユーザーに再確認を促す仕組みにしました。
このサイトは非公開にしています。