クックパッドのVisionをイラストにするまでにやったことステップ10

2020年2月28日 17:07

こんにちは、クックパッドデザイン戦略部の市原(@ichihii3/Insta)です。

クックパッドといえば「レシピ」ですが、実は「毎日の料理を楽しみにする」というMissionを掲げて日々サービスを開発しています！今回、そのことを多くの方に伝えるためのプロジェクト（Visionのイラスト化)の話をしたいと思います。企業のVisionを伝えやすくする方法の参考になればと思います。

Cookpad Visionって何？

地球温暖化の原因として、食品関連（輸送費・家畜飼育・開墾のための森林伐採）の業界が第２位といわれてるのをご存知でしょうか？私たちが何気なくしている「毎日の食事に対する選択」が、めぐりめぐって地球環境に大きな影響を与えているのです。だからこそ「料理すること」を通じてもっと世界を良くしたい。「Cookpad Vision」は、私たちクックパッド株式会社が信じている・大事にしていることを示した文書です。

なんで、イラストにするの？

「Cookpad Vision」は、全編英語の30ページ程度の社内文書です。その中で綴られている目指す世界について、より簡潔に、より直感的に伝えるためのツールとして、今回はイラストという表現を選択しました。

では、さっそくステップに沿ってすすめていきましょう！

イラスト完成までのステップ１０

＜まず下準備：１−５＞
１ Cookpad Visionを理解する
２岩田さんにフィードバックをもらう
３メンバーの解釈を加え文章をまとめる
４ストーリーをつくってシーンで分ける
５イラスト化のキーワードを選出する
（※Visionのまとめ方を知りたい方向けの内容です）

＜いよいよ制作：６−１０＞
６イラストの構成を検討する
７トンマナを決めて、下書きする
８着色・色味の検証する
９多様性を考慮する
１０最終調整する
（※イラストの描き方を知りたい人向けの内容です）

下準備

１ Cookpad Visionを理解する

まずは、自分が内容をしっかり把握する必要があります。渋谷のレンタルスペースを半日借りて、内容を噛み砕くプチ合宿が行われました（with miwa kuramitu/ risakorian）。会社からスプリントボックス(*付箋・太ペン・タイムタイマー等・がまとめて入ってる社内に常備されているもの）を持参しました↓

各自でCookpad Visionを読んだ上で、章ごとに大事だと思う内容を付箋に出していきます。その後、投票して絞り、順番を入れ替えながら、30ページの内容を最終的に10行の文章にまとめていきました。ポイントは、まとめた文章を何回も声に出して読むこと。録音してみんなで聞きながら作業しました。

(左図)大事だと思うところを書き出して投票・（右図）流れに沿って何度も入れ替えるているところ。

まだ粗い状態ですが、半日を通して、内容をしっかりと理解することができました。

２岩田さん(※CEO)にフィードバックをもらう

合宿で完成した文章の内容が、会社として表現したいことができるか？を、岩田さんに確認しました。ここでまた文章が広がりましたが、Visionの中でもより大事なポイント、伝えるべきことが徐々に明確になっていきました。（※社員はCEOのことを「岩田さん」と呼んでいるので、現場の雰囲気が伝わるようにこの記事内ではそのままで書かせて頂きます）

３メンバーの解釈を加え文章をまとめる

ステップ１の合宿３人でまとめた内容と岩田さんの文章を照らし合わせ、必要のないところを削りました（合宿で大事だと絞ったものが、実はいらなかったり…）。更に、似た内容のものは一つにまとめていきます。みんなが確認できるようにFigmaで過程を残しました。

４ストーリーをつくってシーンで分ける

ここから、他人に説明する際にきちんとストーリーになるように、文章の順番を入れ替えていきます。まわりくどくなりそうな「でも、しかし…」のような逆説で文章がつながるところは、すべて前半にまとめました。タイトルをつけることで、イラスト化に必要なシーンも徐々にわかってきました。

５イラスト化のキーワードを選出する

シーンごと、イラスト化するためのキーワードを書き出していきます。例えば、今の私たちが住む現代社会を表現するキーワードは「立ち並ぶビル・便利な移動手段・お金」。今、私たちが犠牲にしているものは「切られた森・水質汚染・ゴミの問題」などです。これを、７シーン分書き出しました。これでやっとイラストを作成する準備が整いました！次からいよいよ制作へ！