W o r k   E x a m p l e

観光サイトOnomichi

観光サイトOnomichi

項目 内容
会社名 観光サイトOnomichi
URL 実際のサイトを見るリンクマーク
担当範囲 コーディング
制作時期 2024年12月
スキル HTML,SCSS,jQuery

【案件概要】
デイトラの制作課題として、観光サイトの大規模LP(スマホサイズ縦9000px超)を制作いたしました。
写真をたくさん使用し、視覚的に魅力を引き出すコーディングに注力しました。

【特にこだわったポイント】
✅ 複雑な装飾とレスポンシブの両立
観光サイトらしい豊富な写真と多くの装飾要素を配置しながら、
スマートフォン・タブレット・PCのすべてのデバイスで崩れない実装を実現しました。
各セクションの装飾が重ならないよう、レスポンシブデザインに沿った構造を設計しています。

✅ 複数スライダーの効率的な実装
このLP内に複数のスライダーを配置し、jQueryのクラス分けで効率的に出し分けました。
複数の動的要素を含めながらも、コードの保守性と可読性を保つ設計にしています。

✅ 大規模LP(9000px超)の構築実績
スマホで表示したときに9000pxを超える大規模なLPを、
クオリティを保ったまま完成させました。

O t h e r   W o r k s

↑