⭐️クライアント名
ーTOKYO PROTEIN(架空)
⭐️クライアントの意向、制約条件
ー女性向けのプロテインのECサイトを作ってほしい
ー家やスマホから申し込めるようにしてほしい。
ーロゴの用意あり。
ーカラーは希望なし。
⭐️目的、制作背景
ーオリジナルプロテインを購入してもらいたい
⭐️ターゲットユーザー
ー20〜30代女性
ーしっかりと体を鍛えている人
ープロテインを飲んでさらに理想の体を手に入れたい人
ーSNSをよく使用する
⭐️制作過程
ー競合サイト調査、分析
ーワイヤーフレーム作成
ー素材、写真収集
ーカンプ作成
⭐️全体的に意識したこと
ー目的の商品をすぐに発見できること
ー商品に関する必要な情報がすぐにキャッチできること
ー決済までのステップが単純であること
ーターゲット層に響くスタイリッシュなデザイン
ーボタンの色は全て紫で統一。角を少し丸くして女性らしさを大切に。
ーボタンのサイズ、フォントのサイズ、余白感で操作性を意識。
⭐️難しかった点
・途中でコンポーネントを作っておいた方がいいところに気がつき、一括で変更したい箇所に時間をかけてしまったこと。
・PCとSPのバナーの作り替えに苦戦。
・フォントサイズや行間などのバランス
⭐️作成ページ
ーログインページ
ーTOPページ
ー商品詳細ページ
ーお届け先情報ページ
ーお支払い情報ページ
ー内容確認ページ
ー購入完了ページ
⭐️制作期間
調査〜制作 約10日(1日の作業時間2〜3時間目安)
修正 約2日
⭐️制作環境
ーfigma
ーPhotoshop
ーMac
⭐️担当領域
調査、構成、デザインまで全て
※詳しいこだわりポイントは制作ノートに記載しています。