見出し画像

デザイナー2人のコラボで生まれた!エンジニア御守り制作記

こんにちは、ファインディでコミュニケーションデザイナーをしているナカム〜(@ynakamuuuu)です!

2024年エンジニア間でプチバズりした、ファインディの「エンジニア御守り」をこの度、新しいデザインへリニューアルをしました✨
去年10月にコムデにジョインしたマエダさん(@maeda_designer)と2人でデザインを担当しましたので、制作記を記していきたいと思います✍️

ファインディのエンジニア御守りとは

そもそも、なぜ御守りをノベルティとして制作しているのか簡単にご説明します!

ファインディは「挑戦するエンジニアのプラットフォームをつくる。」をビジョンに掲げ、エンジニアに関わるさまざまなサービスを展開しています。
そのため、ノベルティを作るときは「エンジニアに寄り添う」、エンジニアのカルチャーを理解し「手に取った瞬間にクスッとなるような遊び心」を心がけています。

そこで、「エンジニアのお祈りカルチャー」に着目しました。コードを書き、テストもするが最後は『どうかバグが起こりませんように…🙏と祈ってしまうのがエンジニアなんだと社内のエンジニアに話を聞き、「御守り(=祈る)」と「エンジニアを応援したいファインディ」は親和性が高いのではないか?と考えたのがきっかけです。

詳しい制作の経緯は、前回のエンジニア御守りのデザインを担当したたかなこさん(@mrt_kanako)のnoteでチェックください🙌

そしてデザインのリニューアルへ

前述の通り前回のエンジニア御守りがエンジニア間でプチバズり✨し、去年一年間で多くの方に手に取っていただきました。
私自身もオフラインイベントに参加した際に鞄に付けて愛用してくださっている方にお会いしたり、「4種類コンプしてます!」など嬉しい声を聞く機会も多かったです☺️

思わず写真を撮らせていただいた「無バグ息災」☺️

有難いことに、多くの方に手に取っていただいたため「新しいデザインは出ないんですか?」や「既に持っています!」と言った声もちらほらいただくようになりました。
そこで前回の御守りは十分みなさんに知っていただいたということで、この度デザインをリニューアルする運びとなりました👏


Newエンジニア御守り制作、スタート☝️

2024年の10月下旬、たかなこさんから「エンジニア御守りをリニューアルしたいので、マエダさんと2人で制作して欲しい」と話しをもらい、制作をスタート☝️
2人で協業しながら制作した過程を、順を追ってご紹介していきます!

① まずは文言を決めよう

エンジニア御守り企画の担当事業部と文言を決めていきます。事業部側であらかじめ出してくれた候補を見ながら議論し、徐々に文言の候補を絞っていきました。

事業部出してくれた候補。4つの文言を決めていきます!

文言は以下を基準に選定しました✍️

  • エンジニア業界のトレンドを盛り込む

  • 技術・スキルなどテーマを満遍なく選ぶ

  • ゴロが良い

  • カタカナと漢字が入り、読みやすい文言 など

(決定した文言は後半のデザイン制作パートでご紹介するのでお楽しみに😉)

② 決まった文言をエンジニアにヒアリング

4案の文言は決まったものの、比較的社歴が浅い私とマエダさんはエンジニア用語を聞いても、自分で調べてもいまいちイメージが湧きません🧐
そんな時は社内エンジニアにヒアリングだ!!!!という事で、何人ものエンジニアに文言の意味からイメージまで聞いてまわりました。

エンジニアにヒアリングした様子はマエダさんのnoteにまとまっていますので、是非チェックしてみてください👇

③ いよいよデザイン制作スタート☝️

エンジニアへのヒアリングを通して、文言のイメージが湧いてきたところで実際にデザイン制作を始めていきます。
今回2案ずつ分担してデザインするのもあり、全体を通して統一感のあるデザインにする為に以下を事前に擦り合わせて制作をスタートしました!

  • フォント、フォントサイズは合わせる

  • 配色の被りがない様に、あらかじめ各案の配色イメージを決める

  • 前回のデザインを振り返って、今回に活かせそうな点を見つける


デザインに込めた思い

お待たせしました!ここからは各案のデザインに込めた思いをご紹介します!全4デザインの内、まずは私が担当した2種の御守りをご紹介🙌

①AI共栄祈願

AIらしさを表現するモチーフとして「回路」や「基盤」をデザインに用いました!表面から裏面につながる回路が人間とAIとのつながりをイメージしていて、AIと上手に付き合いながら共栄していける未来を願ってデザインしました。

AIの資料を集めながらイメージを固めていきます

背景には暗めのブルーを使用し、回路や基盤の色が際立って見えるような配色にしたのがポイントです💡中央の基盤部分には所々にシルバーの糸を使う事で、基盤の金属感を表現してみました!

表と裏で繋がりのあるデザインがポイント💡AIと上手に繋がりながら共栄していきたいですね✨

②リファクタ成就

アウトプットを変えずにコードの整理や最適化を行うリファクタを抽象的な表現でデザインに落とし込みました!左がリファクタ前、右がリファクタ後とビフォーアフターでリファクタの効果を視覚的にわかりやすく表現したのがポイントです。

ビジュアル化が難しいリファクタの表現を試行錯誤…

写真だと分かりずらいですが、リファクタ後を表現した部分にはシルバーの糸を使用し、色でも綺麗になったコードを表現してみました!
ぜひ実物を見ていただきたいです👀✨

リファクタ成就御守りで、あなたもリファクタ上手に✨

残り2種のデザインについては、マエダさんご自身にデザインに込めた思いを語ってもらいました🤩

③プルリク旺盛

エンジニアの開発サイクルを活性化させる要となる「プルリクエスト」が積極的に行われ、スピード感を持ってマージされることを願ったコンセプトです。
当初はプルリクエストのマージをもっと具体的に表現することを検討していましたが、より御守りであることを活かしたデザインを考え、伝統的な御守りの紋様パターンとプルリクエストの要素を組み合わせたデザインにしました!

社内エンジニアがホワイトボードを使ってプルリクエストの説明をしてくれました!その内容からインスピレーションを得てデザインを展開。

裏面にはソースコードレビュー時に使われる「LGTM」の文字を配置。(社内エンジニアからアイデアをいただきました!)
配色は、エンジニアが普段使用している開発環境のカラーテーマを意識しました。エンジニアの皆さんの開発ライフがより前向きで充実したものとなることを願っています😊

背面のさりげない「LGTM」がお気に入りです!

④脆弱性ゼロ御守

デジタルセキュリティ」と「御守り」という、それぞれの"守る"という想いを掛け合わせたデザインコンセプトです!
実は、当初は「アラート退散」という文言で進めていました。社内エンジニアへのヒアリングを通じて、「アラートはないと嬉しいが必要不可欠な存在である」という意見をもらい、より本質的な「守り」の概念に焦点を当てた、この文言を正式に採用することとなりました。

試行錯誤したデザイン案!「アラート退散(左)」から「脆弱性ゼロ御守(右)」に変更、より御守りと文言との親和性が生まれました

配色は、試行錯誤を重ねた結果、エメラルドグリーンを基調にして「安全性」と「信頼」を表現し、盾のモチーフを用いて「セキュリティ」の印象を直感的に与えるデザインとなりました!

きっとウイルスから守ってくれます💪

御守りをゲットするには?

今年版にリニューアルした「Findy特製エンジニア御守り」は「エンジニアおみくじ2025」企画でゲットすることができます🎊
(こちらの企画のデザインディレクションもマエダさんが担当したので、ぜひチェック下さい🙋‍♀️)

エンジニアおみくじとは、エンジニアの運勢を占う、新年限定のファインディ特別イベントです。今年は、SSレア級の「超大吉」もあります!
期間中は毎日(1日1回まで)無料でおみくじを引くことができるので、ぜひ「超大吉」を目指して毎日トライしてみてください🙌

Findy Blog ファインディ公式Xにて詳細が発信されるので、是非情報を追ってみてください。御守りが皆さまの手元に届くと嬉しいです😊

まとめ

エンジニア御守りは、ファインディのノベルティの中でも特に人気が高く、ユーザーに手に取ってもらえる機会が多いのでデザイン担当することに少し緊張していました。一方で、オフラインイベントやXで御守りについての反響を感じたこともあり、「ユーザーに喜んでもらえるデザインを作りたい!」という思いが強まり、今まで以上にユーザー体験を考えながらデザインする事ができたと思います✨

制作中には、わからない文言を社内のエンジニアに相談しながら、デザインにしっかり反映できたのもいい経験でした。そんな思いを込めた御守りを、たくさんの方に手に取っていただき喜んでもらえたら嬉しいです!
御守りに限らず、これからもエンジニアに寄り添ったデザインを目指して制作を頑張っていきます💪

さいごに

ファインディではデザインを通じて事業貢献をしたいデザイナーを絶賛募集中です!
もし記事を読んで興味を持たれた方はお気軽にDMまたはカジュアル面談でお話ししましょう😉

いいなと思ったら応援しよう!