工務店

臨機応変なスマートフォン対応

下層ページ（4ページ分）についてはパソコン用のデザインのみが用意されていたため、パソコン版のデザインの意図を汲み取り、スマートフォンやタブレットで閲覧した際にも自然で見やすいレイアウトになるよう、要素の配置を調整しながらコーディングを行いました。

ローディング・スクロール演出

サイト訪問時に目を引くローディング画面や、スクロールして要素が見えたタイミングでフワッと現れるフェードインアニメーションを実装し、サイト全体に動きを加えています。

スライド表示

TOPページでは、画像が自動で横に流れるループスライダーを実装しています。

アコーディオン（折りたたみ表示）

PC閲覧時のサイドメニューには、項目をクリックすると隠れていたメニューが開閉する仕組み（アコーディオン）を実装し、限られたスペースでも直感的に操作しやすいナビゲーションになっています。

モーダル（ポップアップ表示）

「お知らせ」は、ページ遷移せずポップアップで内容を表示するモーダルUIを実装しています。

お問い合わせフォーム

名前や住所などの入力時に、ブラウザの履歴から自動入力される機能（オートコンプリート）に対応させ、ユーザーの入力の手間を軽減しました。
また、必須項目がすべて入力されるまで送信ボタンが押せない（クリックできない）仕様にし、入力漏れや誤送信を防ぐフォームに仕上げています。