職業訓練校でのグループ製作
サイト名 ：つま恋純粋トマトジュース
職業訓練校でのグループでの課題製作です。
架空のクライアントを想定して、WEBデザインの提案を行う一連の製作に取り組みました。
私は、全体のディレクションとスケジュール管理、デザインAの製作を担当しました。
制作指示内容
デザイン提案3パターン
デザイン:B
モバイルファーストで作成したデザイン
デザイン:C
ノーコードツール(Studio)を使用して作成したデザイン
デザインA:作成のポイント
▼サイトの構成
・女性に受け入れられやすいカラーリングで、ナチュラルで柔らかい印象のサイトに仕上げました。
・ページ上部に“生産者”や“産地”をイメージできる画像を配置し、商品イメージの向上につなげます。
・“やわらかさ”や“素材感”といったイメージを醸成するために、ナビゲーションやQ＆Aには水彩画風のトマトのイラストを用いました。
▼使用カラー
ターゲットである女性30～40代に向けて、上品さ/温かみ/ナチュラル(自然素材)をイメージできる色を選定
メインカラー
#BF665E
落ち着いた、上品な色合いのピンクをメインカラーに使用
ベースカラー
#EFD3B7
ナチュラルな色合いを背景色に用いて全体を女性らしい印象に
アクセントカラー
#D9A689
ベースカラーよりも少し濃いめのナチュラルなオレンジ色をポイントとして使用
▼製作時間
XDでのデザインカンプ制作：5時間
Dreamweaverでのコーディング：12時間
▼使用ツール
Photoshop / illustrator / XD / Dreamweaver
