▼sample
https://mog147.github.io/sample3/
使用ソフト:Photoshop・Illustrator
制作期間:2日
サイズ(スマホ):W390pxH8686px
サイズ(PC):W1920pxH17335px
使用フォント:TA男爵 - ベースに使用
Noto Sans CJK JP -数量・金額に使用
TA-おおにし/TA-恋心/VDL ペンレター - お客様の声に使用
ターゲット層:気軽にいろんなことを試してみたい好奇心旺盛な女性
-----
お題:【駆け出しデザイナー応援】デザインお題 #81 LP「初心者向け紅茶特集」
https://note.com/mifu_sensei/n/nbe23f60530f9?magazine_key=m528dbedee3d1
お題内容
・青色(#1A4472)をメインカラーとして使う
・モバイルファースト
・明朝体を使い、優雅な雰囲気を出す。ただし、格式高くない、エントリーしやすい柔らかさもほしい
-----
使用した配色:“紅茶の旅”というユーザーエクスペリエンスを提供したい旨が店長の言葉(指定)にあったので
”紅茶”のクラシックなイメージと”旅”の自由でワクワクするような配色を採用しました。
アクセントカラー:深いブルー(#1A4472)※お題指定色
ベースカラー:ホワイト(#ffffff) - マップをイメージするため紙のテクスチャーをのせました。
テキストカラー:コクのある赤茶(#613827) - ストレートティーをイメージ
・モバイルファーストを希望とのことで、スマホ中心の設計にしPCではスマホ版の箇所のみスクロールし左右は固定にしました。
・世界観を大事にしたかったので、クラシックなフォントや配色、余白の使い方にこだわりました。
・購入につなげることが目的なので、フッターを固定してどこを見ているときでも購入ボタンが押せる仕様にしました。
・数量・金額においては、見やすさを優先してフォントを変更しました。(Noto Sans CJK JP)
・お客様の声はそれぞれ手書き風フォントを使ってリアルな声感を演出しました。
・スマホ版・PC版共に予約リンクがそれぞれ一番押しやすい位置に配置しました。