要件定義/情報設/ディレクション/デザイン/Shopify構築

制作期間：1ヶ月ほど
ページ数：5ページほど

パッケージが黄色主体なので、全体的に白＋黄色で黄色が目立つよう設計しました。
ポップになりすぎないよう、サイトカラーは白を多めにして、差し色で黄色を入れ、バランスを調整しました。
Shopifyテンプレート「Dawn」の構造に基づいてデザインを作成しました。

Shopifyテンプレート「Dawn」を使用し構築しました。
Liquid言語を使用しHeaderやFooter、商品ページなどテンプレート感を出さないよう調整しました。

制作でこだわったポイント
・TOPページのグラフセクションでは、プロテインバーのPFC値の入力例が算出されます。パッケージデザインに合わせてグラフデザインを設計しました。グラフに表示される数値を自由に調整することができます。
・商品ページで計算式にPFC値を入力すると、計算結果が購入ページに反映されます。
その数値を元にオーダーメイドで各ユーザーに合わせたPFC値のプロテインバーを提供します。