Facebook 【HerTech架空案件】親子料理教室
Logo

【HerTech架空案件】親子料理教室

クレジット
Avatar
WEBデザイナー
【HerTech架空案件】親子料理教室-1
シェア
制作ノート
【デザインについて】

◎ ビジュアルイメージ:ナチュラルでオーガニックな印象という要件を踏まえ、自然の温かみを感じられるデザインにしました。

◎ カラー:ベースカラーにはアイボリー(#f6f1e8)を使用し、親子で安心して参加できる料理教室をイメージした柔らかく温かみのある雰囲気を表現しました。メインカラーのセージグリーン(#a8b8a3)は、依頼内容であるナチュラルオーガニックな印象を出すとともに、自然や安心感を連想させるカラーとして全体の世界観を統一しています。アクセントカラーにはテラコッタ(#c97c5d)を使用し、視線を集めたい見出しやポイントにメリハリを持たせました。全体をアースカラーでまとめて、親しみやすく居心地の良い教室の雰囲気が伝わる配色を意識しました。

◎ タイポグラフィ:キャッチコピーにはZen Maru Gothicを使用し、丸みのある書体によって親しみやすさや温かみを表現しました。キャンペーン情報の見出しにはSource Han Sans JPを使用し、視認性を高めることで重要な情報が一目で伝わるようにしています。また、Noto Sans JPは小さな吹き出し内のテキストやCTAボタンに使用し、小さなサイズでも読みやすく、内容を直感的に理解できるよう可読性を意識しました。

◎ 情報設計:情報をスムーズに理解できるよう、キャッチコピーからキャンペーン情報、CTAボタンへと自然に視線が流れるよう意識しました。重要な情報は文字サイズやメリハリをつけて優先順位を明確にし、吹き出しを活用することで補足情報も見やすく整理しています。親子向けの温かい雰囲気を保ちながら、参加派の導線が分かりやすいレイアウトにしました。

【工夫したポイント】

ナチュラルでオーガニックな雰囲気を表現するために全体をアースカラーで統一し、親しみやすさと温かみを感じられる配色にしました。また、写真は透明度をやや下げることでコントラストを和らげ、柔らかく優しい印象になるようにしました。配色と写真のトーンを統一することで、親子で安心して参加できる料理教室の世界観を表現しました。

シェア
Kon Nakakoの他の作品
foriio

あなたのforiioを無料で作成

fori.io/
Logo
【HerTech架空案件】親子料理教室-1
Kon Nakakoの他の作品
foriio

あなたのforiioを無料で作成

fori.io/