見出し画像

コープさっぽろの事業アイコンをデザインした話

コープさっぽろアドベントカレンダー企画
コープさっぽろ オープン社内報
コープさっぽろ内の様子や、自分の仕事の話や取り組んでいること等みんなに伝えたいことであればテーマは何でもOK!!をテーマにそれぞれの部門の職員が(システム部多め)自分の仕事について、ブログを書いています!
ぜひ、他の職員の記事も見てみてください♪

コストコで買ったココアが五臓六腑に染み渡ります。
こんにちは #わかまさ です。
コープさっぽろに入協して早くも1年が経過しました。
https://dx.sapporo.coop/n/n0989c4ab0e0b?magazine_key=m131d2cf2bb29

こんな大きな規模の企業に参加することが無かったため「なんもわからーん」な状態がしばらく続いていましたが、1年も経つとやっと数ある事業や関連性のことも少しずつ分かるようになってきました。

そんなある日、
> お願いなのですが、スライドで使えるような各事業部の雰囲気が統一されたアイコン集を 作って頂けませんでしょうか?ちょうどシステム部の皆さんがこの3ヶ月でPJ計画書を書いているので活用できるかと思います。

画像1

という相談が内部のslackでありました。

たまたま別件で内/外部公開する資料用にコープさっぽろの主要事業を表すイラストを作成しており、周知があった直後にもっと作れないか ということで。

作ってみた

要件
・スライドで作る資料や図で使用する各事業・サービスのイラスト
・あわせて、material iconの用にサイトやアプリのワイヤーフレームなどで使えるアイコンセット

画像2

画像3

画像4

画像5

画像6

これを作った当時、絶賛資料制作祭りが各リーダーたちの間で起こっており、とにかく急いだほうがいいかな〜と思いながらこねこね作っていきました。

作りながら考えてた・気をつけてたこと

カラー
資料や紙面での利用メインかなと想定し、イラストレーションとしてある程度描き込みをしたものにしようと思いました。
これには、宅配トドックと移動販売カケルや子育て系といった同カテゴリの中に様々なサービスがあるケースが多いため描き込みによって差別化を図りたいという意図もあります。

色味は落ち着いたトーンの配色とも迷いましたが、明るい印象になるようにコープグリーンを基調にした彩度の高めのものに。

また、今回は立体感を感じるような影や光を加えたフラットデザインで使われるようなテイストにして煩雑な図の中に配置しても際立ってくれるといいな という願いも込めて作成しています。とはいえトレンドの移ろいもあるため、影や光を外しても使えるようにはなっています。

画像7


モノクロ
webやアプリ画面に使用するイメージなため、1つひとつを正方形のベースに収まる形に。
ここは今後修正の余地があると思いますが、ある程度は複数アイコンを並べてもサイズ感が揃うようにバランスを調整しています。
基本はカラー版のイラストレーションと統一していますが、塗りとヌキの設定はアイコンとして縮小して使用してもつぶれにくくなるように調整しています。
svg書き出しして使用することも想定して、書き出し用データはパスも全てアウトライン済のものにしています。

画像8


感想

改めて見ると、やっぱり弊協のサービス多いですよね…笑
これでも描ききれていなかったり、サービスロゴがあるから一旦いいや!ってしたものもあるため実際にはもっとたくさん存在しています。
これらのイラストを作成する上で改めて「このサービスって何してるんだろ?」を調べたりすることもあり、まだまだ知らないことも多いのだなと思いました。
システム部・広報部という事業を横断してプロジェクトを行うチームに居るため1年で随分理解が深まったと思っていましたが、どうやらまだまだ先は長そうです。

ちなみに、一番難しかったのはセミセルフ、次点で店舗カウンターイラストでした。
ロジサービスのAutoStoreはお気に入りです。ロジ研修で実物を見せてもらえていたのもあって思い入れ深めです。
一部イラストには隠れトドックを潜ませているので、資料作りをしながら「あ!」と思ってもらえると幸いです。

文・画像:わかまさ


この記事が参加している募集

オープン社内報

みんなにも読んでほしいですか?

オススメした記事はフォロワーのタイムラインに表示されます!