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

概要

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

URL

見つけて尾道レトロキャンペーン

担当範囲

コーディング

レスポンシブ

PC / タブレット / スマートフォン

使用ツール・言語

Figma / HTML / CSS / Sass / JavaScript / jQuery / Gulp / Pug

制作期間

約122時間

工夫した点

LPの分量が多いため、CSS設計・FLOCSSを利用して共通パーツを各セクションで流用したり、Pugで効率的に記述しました。

苦労した点
・振り返り

• Sassファイル分割の粒度を上げすぎて、管理が煩雑になってしまった。
  →ページの分量に応じて、共通パーツ＋セクションごとなど、分割ルール基準を明確にしていきたい。
• 画像書き出し、パーフェクトピクセルの確認は、各セクションorページ完了毎にこまめに＋サーバーUP後、最終チェックを実施したい。
  →本制作後、Gulpのwebp・画像圧縮を導入。作業効率化を図る。
• 品質チェック項目をエクセル表で各幅毎に作成・チェック欄を設けて漏れのないよう運用。
  →414pxスマフォ (L)サイズにスライドセンターが、適用されていなかったため。