Facebook LP「初心者向け紅茶特集」
Logo

LP「初心者向け紅茶特集」

クレジット
Avatar
Webデザイン
LP「初心者向け紅茶特集」-1
シェア

LP「初心者向け紅茶特集」

▼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版共に予約リンクがそれぞれ一番押しやすい位置に配置しました。
クレジット
Avatar
Webデザイン
シェア
テヅカ モモコの他の作品
画像
作品を見る
オリジナルサイト
画像
作品を見る
オリジナルLP
画像
作品を見る
LP「海外アーティスト来日ツアー」
foriio

あなたのforiioを無料で作成

fori.io/
Logo
LP「初心者向け紅茶特集」-1

LP「初心者向け紅茶特集」

▼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版共に予約リンクがそれぞれ一番押しやすい位置に配置しました。
クレジット
Avatar
Webデザイン
シェア
テヅカ モモコの他の作品
画像
作品を見る
オリジナルサイト
画像
作品を見る
オリジナルLP
画像
作品を見る
LP「海外アーティスト来日ツアー」
foriio

あなたのforiioを無料で作成

fori.io/