■クライアント名
One&OnlyCafe
■使用先
HP
https://oneandonly-cafe.com/
ユーカリが丘店
Googleマップ
https://g.co/kgs/FT77ncn
インスタグラム
https://www.instagram.com/oneandonlycafe?igsh=MW80dzkzNjlqNTd1Zw%3D%3D&utm_source=qr
香取店
Googleマップ
https://g.co/kgs/UG3zM8E
インスタグラム
https://www.instagram.com/_oneandonlycafe?igsh=MTgxMnQ1dWhkMWpiNA==
※営業時間11:00〜14:00
■商品詳細
・商品名:紫芋ラテ
・値段:単品 500円(税込)
・必須テキスト:
紫芋ラテ
単品 500円(税込)
季節限定
ランチセットの場合セット価格+200円で変更できます。
(キャッチコピーが必要な場合はご提案)
・商品について
味はほんのり甘く、ラテの中に角切りの干し芋を沈めて提供。
ラテでふやけた干し芋はもちもちとした触感になり、満腹感を得られる「おなかが満たされるラテ」。
紫芋のシロップを使用しフォームミルクを混ぜていることで、ピンク色になる可愛いラテ。
(提供時に既にシロップを混ぜていてピンクになっているので、お客様が色の変化を見る商品ではない)
■要望
・用途:One&OnlyCafeのメニュー表に挟む、限定メニューのPOPデザイン
・サイズ:A4サイズ(縦、CMYK、pdf)(One&OnlyCafeにてプリントアウト、ラミネート加工)
・写真素材:One&OnlyCafeが準備(RAWデータ)
・カラー:指定は特になし、社内プリンターだと色が落ち込むので写真等含めて多少鮮やかな色に調整してほしい
両店舗の特徴の要件に沿ったデザイン
「読みやすさ」「親しみやすさ」「わかりやすさ」が担保されているデザインが良い
スプーンに芋を載せた写真のアップを切り抜きし、配置してください。
■コンセプト
・ターゲット
近隣にお住まいの主婦の方や、ご年配の男女の方
ユーカリが丘店は、上記に加えて小さなお子様連れのお客様も来店。
ターゲットには紫芋ラテを注文していただきたい。
・伝えたいこと
紫芋のラテであること
干し芋が入っていること
優しい甘み
温かさ
■工夫した点
・テキスト
フォントはさつまいもの和のイメージと可愛らしい色や甘さを表現するために丸みのあるうろこの明朝体を使用しています。
『紫芋』の草冠を芋の形にしました。
ターゲットの年齢層が高いため、フォントサイズは全体的に大きめにしています。
・配色
全体的にラテのピンクと紫芋の紫色を使用していますが、紫芋だけでなく黄色の干し芋も入っているため、差し色に黄色を使用しています。
干し芋が和のイメージであり、甘さも控えめのため、全体的に落ち着いた彩度にしています。
・画像
マグカップとスプーンはなるべく原寸大に近いサイズ感にしています。
また、透明のマグカップのため、画像を透過させ、マグカップの後ろを少し白くし、縁に影を付けて背景との同化を防いでいます。
頂いた画像がとても彩度が低く、実物の色と異なって濁っていたため、しっかり調整しています。
・あしらい
テキストにふんわりと光彩を入れて温かさや優しい甘みを表現しました。
紫色でさつまいもの形の曲線を描いています。
また、黄色の部分に少し影を加えることで、干し芋による味の奥行を表現しています。
干し芋が入っていることを特別感のあるものにするためにリボンのあしらいを付けました。
背景に紙のテクスチャを使用し、麻の葉模様を入れることで、干し芋や紫芋のイメージを伝えています。
■苦労した点
最初は白いティーカップでしたが、提供予定の透明マグカップの画像に差し替えがありました。
その際ラテ自体(液体部分)の色調補正で、上に載っている紫芋パウダーを選択して、上手くラテとレイヤーを切り離してラテだけを実物に近い彩度にしたかったのですが、カラスマグの曇っている部分のパウダーを上手く選択できず、仕方なくパウダーごとラテの色調を補正することになりました。
調整レイヤーの『色相・彩度』では全体が均一に変化してしまうため、ラテの彩度を上げようとするとパウダーの彩度が上がり過ぎてキツイ色になってしまうので、グラデーションオーバーレイでパウダーに影響のない範囲で下からグラデーションをかけ、不要な茶色を除算し、紫色の焼き込みカラーを加えて色調を補正することが出来ました。
Photoshopクリエイター能力認定試験エキスパート取得前にデザインした案件の為、もし知識を得た今なら、色域指定でパウダーを上手く選択して別々のレイヤーで色調補正することが出来ると思います。
■使用ツール・言語
Illustrator
Photoshop
■制作期間(土日祝日を除く)
2025/10/9~17,10/21・22
8日間
■実作業時間
16.5時間
