【課題制作】LP(PC/SPデザイン)
職業訓練校での課題として、イタリアの家電メーカーから発売のスロージューサーのPRサイトを制作しました。クライアントから掲載内容の要望書を元にPCとSPのデザインカンプを制作しました。
【クライアント情報】
イタリアのおしゃれ家電メーカー「Porto dell idee」(ポルトデルイディー)
「SLOW JUICER」(コンパクトなタイプ)を発売
ポルトデルイディーはイタリアのおしゃれ家電を扱うメーカー。社名の「Porto dell idee」はアイディアの港という意味でこれまで様々なアイデアの詰まった商品を届けて来た。今回の「SLOW JUICER」はその名の通りスロージューサーですが、スロージューサーとしては世界最小のコンパクト設計。この「SLOW JUICER」が日本でもいよいよ発売される。
【要件定義】
■クライアント:Porto dell idee様(架空)
■依頼内容:LP制作
■目的:「SLOW JUICER」が日本でもいよいよ発売になり、PR用のサイト制作を依頼。
■コンテンツ内容:スロージューサーについて(コンセプト)、特徴、お客様の声、参考レシピ
■ターゲット:20代〜30代女性。おしゃれ家電に興味のある人。健康的な生活を意識している人。
■デザインイメージ
キーワード:朝、優しい、フレッシュさ、明るさ
・フレッシュな明るさ
・コンパクト設計が分かるような写真
・おしゃれ家電メーカーに興味のある人を惹きつける綺麗な色味
・女性にささるような写真や可愛らしさ
✴︎ 制作したLP ✴︎
■使用ツール:Photoshop
■制作時間:約2週間
【ペルソナ設定】
【工夫したところ】
1. 柔らかさとフレッシュさのあるカラー
メーカーからのスロージューサーコンセプトにある「軽やかで健康的な朝」からトンマナを設定し、フレッシュな朝をイメージして黄色やオレンジを使用しました。
そして全体的に女性らしいイメージの淡い色使いを意識しました。
アクセントにはオレンジや茶色を使用してメリハリをつけるようしました。
また黒は使用せず、文字色も茶色を使用して柔らかく馴染む印象にしました。
2. スロージューサーの特徴を押し出せるメインビジュアル
メインビジュアルには商品の特徴であるコンパクトさが分かる、かつ使用した時のイメージが浮かぶような写真を選びました。またスクロールの表示も入れて、ページの続きがあることの表示も入れました。
3. コンセプト部分はメッセージに合わせたデザイン
「軽やかで健康的な朝」をイメージに太陽や、手書きの優しい素材とグラデーションを使用しました。ターゲットに合わせてデザインを工夫しました。
4. 特徴は使用感のイメージを持ってもらいやすく工夫
画像を使用して、スロージューサーを使っているイメージをユーザーに想像してもらいやすいように工夫しました。
5. お客様の声で手書きフォントを使用
お客様が実際にアンケートで書いたようなリアル感と、トンマナに合わせた優しさを出すため手書き風のフォントを使用しました。
【制作を通して学んだこと】
■文字サイズ
Photoshopで制作をしていく際には文字サイズが大きくなってしまう傾向があり、実際にインターネット上で見ると同じサイズでは大きいということが分かりました。
特にスマホは2倍で書き出すことを意識して文字のサイズを大きくし、それを考慮しながら文字の段落変更やデザインをしていくことが重要だと学びました。
■ペルソナ設定やユーザーの動向を意識すること
ただデザインするだけではなく、ペルソナを立ててどのような人に見てもらいたいのか、ユーザーがどのように思っており、このページを見てどのようなことを感じ、行動を取ってもらいたいのかをしっかりと考えてデザインをすることの重要性を学びました。
■コーディングしやすいデザインを意識する
今回あまり実装されることについて意識が低かったと思っております。HTML/CSSを使った実装がしやすいようにすることもデザイナーの役割だと学びました。