課題訓練 架空プロテインブランドのECサイト

課題訓練 架空プロテインブランドのECサイトのスクリーンショット

プロテインの新ブランド「ALTERA(アルテラ)」のECサイト。

URL

https://arisahoshi.com/altera/

コンセプト

プロテインを購入する人は栄養素やどんな種類のプロテインか、など成分にこだわって選ぶので、トップページに栄養素についてのページリンクを設置しました。また、商品のプロテインが目立つように、サイトのデザインは全体的にシンプルにしました。

ターゲット

20~40代の普段から筋トレを行うなど健康に気を遣っている男性。

担当範囲

企画(2時間)、デザイン/イラスト制作/写真加工(60時間)、コーディング(30時間)

使用ソフト

Visual Studio Code、Photoshop、Illustrator、 XD

カラー

メイン #1F2D14 アクセント #A5CC50 サブアクセント #C8C9C9 ベース #FFFFFF

デザイン

◯ RECOMMEND ページ

どんなプロテインを飲めばいいか分からず、自分に合うものを知りたい人のために、おすすめの商品を紹介しました。
▷場所はココ

RECOMMEND ページのスクリーンショット

◯ CONCEPT ページ

プロテインに含まれる栄養素をグラフやイラストを使用して分かりやすくしました。
▷場所はココ CONCEPT ページのスクリーンショット

◯ ロゴ

正方形 : ユーザー
ALTERAの商品がユーザーを支えるというイメージ。

正方形のロゴ 正方形のロゴ

◯ 商品パッケージ

ロゴの斜めカットのデザインに合わせて、必要最低限の文字量とビジュアルを意識しました。

プロテインとプロテインバー プロテインとプロテインバー
expand_less