Salon de ef 様「キッズ脱毛」
https://kids.salon-de-ef.com/
担当範囲
コーディング
作業内容
LP制作、Photoshopのデザインカンプからのコーディング
制作期間
コーディング・確認・修正・納品で 2週間
気をつけた点
・背景に楕円や台形等の様々な図形が使われているので、画面幅が変わっても違和感の出ないように微調整しました。
・必要以上のアニメーション実装は避けつつも、ホバーアクションやFAQの開閉アクション、スムーススクロールなど、閲覧・利用しやすい仕様にしました。
・CSSをあてる際にはできる限りクラス名をFLOCSSやBEMの理論を用いて命名し、今後の編集が複雑にならないように工夫してコーディングしました。
・サイトが重くならないように以下のような工夫をしました。
〇 画像データをsvgもしくはwebpのファイルを利用。
〇 フォントや画像、ファイルの読み込み順を属性記述で改良。