MapTilerの新しいビジュアル・アイデンティティ
2018年08月07日掲載

5月にMapTilerは統合された製品群となり、ビジュアルデザインも一新されました。最初の話し合いから最終的なイメージができるまでに半年以上かかりましたが、同じような旅をしようとしている人たちに刺激を与え、助けになるようなストーリーをご紹介します。
DIYからプロのグラフィックコンテストまで
MapTilerは、新しいビジュアルデザインを緊急に必要としていました。MapTilerの最初のロゴは、2008年に創業者のPetr PridalがオープンソースのグラフィックエディターGIMPを使って作成しました。ロゴは単色で、ユニークな形ではなくWindowsを連想させる形をしており、中の地図はあまりにも写実的で、地図として認識されるまでに時間がかかりすぎました。
昨年の秋、MapTilerのビジュアルスタイルの変更を計画し始めたとき、会社のグラフィックデザイナーである私は、新しいロゴの作成を真っ先に依頼されました。私は長年のチームメンバーとして、すべての製品に精通していました。これは大きなメリットでもあり、デメリットでもありました。
99designs.comのグラフィックコンテスト
99designs.comは、デザイナーのためのクラウドソーシングサービスで、例えばDockerがMoby-Dickのアイコンを手に入れたように、インスピレーションを得ることができます。99designs.comは、DockerがMoby-Dickのアイコンを手に入れたように、デザイナーのためのクラウドソーシングサービスです。一定の時間が経過すると、請負業者は主な資金を得るための勝者を選びます。私たちの指示は次のようなものでした。
MapTiler(またはMaptiler)は、画像やデータをズーム可能な地図に変換するデスクトップソフトウェアです。私たちは世界中の詳細な地図を無料で提供しており、お客様は衛星やドローンの画像やビジネスデータを処理して、パイロットや船乗り、天気予報、携帯電話の電波状況、屋内の計画などに特化した地図を作成しています。 MapTilerは新しいクラウド・オンライン・サービスとモバイル・アプリを立ち上げようとしており、新しい製品群にふさわしい新しいロゴを必要としています。 www.maptiler.com, www.maptiler.com/cloud/, www.openmaptiles.com, www.webglearth.comを参考にしてください。ただし、新しい新鮮なアイデアをお願いします。
これまでの製品やプロジェクトで使用していた、地図やタイルを象徴するスケッチを添付しました。
新しいロゴ
難しいのは、コンテストを終了してから2週間後。優勝者1名を選出することになりました。しかし、いくつもの素晴らしいデザインがありました。しかし、私たちは1つのロゴしか持つことができないので、選択しました。
受賞者は、シンプルでユニークな形を、他では見られない鮮やかな色の組み合わせと組み合わせることができました。また、このロゴを指定のウェブツールでテストしたところ、驚いたことに、私たちのロゴと色がユニークであることがわかりました。このロゴは、デザイナーのルールをすべて満たしています。
ロゴを成功させるために守るべきルール
評価の過程では、以下のルールを遵守しています。
- ユニークな形をしています。
- 覚えやすい。
- 誰もが描けるようなシンプルなものにしたい。
- スケーラブル(より小さな解像度で、ぼかして、遠くから、白黒のバリエーションで動作します)。
- ブランドに合った色で
タイポグラフィ
デザインについて考えてみると、視覚的な外観のすべての部分が同じメッセージを伝える必要があります。私たちの場合、次のステップはタイポグラフィでした。
それはロゴタイプから始まり、ロゴと密接に結びついています。この2つのロゴタイプを組み合わせることで、若くてフレッシュな製品、そしてユーザーにとって親しみやすい製品という印象を与えたいと考えました。そこでフォントは、丸みを帯びたNexaを採用しました。
見出しにはUbuntuフォントを採用しました。この書体は、その後、ウェブサイト、ソーシャルメディア、名刺、その他の印刷物にも使用されています。
ウェブデザイン
先に述べたように、イメージのすべての部分が同じメッセージを伝える必要があります。そこで私たちは、ロゴの三角形と色を使ってWebを一新することにしました。
それぞれの製品には、その製品に最も適した色があります。色は、ロゴから取ったもので、どこから来たのか、また、すべてのプログラムが一緒にコミュニケーションをとっていることを表しています。また、すべての製品には、それぞれの機能を簡略化したアイコンが付いています。
最終的なデザインはMapTiler.comのサイトで見ることができます。