| 項目 | 内容 |
|---|---|
| 会社名 | 観光サイトOnomichi |
| URL |
実際のサイトを見る
|
| 担当範囲 | コーディング |
| 制作時期 | 2024年12月 |
| スキル | HTML,SCSS,jQuery |
【案件概要】
デイトラの制作課題として、観光サイトの大規模LP(スマホサイズ縦9000px超)を制作いたしました。
写真をたくさん使用し、視覚的に魅力を引き出すコーディングに注力しました。
【特にこだわったポイント】
✅ 複雑な装飾とレスポンシブの両立
観光サイトらしい豊富な写真と多くの装飾要素を配置しながら、
スマートフォン・タブレット・PCのすべてのデバイスで崩れない実装を実現しました。
各セクションの装飾が重ならないよう、レスポンシブデザインに沿った構造を設計しています。
✅ 複数スライダーの効率的な実装
このLP内に複数のスライダーを配置し、jQueryのクラス分けで効率的に出し分けました。
複数の動的要素を含めながらも、コードの保守性と可読性を保つ設計にしています。
✅ 大規模LP(9000px超)の構築実績
スマホで表示したときに9000pxを超える大規模なLPを、
クオリティを保ったまま完成させました。