カスタムプロテイン|Perfect PFC様
担当範囲
要件定義/情報設/ディレクション/デザイン/Shopify構築
制作概要
制作期間:1ヶ月ほど
ページ数:5ページほど
Webデザイン
パッケージが黄色主体なので、全体的に白+黄色で黄色が目立つよう設計しました。
ポップになりすぎないよう、サイトカラーは白を多めにして、差し色で黄色を入れ、バランスを調整しました。
Shopifyテンプレート「Dawn」の構造に基づいてデザインを作成しました。
コーディング
Shopifyテンプレート「Dawn」を使用し構築しました。
Liquid言語を使用しHeaderやFooter、商品ページなどテンプレート感を出さないよう調整しました。
制作でこだわったポイント
・TOPページのグラフセクションでは、プロテインバーのPFC値の入力例が算出されます。パッケージデザインに合わせてグラフデザインを設計しました。グラフに表示される数値を自由に調整することができます。
・商品ページで計算式にPFC値を入力すると、計算結果が購入ページに反映されます。
その数値を元にオーダーメイドで各ユーザーに合わせたPFC値のプロテインバーを提供します。
お問い合わせ
ご質問やご相談、お気軽にお問い合わせください。