Facebook 制作について
Logo

【HerTech架空案件】モデルルームオープン告知バナー

クレジット
Avatar
WEBデザイナー
【HerTech架空案件】モデルルームオープン告知バナー-1
シェア
制作ノート
制作について

【デザインについて】

・ビジュアルイメージ

都心で暮らす2人世帯をターゲットに、都会的・落ち着き・モダン・上質をキーワードとしてデザインしました。 タワーマンションならではの開放感や、都心でゆとりを持って暮らすイメージが伝わるよう、奥行き・開放感が感じられるモデルルームの写真を大きく使用しました。

・カラー

上質で落ち着いた印象を表現するため、オフホワイトとグレージュをベースカラーに選びました。 アクセントにはネイビーを使用し、都会的で知的な印象を加えています。

また、ネイビーをメインコピーと「梅田駅」や「来場予約受付中」に使用することで、重要な情報が自然と目に入るようにしました。

・タイポグラフィ

メインコピーの「モデルルームオープン」には、上品さと存在感のある和文書体を使用しました。 物件名には明朝体を使用し、マンションブランドらしい落ち着きと高級感を表現しています。

また、文字を大きく配置する一方で、周囲に余白を設けることで、情報量が多くなりすぎず、ゆとりのある印象になるよう意識しました。

・情報設計

モデルルームオープンの告知という目的を踏まえ、情報をすべて同じ大きさで見せるのではなく、「モデルルームオープン」→「物件の魅力」→「来場予約」という視線の流れを意識して情報に優先順位をつけました。

特に、物件の大きな魅力である「大阪メトロ御堂筋線『梅田』駅徒歩5分」を独立した情報ブロックとして配置し、都心での利便性が一目で伝わるようにしました。

また、右下に「来場予約受付中」を配置することで、バナーを見た後の行動が分かりやすくなるよう設計しました。

・工夫したポイント

モデルルームの写真を全面に配置するのではなく、左側に余白を設けてコピーを配置し、右側に写真を大きく見せるレイアウトにしました。

左側の余白から写真へ自然につながるよう、白のグラデーションを使用。文字の可読性を確保しながら、写真の開放感も損なわないように工夫しました。

また、斜めのグレージュのラインを取り入れることで、単調な横長レイアウトにならないようにし、モダンで洗練された印象を加えています。

CTAにはネイビーの背景と白文字を使用し、他の情報との差別化を図りながら、全体のトンマナから浮かないようにまとめました。

シェア
制作について

【デザインについて】

・ビジュアルイメージ

都心で暮らす2人世帯をターゲットに、都会的・落ち着き・モダン・上質をキーワードとしてデザインしました。 タワーマンションならではの開放感や、都心でゆとりを持って暮らすイメージが伝わるよう、奥行き・開放感が感じられるモデルルームの写真を大きく使用しました。

・カラー

上質で落ち着いた印象を表現するため、オフホワイトとグレージュをベースカラーに選びました。 アクセントにはネイビーを使用し、都会的で知的な印象を加えています。

また、ネイビーをメインコピーと「梅田駅」や「来場予約受付中」に使用することで、重要な情報が自然と目に入るようにしました。

・タイポグラフィ

メインコピーの「モデルルームオープン」には、上品さと存在感のある和文書体を使用しました。 物件名には明朝体を使用し、マンションブランドらしい落ち着きと高級感を表現しています。

また、文字を大きく配置する一方で、周囲に余白を設けることで、情報量が多くなりすぎず、ゆとりのある印象になるよう意識しました。

・情報設計

モデルルームオープンの告知という目的を踏まえ、情報をすべて同じ大きさで見せるのではなく、「モデルルームオープン」→「物件の魅力」→「来場予約」という視線の流れを意識して情報に優先順位をつけました。

特に、物件の大きな魅力である「大阪メトロ御堂筋線『梅田』駅徒歩5分」を独立した情報ブロックとして配置し、都心での利便性が一目で伝わるようにしました。

また、右下に「来場予約受付中」を配置することで、バナーを見た後の行動が分かりやすくなるよう設計しました。

・工夫したポイント

モデルルームの写真を全面に配置するのではなく、左側に余白を設けてコピーを配置し、右側に写真を大きく見せるレイアウトにしました。

左側の余白から写真へ自然につながるよう、白のグラデーションを使用。文字の可読性を確保しながら、写真の開放感も損なわないように工夫しました。

また、斜めのグレージュのラインを取り入れることで、単調な横長レイアウトにならないようにし、モダンで洗練された印象を加えています。

CTAにはネイビーの背景と白文字を使用し、他の情報との差別化を図りながら、全体のトンマナから浮かないようにまとめました。

シェア
西村ひかりの他の作品
foriio

あなたのforiioを無料で作成

fori.io/
Logo
【HerTech架空案件】モデルルームオープン告知バナー-1
制作について

【デザインについて】

・ビジュアルイメージ

都心で暮らす2人世帯をターゲットに、都会的・落ち着き・モダン・上質をキーワードとしてデザインしました。 タワーマンションならではの開放感や、都心でゆとりを持って暮らすイメージが伝わるよう、奥行き・開放感が感じられるモデルルームの写真を大きく使用しました。

・カラー

上質で落ち着いた印象を表現するため、オフホワイトとグレージュをベースカラーに選びました。 アクセントにはネイビーを使用し、都会的で知的な印象を加えています。

また、ネイビーをメインコピーと「梅田駅」や「来場予約受付中」に使用することで、重要な情報が自然と目に入るようにしました。

・タイポグラフィ

メインコピーの「モデルルームオープン」には、上品さと存在感のある和文書体を使用しました。 物件名には明朝体を使用し、マンションブランドらしい落ち着きと高級感を表現しています。

また、文字を大きく配置する一方で、周囲に余白を設けることで、情報量が多くなりすぎず、ゆとりのある印象になるよう意識しました。

・情報設計

モデルルームオープンの告知という目的を踏まえ、情報をすべて同じ大きさで見せるのではなく、「モデルルームオープン」→「物件の魅力」→「来場予約」という視線の流れを意識して情報に優先順位をつけました。

特に、物件の大きな魅力である「大阪メトロ御堂筋線『梅田』駅徒歩5分」を独立した情報ブロックとして配置し、都心での利便性が一目で伝わるようにしました。

また、右下に「来場予約受付中」を配置することで、バナーを見た後の行動が分かりやすくなるよう設計しました。

・工夫したポイント

モデルルームの写真を全面に配置するのではなく、左側に余白を設けてコピーを配置し、右側に写真を大きく見せるレイアウトにしました。

左側の余白から写真へ自然につながるよう、白のグラデーションを使用。文字の可読性を確保しながら、写真の開放感も損なわないように工夫しました。

また、斜めのグレージュのラインを取り入れることで、単調な横長レイアウトにならないようにし、モダンで洗練された印象を加えています。

CTAにはネイビーの背景と白文字を使用し、他の情報との差別化を図りながら、全体のトンマナから浮かないようにまとめました。

シェア
西村ひかりの他の作品
foriio

あなたのforiioを無料で作成

fori.io/