LPコミュニティ課題架空
架空のブランドサイト
- 担当範囲
- コーディング（SPデザインはおまかせでコーディングさせて頂きました）
- 使用ツール
- Figma / Visual Studio Code
- 制作環境
- HTML/CSS / jQuery
- 実装機能
- Swiper
- 製作期間
- 2週間
サイトの紹介
コミュニティ課題の架空ブランドサイトになります。すべてのデバイスでデザインが崩れないよう、改行位置や文字サイズを慎重に調整し、レスポンシブ対応に注力しました。画像や文字の重なりが多かったため、元のデザインをなるべく崩さないようにしつつ、PC→SPの調整を行いました。
【特に苦労した部分】
- レスポンシブ時の文字・画像の重なりの調整
主な実装機能
- ハンバーガーメニュー
- Drawer.jsを使用しています。
- スライダー
- Swiperを使用しています
