Facebook 【Shopifyサイト / 食品】プロテインのECサイト
Logo

【Shopifyサイト / 食品】プロテインのECサイト

クレジット
Avatar
shopifyデザイナー
WEBデザイナー
【Shopifyサイト / 食品】プロテインのECサイト-1
シェア

【Shopifyサイト / 食品】プロテインのECサイト

【架空のプロテインブランドのECサイト】 ◾️URL:https://tomtestsite01.myshopify.com/ ◾️PASS:12345 ◾️概要 女性向けプロティンECサイト 「TOKYO PROTEIN」のオリジナルプロテインを販売するECサイト。SPでの見せ方にこだわっています。 商品に目が引くようサイト全体は白ベースでシンプルなデザイン。 シンプルになりすぎないようパーツは丸みを少し帯びたデザインにしベースカラーにも目をひくビビットなオレンジを使用。 ・ファーストビューのポイント FVは基本的にバナーだけの情報が目に入るようにしました。 バナーもベースカラーで使用しているオレンジをベースにピンクのグラデーションを使い、女性らしさとスポーティーで少し力強さのある印象になるようにしました。 ・配色の選定理由 元気でアクティブな印象かつスポーティーな雰囲気にするためにビビットなオレンジカラーにしました。SPベースのデザインということと、電車など時間がない時にもスマホでサイトに訪れることを想定し白ベースでパッケージや文字情報を見やすくしつつ、ポイントでそのオレンジカラーを使用することで目立たせる効果も出るように他のサブカラーはグレーを使用しました。 ◾️担当 デザイン
クレジット
Avatar
shopifyデザイナー
WEBデザイナー
シェア
tom | webデザイナーの他の作品
foriio

あなたのforiioを無料で作成

fori.io/
【Shopifyサイト / 食品】プロテインのECサイト-1

【Shopifyサイト / 食品】プロテインのECサイト

【架空のプロテインブランドのECサイト】 ◾️URL:https://tomtestsite01.myshopify.com/ ◾️PASS:12345 ◾️概要 女性向けプロティンECサイト 「TOKYO PROTEIN」のオリジナルプロテインを販売するECサイト。SPでの見せ方にこだわっています。 商品に目が引くようサイト全体は白ベースでシンプルなデザイン。 シンプルになりすぎないようパーツは丸みを少し帯びたデザインにしベースカラーにも目をひくビビットなオレンジを使用。 ・ファーストビューのポイント FVは基本的にバナーだけの情報が目に入るようにしました。 バナーもベースカラーで使用しているオレンジをベースにピンクのグラデーションを使い、女性らしさとスポーティーで少し力強さのある印象になるようにしました。 ・配色の選定理由 元気でアクティブな印象かつスポーティーな雰囲気にするためにビビットなオレンジカラーにしました。SPベースのデザインということと、電車など時間がない時にもスマホでサイトに訪れることを想定し白ベースでパッケージや文字情報を見やすくしつつ、ポイントでそのオレンジカラーを使用することで目立たせる効果も出るように他のサブカラーはグレーを使用しました。 ◾️担当 デザイン
クレジット
Avatar
shopifyデザイナー
WEBデザイナー
シェア
tom | webデザイナーの他の作品
foriio

あなたのforiioを無料で作成

fori.io/