URL:https://onomichi.riso-portfolio.com/
※サイト閲覧ID：demo,
サイト閲覧パスワード：demo
- 案件種別：
自主制作（実案件を想定したデモ制作）
- 担当範囲：
コーディング
- 使用言語：
HTML ／CSS（Sass）／JavaScript（jQuery）／PHP
- CSS設計：
BEM設計
- 制作期間：
14日間
- ページ数：
1ページ
- 実装機能：
- レスポンシブ対応
- 自動で画像が流れるスライダー
- ページネーション付きカードスライダー（SP表示ではスワイプ操作に対応）
- お問い合わせフォームのバリデーション実装（入力不備時は送信を無効化）
- Google Mapsの埋め込み
- wow.jsを使用したコンテンツタイトルのフェードインアニメーション
- 制作概要：
装飾要素の多いデザインに対応するため、各デバイスサイズで表示崩れが起きないよう、レスポンシブ対応を重視して実装しました。
また、お問い合わせフォームでは、バリデーション機能や入力状態に応じた色変化、リアルタイムの形式チェック、送信無効化などを組み込み、ユーザーが入力しやすいUIになるよう設計しています。
