作品ギャラリー

【無料素材】ビジネスセット×ウェーブ背景で作るIT・コンサル系Webチラシの作り方｜SozaiBox使用例

IT企業やコンサルティング会社のサービス紹介、最近こういうダークトーンで近未来感のあるデザインをよく見かけるようになりました。黒背景にネオンカラーのグラデーションを合わせるだけで、一気に「テクノロジー感」「先進性」が出せるので、今回はSozaiBoxのWEBデザイン会社向けビジネスチラシ素材セットとウェーブ背景を組み合わせて、Webチラシ(バナー)風のデザインを作成してみました。 ■ 黒背景×ウェーブ素材で「未来感」を演出する ベースは黒の背景にして、そこにウェーブ背景素材をブルー・パープル・ピンク・グリーンといったグラデーションで敷いています。ウェーブが上下二段に流れるようなレイアウトにすることで、単調にならず画面全体に動きが生まれるようにしました。派手な色を使っていても背景が黒なので締まって見える、というのがダーク系デザインの良いところだと思います。 ■ ビジネスセットのアイコンで説得力をプラス 右側には「売り上げアップ」「創造力」「グローバル」といった訴求ポイントを、ビジネスセットのアイコン(グラフ・電球・地球儀)と一緒に並べています。文字だけでずらずら説明を並べるより、アイコンが一つ挟まるだけで内容がパッと把握しやすくなり、視線も止まりやすくなる印象です。円形のアイコンフレームで統一感を出しているのもポイントです。 ■ キャッチコピーと訴求要素の配置 上部に大きく英語のキャッチコピー「INNOVATE YOUR FUTURE」を配置し、その下に日本語での補足説明を添えることで、デザイン性と情報の伝わりやすさを両立させています。左下には「初期費用50%OFF」のオファーを円形のバッジで強調し、右下にはCTAボタン「詳しくはこちら」を配置。視線が上から下、左から右へと自然に流れるよう意識して要素を配置しました。 ■ こんな場面で活用できます IT・Web制作会社のサービス紹介バナー、コンサルティング会社の広告、キャンペーン告知のWebチラシなど、「先進性」「信頼感」を打ち出したい場面で参考にしていただけると思います。無料素材のビジネスセットとウェーブ背景を組み合わせるだけでも、ここまでスタイリッシュなデザインが作れるという実例として、この使用例を投稿しました。

【POP作成】集中線×吹き出しで作る「大特価」セールバナーの作り方｜SozaiBox使用例

セールバナーやPOPを作るとき、「安いです」「大特価です」と文字で伝えるだけでは、実はなかなか目に留まらないものです。特にSNSの投稿やECサイトのバナーは、ユーザーの目に触れるのが一瞬なので、その一瞬で「お、なんか騒がしいぞ」と手を止めさせる視覚的な仕掛けが必要だと感じています。今回はその検証も兼ねて、SozaiBoxで配布されている無料素材の集中線と吹き出しを組み合わせて、セールバナーの作成例を作ってみました。 ■ 色数を絞ることで「安っぽさ」を回避する 集中線パーツは、色数をあえて絞ってオレンジとクリーム系の2色展開にしています。セール系のデザインというと原色バリバリの赤や黄色をたくさん使いがちですが、全部を原色でギラギラさせると、かえって安っぽく見えてしまうことが多いんですよね。派手さを出しつつも品を保つバランスは、無料素材を組み合わせる作業の中でも地味に試行錯誤したポイントです。 ■ 吹き出しの配置で視線の流れを設計する 吹き出しは画面下部に配置し、「このチャンスお見逃しなく!」という一言を添えています。これによって、メインの「大特価!」という文字を見た後、視線が自然に上から下へ流れていくように設計しました。POPやバナーは情報を詰め込みすぎると読みにくくなるので、要素を絞ってシンプルに配置することも意識しています。 ■ ゼロから描くと地味に時間がかかる集中線 集中線を自分でイチから描こうとすると、線の角度や本数のバランスを取るだけでも意外と手間がかかる作業です。それをこうした無料素材を使うことで一気にショートカットできるのは、制作時間を短縮したい方にとって大きなメリットだと思います。今回のように「集中線素材」と「吹き出し素材」を組み合わせるだけでも、ここまでの見た目に仕上がるという実例として、この使用例を残しておきたく投稿しました。 ■ こんな場面で活用できます ECサイトのセールバナー作成、店頭POP、チラシ、SNSの告知投稿など、「今だけ感」「大特価感」を演出したい様々な場面で参考にしていただけると嬉しいです。無料素材でもここまでのクオリティのデザインが作れるという点を、ぜひ実際に手を動かして体感してみてください。