見出し画像

【イベントレポート】デザイン作成や提案時に役立つ!ムードボードを作成しよう

こんにちは、ALCHEMY デザイナーのリサです!
株式会社ALCHEMYでは、メンバーが成長できる機会を提供するべく、さまざまなテーマを掲げてイベントを実施しています。
今回は、過去に開催されたイベントの一つをご紹介したいと思います。

そのイベントがこちら!

開催の背景

お客様にデザインを提案する際に、よく起こるのがイメージのズレ。
デザイナーとお客様の脳内に浮かべている内容が実は全然違うのに、本腰入れてデザインをつくってしまい、いざ内容が具現化した瞬間「思ってたの違う!」なんてことがよくあります。
そんな風にならない為にはどうしたらいいですか?という声があったので、デザイン作成や提案時に役立つ「ムードボード」をテーマにしたワークショップを開催しました。人それぞれデザインの捉え方は違うということ、ムードボードを作成することの大切さを知ってもらえたら幸いです。

当日の様子

タイムラインは以下のように進めていきました。

13:00 ~ 13:30 受付
13:30 ~ 13:50 アイスブレイク
13:50 ~ 14:10 デザインに関する座学
14:10 ~ 14:50 ムードボード作成
14:50 ~ 15:10 まとめ
15:10 ~ 15:30 質疑応答など

13:30 ~ 13:50 アイスブレイク

アイスブレイクでは、第1回で好評だった「さまざまな色・カタチの画用紙から1枚選んで自己紹介をする」というワークを行いました!

自分の性格や特徴、どんな人でありたいかなど、あらゆる要素を思い浮かべ、その要素と関連づけられる色・カタチの画用紙を1枚選びます。そして、選んだ色・カタチの理由を、自己紹介と交えながら説明していただくものです。

例えば、赤の大きい三角を選んだ場合、「私は情熱的で向上心が高く、新たな挑戦に積極的に取り組むことができます。ただ、人前で話すのが少し苦手なので、これからもっと大きく成長したいと思っています」など

即決する方もいれば、手にとってどれにしようか悩んでいる方もいました。
1つの色とカタチで自分を表現するのは意外と難しい・・・!

13:50 ~ 14:10 デザインに関する座学

自己紹介が終わった後は、スライドを活用しデザインに関する座学を行いました。
色やカタチが与える印象やコーポレートカラーについてなどお話ししました。

14:10 ~ 14:50 ムードボード作成

デザインに関する話を終えて、本日の本題「ムードボード作成」を始めていきます!

(その前に軽くご説明させていただくと・・・)
ムードボードとは、アイデアやコンセプトを画面や紙面にコラージュして作成したものを指します。チーム内でデザインの認識や方向性のズレをなくすために使用します。

引用サイト:伝わるムードボードの構築方法(https://sevendex.com/post/17657/

一言で「かっこいいデザイン」といっても連想するイメージは人それぞれです。
ダイナミック、スタイリッシュ、シンプル、洗練されたデザインなど。
お互いのイメージに相違がある状態でデザインを進めると、結局デザインを作り直すことに・・・

そこで、ムードボードを作成しコンセプトを可視化することで、全員の共通認識を得ることができるというわけです!

それでは、ムードボード作成の内容をご紹介します。

ワークショップのお題はこちら
お題:「〇〇大学のサイトをリニューアルしよう」
要望:若者が興味を引くようなデザインにして欲しい、大学のサイトなの?というレベルでもOK

以下4つのカテゴリーに分けてムードボードを作成していきます!

  1. POP、にぎやか、楽しい

  2. 力強さ、エネルギッシュ、元気

  3. カジュアル、親しみ、優しい

  4. クール、かっこいい、信頼感

ツールはFigmaを使用し、6名の参加者を3人・3人の2チームに分けて取り組んでいただきました。

チーム内で「これは当てはまるかな?」「これいいですね!」など話している様子

素材は、Pinterest(ピンタレスト)や参考Webサイトから探してかき集めています。

発表はチーム毎に行います。
なぜそのカテゴリーにこの素材を選んだのか、どんな印象を与えるのか、色やフォント、アニメーションなどの動きの部分もふまえて、みなさん説明してくれました!

Aチームのムードボード

著作権の関係でブラーをかけています

Bチームのムードボード

著作権の関係でブラーをかけています

お題とカテゴリーは同じですが、チームによって全くテイストが異なりました!(ブラーをかけているため、分かりづらくすみません)
参考サイトは同じでしたが、選んでいる素材もバラバラです。
このように、「人それぞれイメージしているものは異なる」ということが理解できたかと思います。

今回チームで作成しましたが、1人でWebサイトやLPなど何か制作する際に、ムードボードを作成するのもおすすめです!

「このあしらいもいれたい」「やっぱり違うデザインにしようかな…」と迷走することなく、自分の中で整理ができ方向性が定まるので、時間ロスにもつながります。

今回参加してくださったみなさん、ありがとうございました!!

ALCHEMYでは、メンバーの成長を促進させる機会を積極的に提供したいと考えています。そのため今後もデザイン関連やプログラミング関連の様々なワークショップを開催予定です!


株式会社ALCHEMYでは、一緒に働く仲間を募集しています。