You need to enable JavaScript to run this app.
share
シェア
【Her Tech架空案件】YouTube サムネイル架空案件
作品について
クレジット
help
莉々
WEBデザイナー
share
シェア
link
link
コピー
code
埋め込み
閉じる
close
chevron_left
制作ノート
chevron_left
戻る
【制作について】
投稿者
莉々
1. ビジュアルイメージ
アウトドア感とシズル感の融合: 背景に温かみのある木目調のテクスチャを採用し、キャンプの雰囲気を演出しました。
豊富なメニュー提示: メインの丼物、スキレット・鍋料理、メスティン料理の3つの異なるキャンプ飯の写真を配置。1つの動画で複数の魅力的なレシピが学べる期待感を出しています。
ライブ感: 右上の料理から立ち上る湯気や、具材の焦げ目・チーズの溶け具合など、食欲をそそる「美味しそうな瞬間」が切り取られています。(頂いた素材で構成しています。)
2. カラー
アースカラー(メイン): 木目の「ブラウン」や、左上・右上の「カーキ(オリーブグリーン)」など、キャンプや自然を連想させるナチュラルな色をメインカラーにしています。
ビタミンカラー(アクセント): メインコピーには鮮やかな「オレンジ」を採用。エネルギッシュで食欲をそそる色であり、ブラウンやグリーンの背景に対して非常に強く引き立ちます。
ホワイト(視認性確保): 文字のベースやフチ取りに「白」を効果的に使い、画面全体が暗く沈むのを防いでいます。
3. タイポグラフィー
視認性の高い太いフォント: スマートフォンなどの小さな画面で見ても一瞬で読めるよう、全体的に太めのフォントで統一しています。
二重のフチ取り(袋文字): 右下のメインテキストは、オレンジの文字に「白+オレンジ」の太いフチ取りを施すことで、背景の写真や木目と同化せず、くっきりと浮かび上がるようにしました。
4. 情報設計
視線の誘導(Zの法則・逆L字):左上でまずシリーズの「#2」を認識させます。右上で動画のジャンル(ソロキャンプ飯)を特定させます。最も視線が集まる右下に、最大のメリットである「簡単10分」「上級camper風ごはん」を大きく配置し、視聴者のクリックを促す構造でつくりました。
情報の優先順位: 「簡単10分」というタイパ(時間効率)の良さを最優先で目立たせ、忙しい人や手軽さを求める層に刺さる設計にしています。
【工夫した点】
背景と文字のコントラスト: 写真や木目など情報量が多い背景ですが、文字の後ろに半透明のカーキ色の帯を敷いたり、文字にフチ取りを施したりすることで、デザインの世界観を壊さずに文字の読みやすさを極限まで高めています。
レイアウトの立体感: メインの料理写真を中央に大きく配しつつ、左下にはみ出すようにメスティン料理を配置、さらに右上の料理は丸く切り抜くなど、配置に変化をつけることで画面にリズムと立体感を生み出しています。
share
シェア
link
link
コピー
code
埋め込み
莉々の他の作品
画像
image
visibility
作品を見る
LP カフェ新店舗架空案件
画像
image
visibility
作品を見る
【Her Tech架空案件】パーソナルトレーニングジムのLP
画像
image
visibility
作品を見る
【Her Tech架空案件】LP ペットフード架空案件のLP
あなたのforiioを無料で作成
fori.io/
無料で使ってみる
利用規約
プライバシーポリシー
情報セキュリティ基本方針
特定商取引法
©2026 foriio, Inc
Made with
❤️
from Tokyo
莉々
fori.io/lily-chanpon
content_copy
コピー
ポートフォリオを無料で作成
ログイン
莉々の他の作品
画像
image
visibility
作品を見る
LP カフェ新店舗架空案件
画像
image
visibility
作品を見る
【Her Tech架空案件】パーソナルトレーニングジムのLP
画像
image
visibility
作品を見る
【Her Tech架空案件】LP ペットフード架空案件のLP
あなたのforiioを無料で作成
fori.io/
無料で使ってみる
利用規約
プライバシーポリシー
情報セキュリティ基本方針
特定商取引法
©2026 foriio, Inc
Made with
❤️
from Tokyo