※非公開の実績となります。担当範囲など、可能な範囲で概要をご紹介しています。
- 担当範囲:
コーディング(トップページ・下層ページ 各1ページ)/ PC・スマホのレスポンシブ対応設計
- ページ数:
2ページ
- 実装機能(要件に基づく実装):
- 自動スライダー(フェードイン効果付き)
- ページネーション付きスライダー(複数画像の切替対応)
- アコーディオンによるFAQセクション
- Googleマップの埋め込み
- レスポンシブ対応
- 制作のポイント:
- スマホカンプはファーストビューのみだったため、PCカンプを元にスマホ表示の余白・フォントサイズ・要素の並び順を自ら設計し、ユーザー視点で最適なレイアウトを構築しました。
- スライダーやアコーディオンなどの動的UIは、jQueryを用いてデザインの意図通りに再現しつつ、操作性にも配慮しています。

