食品ブランド
はちみつブランドのLP制作事例
とろりとした蜂蜜の質感が伝わる、国産はちみつブランドのプロモーションLPです。スクロールで背景が固定されるパララックス表現が見どころです。
- 業種
- 食品ブランド
- 種別
- プロモーションLP（静的サイト）
- 担当範囲
- デザインカンプからのコーディング / パララックス実装
- 使用技術
- HTML CSS (Sass) JavaScript レスポンシブ対応
制作のポイント
iPhoneでも崩れないパララックス
課題背景固定（パララックス）の定番CSSはiPhoneのSafariでは動かず、PCと違う見た目になってしまう。
工夫iOSでも同じ見え方になる代替実装（切り抜き窓方式）に置き換え、PC・スマホで同一の演出を実現しました。
「美味しさ」最優先の画像品質
課題食品LPは画質を落とすと美味しさまで損なわれるが、重いと離脱される。
工夫画質と軽さのバランスを画像ごとに調整し、シズル感を保ったまま快適な表示速度にしました。
同じ業種のサイト制作・リニューアルのご相談を承っています。
「まずは話だけ」も歓迎です。