- 内容
- イベント集客を目的としたキャンペーンLPを制作しました。デザインカンプをもとに忠実に再現し、レスポンシブ対応まで行いました。
- 制作背景
- スクール課題として、ユーザーにイベント情報をわかりやすく届けるLP制作を想定して取り組みました。
- 課題
- 情報量が多く、視認性が下がりやすい
- 装飾画像が多く、レスポンシブで崩れやすい
- 解決
- 情報をスライダーやアコーディオンで整理
- ブレイクポイントごとに画像サイズと余白を調整
- 工夫
- Swiperで2種類のスライダーを実装しました
- モーダルで詳細情報を確認しやすくしました
- あしらい画像をabsoluteで配置し、レスポンシブ時の配置を細かく設定しました
- 担当範囲
- コーディング
- JavaScript実装
- レスポンシブ対応
- 使用言語
- HTML / CSS / SCSS / JavaScript / jQuery
- 制作期間
- 約2〜3週間
- 料金目安
- 3万円〜5万円
- URL
- https://toyo-portfolio.com/onomichi/
