TRAINING WORK / LP

制作で大切にしたこと

#見つけて尾道レトロ
架空のキャンペーンLP

View Live Site →

01

制作概要

デザインカンプをもとにレスポンシブコーディング

02

担当

コーディング

03

使用技術

HTML / SCSS / JavaScript / Swiper / Figma

04

工夫した点

レスポンシブ対応
スライダー実装
画像最適化
各ブレイクポイントでのレイアウト調整

THROUGH THIS PROJECT

制作を通して

今回はカリキュラムで用意されたデザインカンプ、デザインをもとにコーディングを実施し、LPとして形にすることの難しさを学びました。

画像によっては、レスポンシブ時に表示が崩れることがありましたが、レイアウト調整を行うことで、デザインカンプ通りに実装することことができました。

View Live Site →