Purpose
制作の目的
女性向けWebメディア「女子SPA!」に出稿した記事から誘導する、電話占いウィルの広告用LPです。対象は複雑な恋愛に悩む30〜40代の女性で、ゴールは会員登録。依頼元からExcelで受け取った構成案（全12ブロックのラフ・注釈・素材）をもとに、デザインとコーディングを担当しました。
Coding
実装の工夫
支給素材は合計9.4MBあり、すべてWebPに変換・最適化して1.4MBまで軽くしました。Webフォントは、このページで実際に使う622字だけを含むサブセットを自前で配信し、Google Fontsから読み込んでいた1,713KBを533KBに抑えています。
納品先の社内システムが .svg と .woff2 を受け付けないことが、アップロード後の実測で分かりました。そこでビルドの出力時だけ、SVGはWebPへ、フォントは別の拡張子へ自動で変換する仕組みにし、受け付けない形式の参照が残っていればビルドを止める検査も入れました。開発中のソースはそのままで、納品物だけが制約に合う形になります。
