EdTech 新規事業立ち上げでの0→1デザインプロセス 【ロゴ編】

こんにちは。dotDデザイナーの山口です。
なんだか大層なタイトルをつけてしまいましたが...
今回、弊社で新しく自社事業として開発を進めている『meepa』のロゴを作成したので、そのプロセスをご紹介できればと思います。

『meepa』は、「子どもの本当の好きに出会えるAIによる課外活動マッチング」というコンセプトのサービスで、コンセプトを英語に意訳し（"Meet your passion"）、省略し、最終的にmeepaというサービス名になりました。ちなみに、今春から地域を限定してPoCを開始する予定になっています！

ロゴ制作の背景

まず始めに、今回ロゴを作る事になった背景としては

・サービス名が正式に決定
・暫定版のロゴ、クリエイティブだった
・商標登録にロゴの登録が必要
・今春からPoCが開始

が主な要因となります。

いや、そもそも暫定版って何？0から作るんじゃないの？って話なんですが、スピーディにニーズ検証を行うための仮想LPを作り、ターゲットとなる方達へのヒアリングを実施するために用意したロゴ&クリエイティブが存在していたんです。

この暫定版デザインは、
・3歳〜12歳までの子どもを持つ親向けのサービス
・お子さんの本当の好きが見つかる
・AIによる課外活動マッチング
などを考慮して「それっぽい感じ」に仕立てたものでした。

はい、meepaじゃないですね。プロジェクト開始当初は「dotE」というコードネームで進めていました。dotDが提供するdotE。安直ですね...笑
とはいえ事業責任者の山中は中々気に入っていたようです。
そんな彼が主導して辿り着いたサービス名についての検討はこちらにまとまっているので興味があれば読んでみてくださいね👇

ロゴ制作の前に

僕はこれまで長年デザイナーとして活動してきましたが、０からサービスを作る機会って実は無かったんですよね。

制作会社に居るとロゴのリニューアルに関わる機会はありますが、その場合そもそもサービスのコンセプトやクリエイティブのコンセプトが明確になっていますし、見えている課題を解決するための施策になるわけで、０からロゴを作るということは即ちクリエイティブのコンセプトを決めることも必要になるわけです。

という訳で、実際にロゴを制作するにあたってのプロジェクトの流れや進め方は下記の記事などを参考にさせていただきました。

これらを踏まえて、ロゴを作るにあたって3回のワークショップを実施する事にしました。

Day1
1. らしさの言語化
2. キーワードを発散

Day2
1. ラフデザインレビュー
2. 方向性の絞り込み、FB

Day3
1. FB反映版ロゴのレビュー
2. 最終的に１案に決定

「らしさ」の言語化と発散

Day1ワークショップに参加してもらったメンバーは、サービス名検討ワークショップに関与していた方や、meepaの事業に関わりたいと思って本プロジェクトに参加してくれたインターンの方々の計8名です。ワークショップは、リモートでの開催とするため zoom + miro を使用して進行しました。

Day1の目的
1. meepaらしさ（now/future）を言語化してクリエイティブの方針を探る
2. カラーの検討

まずはメンバーが現状で感じている「meepaらしさ」を言語化してもらうために、meepaらしい（こうあって欲しい）キーワードとmeepaらしくない（こうなってはならない）キーワードをそれぞれ８マスシートに記述してもらった後、何故そのキーワードを出したのかを１人１人に説明してもらいました。

結果は、みんなのアウトプットに大きな違いは無く、なんとなく向いている方向は一緒！という事が分かりました。（前段で触れましたが、このワークショップを開催している時点では仮想LPも存在している為、多少のバイアスがかかってしまっている事は想定出来ますが。）
内容を一部抜粋したものが👇

meepaらしいキーワード
フレンドリー、楽しい、受け身、気づきが得られる、あたたかい、出会い、個性、寄り添う、可能性、好奇心、生きる力、多様性、明るい、気が利く、頼りになる、世界が広がる、ワクワクする、簡単、豊かな、親子で幸せ

meepaらしくないキーワード
実利重視、堅苦しい、強制される、親のエゴ、つまらない、大変、冷たい、不誠実、無愛想、しつこい、怪しい、小賢しい、煩わしい、わかりにくい

これらのキーワードを元にロゴを作る...と言ってもまだまだ抽象的ですし、ヒントが少ない気がしますよね。そこでロゴ制作の鍵になるようなキーワードを得る為に、ここで得られたキーワードから更に連想されるキーワードを全員でどんどん追加、発散していきました👇

たくさんのワードが出てきて、「これは良い切り口になりそう」と思えるキーワードもチラホラ出てきたように感じました。

カラーの検討
最初に出してもらった「らしさ」のキーワードを元にカラーの検討も行いました。左がキーワードを４象限マップにプロットしたもので、右が日本カラーデザイン研究所が提唱している配色イメージスケールです。

SOFT / WARM エリアにキーワードの偏りがあります。情緒的なキーワードや振る舞いに関するものが多かったようです。対してCOOLやHARD寄りのキーワードは機能に関わるものが含まれていた傾向があったように思います。
対応する色を見てみると、たのしい・ポップな・子どもらしい等のカラフルで明度の高い色が当てはまりそうですね。HARD寄りの重厚なイメージはもちろん該当していません。

このカラー検討については、個人的には想定通りの結果となりましたし、暫定クリエイティブの印象ともズレていませんでした。とはいえプライマリカラーは何なのか？など今後検討しなければならない事はあるのですが...ひとまずDay１はここまでの検討で終了となりました。

切り口を見つける

Day1で得られたキーワードを元にロゴのラフデザインを作らないとならない訳ですが、まずはロゴをつくるためのクリエイティブのコンセプトとも言える切り口をいくつか見つける事にしました。

マッピングされたキーワードの中から自分が気になったものをピックアップして、その周辺にある言葉を抽象化してみると...４つのグループに分けることができました。

1. 個性
2. 情熱、ココロ
3. 新しい世界
4. 成長

なんだかデザインの方向性としては差が出そうですし、それぞれがmeepaの特徴を表すものなので良い気がしてきました。
とはいえこれで本当に良いのかな？と思い、マッピングされたキーワード群を少し整理してみました。

大きく４つの分類に分けており、ベースにあるのは「らしさ・振る舞い」。そしてサービスを使うことで生じる「情緒価値」、サービスが提供している「機能価値」、サービスを体験して得られる「ベネフィット」としました。

こうして俯瞰して見ると、先程の４つの切り口がそれぞれ情緒的価値、機能的価値、ベネフィットにうまく分散していました。ベースにあるものに関しては全てに共通して含まれているべきものなので、切り口のバリエーションとしてはこれで良さそうです。

ここからは４つの切り口でラフデザインを進め、Day2に臨みます。

ラフデザイン→３案へ絞り込み

Day2ワークショップへ向けて、ラフデザイン案はデザイナー2名で複数案を持ち寄る事にし、被らないようにするために事前に擦り合わせを行いました。また、作り込み過ぎずに方向性を判断できるレベルのものを用意しました。

Day2の目的
1. ラフデザイン案の中から数案に絞り込む
2. それぞれの案へのフィードバックをもらう

用意したロゴ案👆に対して１人３票投票してもらい、上位３案をベースにブラッシュアップしてくる流れとしました。

結果的に残った案は下記の３案でした！

『個性』案のフィードバック
アイコンが欲しい、シンボルマークはどれ？、アプリアイコンはどうする？、色味を変えたパターンが欲しい、モノクロの場合はどうなるか、等

『あたらしい世界』案のフィードバック
タイポグラフィのパターンが見たい、彩度の高い色・３色以上のパターンも見たい、色味が寂しい、元気さが欲しい、扉の先が暗いのが気になる、扉に見えないかもしれない、等

『成長』案のフィードバック
タイポがちょっと堅い、木よりも芽のイメージが強いかも、子供っぽさが欲しい、字体に丸みが欲しい、女性向け雑貨店ぽさが強い、成長感を出したい、Mが本に見える、等

以上、全員からフィードバックを出してもらったところまででDay2は終了となりました。

ブラッシュアップ版の制作

Day2で残った３案のそれぞれを、フィードバックを加味してブラッシュアップ版を検討していきました。色のバリエーションやシンボルマークのパターン、ベースのタイポグラフィの選定や調整など...。

別プロジェクトの合間に時間をつくり、ひたすら検討を重ねていきます。デザイナー同士で毎日定例MTGを設定しているので、その際にフィードバックをもらいつつ、改良を重ねていきました。

この段階では細かな差異や調整が多くなっていたので、デザイナーのみで検討を進めました。結果としてブラッシュアップ案はそれぞれ👇のようになりました。判断材料としてキービジュアルやアイコンなども一緒に用意しました。

1. 個性案

ラフデザイン版では要素が重なり過ぎていた為に読み難さがあったので、同系色で濃淡をつける事での奥行きや組み合わせを表現したもの（上）と、部分的にカラーを入れる事で印象づける案（下）を用意しました。

個性案はカラフルなロゴにすることは決めていたので、使用するカラーの選定や彩度・明度のパターン検討を繰り返しました。5文字における色の順序も見る人への印象がガラリと変わるため、考慮しなければならないものでしたが、「明るさ」「元気さ」などの印象を与えたいと考えて赤〜黄の暖色系から始まるパターンを採用しました。

2. あたらしい世界案

扉のモチーフを扉とゲートの２つで表現することをやめ、ゲートと飛び出すオブジェクトのみで表現する事にしました。丸、三角、四角のオブジェクトは、meepaを通してあたらしい世界へ踏み出す、多様な個性を持って変化していく子どもたちを表現しています。

3. 成長案

ラフデザイン案から、木のシンボルマークをかなりシンプルにしました。子どもらしさや親しみやすさを強く感じてもらえるような柔らかい形状にしつつ、木として認識してもらえるような状態を目指しました。

...４案になってる！

そうです、個性案のみカラフルさの主張具合や読みやすさのパターンとしてどうしても２パターン用意したほうが良いと思い追加しちゃいました。
でもこういうの大事だと思うんですよね。

これで最終案の絞り込みDay3へと臨みます...！

３案→最終案の決定

Day3ワークショップでは、３案（４案）の改良点やコンセプトを説明をして、良いと思うものへ１票投票してもらうようにしました。もうここまで来たら、どの案になっても良いものが出来たと思っていたので、結果を見守るだけです🙏

投票の結果は...

扉案に決定しました！🎉

...が、その場で個性案も捨てがたいので、タイポグラフィを組み合わせてみたらどうか？という意見が出た為、急遽サンプルをその場で作成してみることに。

案外成立しますね。
更なる投票の結果、満場一致で左バージョンが選ばれました。
これでロゴは決定となりました🎉🎉🎉

仕上げはフィボナッチサークルで

ロゴは決定したものの、クオリティとしてまだ詰める余地があるということで、特にシンボルマークの不安定さの改善を中心に調整していく事になりました。

そこで調整の手法として、下記を参考に進めてみようと決めました。

黄金比を使ったロゴデザインのプロセスとは？｜Goodpatch Blog グッドパッチブログ

記事を参考にして、フィボナッチサークルを用意し、それらを使ってオブジェクトの大きさや配置を整えていきます。

オブジェクトの大きさや向き、角度などのバリエーションも作成していきました。この辺りのやりとりもデザイナーのFBをもらいつつ進めていきます。

調整前後での変化は👇のようになりました。

シンボルマークが整理されたのと、全体的な余白やバランス、色味の調整を行いました。元々少し間延びしていた部分が詰まって強度が出た気がします...！

最終的にFIXとなったロゴは👇

これから

ロゴは決まりましたが、各種ガイドラインの制作の必要も出てくるでしょうし、その他のデザインに関しても新しいロゴやクリエイティブコンセプトを反映していかなければなりません。やることは山積みです💦

そもそもmeepaは今春からPoCを実施予定なので、サービスとしてまだまだ動き始めたばかりです。子どもを持つお父さんお母さんの助けになれるように、またお子さんが新しい可能性を見つけられるように、プロジェクトメンバー一同スピーディに事業を推進していくつもりです！

meepa | 子どもの本当の好きに出会う 課外活動マッチングサービス

また、meepaの事業を一緒に進めてくれるメンバーも募集していますので、興味のある方は是非チェックしてみてください👇