交流会ウェブサイトのメインビジュアル制作手順

 

イメージ

前回記事でお知らせした、イラストレーター交流会のメインビジュアルを担当しました。
制作手順について書いてみようと思います。

こんな手順で制作を進めました。


1.参加してくれるお客さんを考えてイメージを考える


今回の交流会は

・気軽な交流会であること
・大阪本町のおしゃれなイタリアレストランで開催(会議室などカチッとした場ではない)
・運営は全員女性ですが、参加者の方は男女問わず来ていただきたいということ

がポイントだと考え、

・バルやビストロのような雰囲気
・シックな色味を使う
・男女両方の人物イラスト

まずこの3つのイメージを決めました。


2.デザイン


まず全体のデザインから考えていきました。

・メインビジュアルを見るだけでどんな人に役立つイベントか分かる
・下に続くページをスクロールしてみたくなる

ことがメインビジュアルの役割と考えて…

・参加者さんに響きそうなフレーズを選び目立つ位置に配置
・数人が楽しそうに話している様子
・バルやビストロの黒板の色味、チョークで書いたような文字

など構成する要素を決めていきました。


3.イラスト


次に人物イラストを作成しました。
下書きはこちら


4.ウェブ担当者に使用色を伝えて統一感を出してもらう


完成後はウェブ担当者にデータを引き継ぎ。使用色を伝えて、その色をウェブデザインの方にも使ってもらうことで全体の統一感を出しています。

↑使った色の番号
ウェブサイト制作は運営の一人のやんぴーさん

https://twitter.com/yumpie_/status/1028142202734571521

今回はメインビジュアルの背景と、サイトの背景を同じにしてもらっているので、より統一感があります。
ウェブサイトはこちら

 


他案はこちら


他のレイアウトもいくつか考えていました。

 


まとめ


イラストはウェブサイトなど制作物の一部、デザインの一部だと捉えて制作すると、スムーズにイメージがわき制作も進みます。
連携して作るのは中々大変なこともありますが、出来上がった時は本当にうれしいです。

交流会ではそんな話もできたらな~と思っています。

Follow me!

交流会ウェブサイトのメインビジュアル制作手順” に対して1件のコメントがあります。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です