漫画LPのデザイン作成とWordPressコーディング

期間

2024年3月〜2024年4月

figmaでデザイン作成を行い、WordPressでページ作成をしました。

使用スキル等

漫画LPの作成で、figmaでデザイン作成を行い、WordPressでページ作成を行いました。
漫画部分はご提供いただき、それ以外のデザインを作成した形になります。

作成したデザイン（figma）

コーディングした実際のページ

※ブラウザのスクリーンショット画像のため実際の表示と異なる可能性があります。
※実際のページはデザイン変更等で、デザインデータと異なる可能性があります。

デザインは、PC/SP/SPのメニュー画面を作成し、
WordPressでは、オリジナルテーマを作成して、固定ページのカスタムHTMLブロックにてページの作成を行いました。

漫画部分は画像になるため、ページサイズが大きくなり表示に時間がかかってしまいます。
そのためページの表示高速化として、画像の遅延読み込みと、効率的なフォーマット（webp）への変換を行いました。
漫画（画像）の画質を下げることはできないので、解像度を小さくする対策はしていません。

フォームはプラグインのContactForm7を使用し、見た目をカスタマイズしています。