【at Designship 2024】制作の裏側・キービジュアル制作編：200個以上のサービスを1枚で表現する

はじめに

こんにちは！サービスデザイン部の鈴木と文です。

日本最大規模のデザインカンファレンス「Designship 2024」が10/12(土)、10/13(日)に開催され、GMOインターネットグループはトップスポンサーとして参加しました。

GMOインターネットグループとして、デザイン関連のイベントに協賛するのは初めてだったため、キービジュアル、ノベルティ、ブースデザインなど、すべてのビジュアルを一から制作することになりました。私たちはそれらすべての制作を担当しました。

そちらの制作における試行錯誤を前編・後編に渡って紹介していこうと思っています。

前編の今回はキービジュアル制作編です！

「制作したキービジュアル」

GMOインターネットグループのメインカラーである青をベースに、グループ各社が展開する200色以上のサービスカラーを取り入れ、様々な事業に取り組んでいるGMOインターネットグループの多様性とデザイナーの存在を表現しています。

こちらのキービジュアル制作過程を振り返りながら、Designship 2024を通じてGMOインターネットグループのデザインをどのように表現したか、そして制作を通じて得た学びについてご紹介します！

キービジュアル制作のプロセス

 制作の背景

GMOインターネットグループでは、Designshipの出展に向けて、現場チーム、コンセプト設計チーム、施工会社など、多くのメンバーが集まり、企画に取り組みました。関わる人数が多いことから、全員で共通認識を持った上で一貫性のあるデザイン設計を行うために、1枚のキービジュアルを作成することにしました。

私たちは既存のブランドイメージを維持しながら、GMOインターネットグループのデザインという新しいイメージを作り上げることに挑戦しました。そのために「何を伝えたいのか」に焦点を当て、メッセージを具現化していきました。

コンセプト設計

ブレインストーミング

まず初めに、GMOインターネットグループのデザイナーのイメージを理解するために、8名以上のメンバーを巻き込んでブレインストーミングを実施しました。

ブレインストーミングは、4つのテーマで実施しました。

• 「GMOインターネットグループから連想されるイメージ」

• 「GMOインターネットグループのデザイナーの特徴」

• 「デザイナーが存在し、力を入れている状態とはどういうものか」

• 「デザイナーに対する一般的なイメージ」

「GMOインターネットグループとはどのような会社か？」や「GMOインターネットグループで働いているデザイナーとはどのようなイメージか？」という視点から意見を出し合い、ポジティブとネガティブな印象に分類しました。

この結果から見えてきたのは、「ITの大手の企業グループとしての認知はあるものの、その中に多くのデザイナーがいて活躍していることが十分に伝わっていない」という課題でした。

そこで私たちは、GMOインターネットグループの多くのグループ会社でデザイナーが活躍し、さまざまな取り組みを行っているということを全力で発信することに決めました。

キーワード選定とその重要性

ブレインストーミングの結果をもとに、GMOインターネットグループとデザイナーの印象、そしてキービジュアルで伝えたいことを整理しました。

その結果、「GMOインターネットグループのデザイナーが何をやっているかわからない」という課題の背景には、活動範囲の広さと多様な取り組みが外部に十分に伝わっていないという要因があることが明らかになりました。

ブレインストーミングを通じて表現したいイメージを具体化し、「ダイバーシティ」「イノベーション」「流動的」という3つの一貫したキーワードを見出しました。これらのキーワードは、キービジュアル制作における重要な基盤となりました。

コンセプトイメージの形成

次に、選定したキーワードに基づいて、具体的なビジュアルイメージの構築に取り組みました。

伝えたい内容からキーワードを抽出し、それらに関連するイメージを出し合った結果、以下の要素を取り入れることに決定しました。

「曲線」「無形」「暖かい」「青」「派手やか」

さらに、メッセージをより明確に伝えるため、対立する単語をもとにデザインコンセプトの軸を設定し、伝えたいイメージを具体化しました。

選定したモチーフとその意味

キーワードとデザインコンセプトの軸を基にモチーフを出し合った結果、以下の3つが候補として挙がりました。

青い炎：発見当初は危険視されていた炎が、今や欠かせない存在に。青い炎はGMOインターネットグループの青を使用し、熱い心を持つGMOインターネットグループを象徴

ドット（ピクセル）：インターネットの始まりを示すものであり、GMOインターネットグループのドメイン事業にも関連。この形は目に見えないが、全てのネットワークはドットで構成されており、GMOインターネットグループにも多様な要素があることを示している

光のスペクト：プリズムを通過した光が多様な色を生むように、GMOインターネットグループでデザイナーとして働くことで多様性を広げていく様子を表現する

これらのモチーフを参照しながら、ダブルダイヤモンド方式でアイデアを膨らませ、表現したい形を決定しました。最終的には、GMOインターネットグループのデザインコンセプトで使われているトライアングル型に基づいて、サンプルイメージ、ラフイメージ、そして実際のデザインイメージを具体化していきました。

※添付したイメージはその一部。参考イメージまとめから生成AIでイメージを作成するなど。

ビジュアル制作

シンボルのデザイン

トライアングル型デザインコンセプトの構築を経て、最終的に「ドット案」を採用しました。この案では、GMOインターネットグループの多様なサービスに携わるデザイナーが集結し、シナジーを生み出す様子を、ドットの繋がりで表現したシンボルマークの制作を進めることにしました。

モチーフごとにメッセージを込めることで、全体としてGMOインターネットグループデザイナーのイメージを強化できるよう意図しました。GMOインターネットグループデザイナーのイメージをさらに強化するためには、クリエイティブ作成が非常に重要となります。そのため、どのようなシンボルでGMOインターネットグループデザイナーを表現するかを改めて考え直し、取り組んでいきました。

最終ビジュアルの決定

フィードバックをもとに何度もブラッシュアップを重ね、GMOインターネットグループデザイナーを「シナジーボックス」というシンボルで表現することとしました。

シンボルの形がボックスである理由は、GMOインターネットグループにデザイナーがいることが知られていない状況を表現しているからです。このボックスは、何が入っているかわからないプレゼントの箱をイメージしています。

シナジーボックスに込めた想い

このデザインには「〇〇のデザインを通じて『すべての人にインターネットを身近に、便利に。』」という熱い思いが込められています。できあがったシンボルは、GMOインターネットグループのブランドを表現するだけでなく、私たち全員の価値観そのものを象徴しています。

シンボルマーク作成の過程で、シンボルだけで「GMOインターネットグループの多様な取り組みを表現できるか」という疑問を持ちました。

GMOインターネットグループには多くのグループ会社があり、その中には200社以上のサービスが存在しています。そこで、GMOインターネットグループのメインカラーである青を基調にグループ各社が展開する200色以上のサービスカラーを集め、シナジーボックスを構成することにしました。このシンボルには、さまざまなサービスに関わっている複数のGMOインターネットグループデザイナーの個性や、各デザイナーがもつ多様な色が込められています。

1色1色では目立たない、あまり使われない色が集まることで、美しいキービジュアルへと変わっていく様子は、GMOインターネットグループのさまざまなサービスが集まって良いシナジーを生み出していることを示しています。この一枚のキービジュアルが、GMOインターネットグループデザイナーとしての活動や成果を象徴するものとなることを願っています。

将来的に、GMOインターネットグループのデザイナーが世の中にさらに広がった際には、このシナジーボックスを開けて、どのような成果が出てくるのかを表現していきたいと考えています。

ボツ案まとめ

「ドット」のボツ案

ボツ理由

• 文字が読みにくくなっている。

• キャッチコピーの〇〇のデザインを通じてが何を通じてなのか伝わりにくそう。

ボツ理由

• シンボル・ドット・箱など、いろんな意味を一気に込めているので、伝わりにくくなっている。

ボツ理由

• GMOインターネットグループのイメージが伝わりづらい

• これを使っての展開が作りにくい

「炎」のボツ案

ボツ理由

• 炎からGMOインターネットのイメージを想起しずらい

• デザインのイベント感がない

ガイドライン制作

ガイドラインの目的

制作したキービジュアルの一貫性を保ちながら、様々な用途に展開していくため、ガイドラインを制作しました。このガイドラインには、ブース装飾やノベルティなどの具体的な活用例を含め、デザインの基本要素や使用規則を定義しました。

ガイドライン作成の課題

普段はルールが決まっているガイドラインを使用する立場であり、自分でルールを決める経験がなかったため制作に苦戦しました。

特に展開イメージの制作には苦労しました。業務ではデザインの完成度を追求しますが、今回は他の人が展開しやすいパターンを提示する必要があり、作り込みすぎないデザインに不安を感じました。

最初は作り込みすぎて使い回しにくいものばかり制作してしまいましたが、レビューを重ねるうちに、他の人も活用できるデザインには適度な余白が重要だと理解できました。

ガイドライン一部公開

ガイドラインでは、このキービジュアルの意図と構成要素が明確に伝わるような構成を心がけて制作しました。さらに、ノベルティやブース展開に活用できるよう、複数の展開パターンも追加しました。

ガイドラインでは、このキービジュアルに込められた意図やメッセージが伝わるように、画像と説明文の構成で制作しました。各ページでは、デザインの背景にある考え方から具体的な使用方法まで、段階的に理解を深められる構成としています。さらに、実際の活用シーンを想定し、ノベルティ制作やイベントブースのデザインなど、様々な展開場面に対応できるよう、具体的な使用例と応用パターンを複数用意しました。

ガイドラインを参照する人々がキービジュアルの本質を理解しながら、柔軟に活用できる内容となっています。

キービジュアル制作からの学び

今回のキービジュアル制作を通じて、1枚のイメージに伝えたいことをどのように表現するかの重要性を学びました。GMOインターネットグループの企業やデザイナーの存在を世の中に広めていく上で様々な課題に直面しましたが、伝えたいメッセージを明確にするプロセスによって、デザインの質が大きく向上することを実感しました。

まとめ

今回制作したキービジュアルをノベルティやブース展開に活用し、Designship2024を通じてGMOインターネットグループのデザインを効果的に発信することができ、クリエイティブの面から大きく貢献できたと考えています。

そちらの制作に関する記事も後編として公開する予定なのでそちらも楽しみにしていただけたら幸いです！