ElyWeb

カスタムプロテイン|Perfect PFC様

担当範囲

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

制作概要

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

Webデザイン

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

コーディング

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

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

お問い合わせ

ご質問やご相談、お気軽にお問い合わせください。