palanDXのロゴとデザインの作成過程を紹介！

はじめに

bageleeの運営会社であるpalanでは、スピードのあるデザインとシステム開発を提供しているpalanDXというサービスがあります。
先日そのpalanDXというサービスのロゴを作成し、それに伴ってサイト全体をリニューアルしました！

今回は、ロゴの作成過程とそれに合わせたサイトのデザインの目的やリニューアルの際に意識したことをご紹介します！

ロゴ作成の過程

最終的なロゴがこちらです！

DXをモチーフに半円を2つ使うことで既存のものを新しく改善する様子を現しています。また、丸みをもたせることで寄り添う親密さが出るように、シンプルな造形にすることでモダンなロゴになるように意識しました。

ここからは、ロゴの作成手順について詳しく紹介します！大きく3つのステップを踏みました。

コンセプトを定義

まずは、サービスの利用者が求めていることについて、サービス内容と全体の視点から考えます。
palanDXは、DX支援とDXソリューションの2つのサービスがあるため、全部で3つの視点から利用者が求めていることをそれぞれ定義しました。

次に、palanDXの想いと利用者が求めていることを元に、キーコンセプトとキーワードを決めていきます。

今回のキーコンセプトは、
「プロダクト開発業界の未来を創る」「誠実な姿勢でDXに取り組む」「スピーディな開発で事業を実現する」の3つを掲げることにしました。

キーワードは、「業界の未来を創る」「スピーディな開発」「誠実に寄り添う」を設定し、それぞれから関連する単語を3つほどリストアップします。

他社調査

続いて、ベンチマーク企業のロゴの調査を行います。
x軸とy軸を決めて、印象を分類します。今回は「伝統とモダン」「丸みとシャープ」の2軸で10社ほど調査しました。

調査の中で、自分たちのロゴがどこのポジションを目指すのかが定まったらいよいよ作成に移ります！

ロゴ案を作成する

最初は色んなアイデアを書き出し、何パターンかロゴを作成しました。
先に決めていたコンセプトに沿って、キーワードである「スピーディーさ」「プロダクト作りの未来」「DX」などから連想したモチーフを組み合わせていきます。

モチーフが決まったらフォントと組み合わせて全体的なバランスを調節します。

palanDXはpalanの事業部の一つという位置付けなので、フォントはpalanでも使われているものをベースにしました。

最終的に元のサイトの雰囲気に合わせたパターンと、合わせずロゴを優先させたパターンの２つを作成しました。
それぞれのロゴに合わせてメインビジュアルを何パターンか作成し、実際にどんなサイトの雰囲気になるのかが分かりやすいような形で提案します。

フィードバックでは、下の案の方がワクワクする、palanDXが目指す未来に近いのではないかという意見を頂きました。

事前に決めていたサイトの情緒キーワードとして、誠実だけでなくワクワク感も設定していたので下の案でロゴを決定し、サイトのリニューアルに着手しました！

デザイン作成

今回は文言や全体の構成の変更はなかったため、元のサイトをワイヤーとしてあしらいなどを作成しました。

個人的にメインビジュアルの作成が特に難しく、複数のパターンを作成してデザインチームの方と週に1度行う共有会で相談しながら進めていきました。

共有会では、相談した部分についてみんなでデザインを作成して比較することができたり、アイデアを頂けたりするのでとても重宝しています！

途中案と最終案の比較です。
フィードバックで頂いたあしらいの工夫や余白を改善して、最終案ができました！

ロゴに合わせてふたつのモチーフや丸み、半円などを用いたデザインにしています。

ロゴに使用した2色をサイト内で使い、ワクワクするような可愛らしさを表現しつつ、レイアウトで誠実さが伝わるように余白や整列を意識しました。

デザインの変遷

最終的なリニューアル前と後のデザインの変遷です。
内容は同じものの、サイトを見た時に感じる雰囲気は異なるものになったのではないかなと思います！

palanDXのサイトはノーコードツールであるSTUDIOで作成しています。
STUDIOの直感的なGUIのおかげでスムーズに、デザインのリニューアルをすることができました！

レスポンシブ化もある程度はSTUDIO側でやってくれるので、自分で調整する部分は少しになりとても便利です。

STUDIOで作成されたサイトギャラリーであるSTUDIO Showcaseにも掲載していただいたので他のサイトと合わせて見ていただけたらと思います！

まとめ

palanDXのサイトリニューアルについて紹介しました！
ロゴやデザイン作成について、参考になる部分があれば嬉しいです。

今回新しく作成したデザインに合わせて、これからもっとコンテンツを充実させていく予定なので、引き続き分かりやすくてワクワクするようなデザインを作成していきます！

palanDXのサイトはこちら