SORACOMUG Explorer のデザインを作りました

2018年9月17日2018年9月29日

SORACOM UG Explorerのメインイメージ画像とTシャツ用のロゴリライトをさせていただきました。
裏話とともに紹介致します。

いざプレゼンしろと言われても大丈夫なようにプレゼン資料から書きます。
宿題は出される前に終わらすタイプですね＼(^o^)／
「くろにゃんこたんが早すぎる」的な

以下自己紹介です。

小ネタですが、会う人によって地図の縮尺を毎回変えてます。
インパクトしか無いプレゼンツールなので、細かいところは大事にします。

また、この猫のキャラクターはオリジナルです。
マーケティング分野でも結構ホットではありますが、キャラクターの方が話しかけやすいので実名出しというよりキャラクターで勝負しています。

登場して実はもう10年位になりますが、ようやく浸透してきた感じがします。

個人事業主あるあるの紹介です。
当然毎回毎回これを全部担当するわけではないので、プロジェクトによりけりです。

ここ数年はフロントエンジニアが多めですね。Vue.js初心者です。
PSDを頂いて、コーディングというのもよくやります。

A-SIDE

今回は大きく分けて2つ制作したので、ABで分けてみました。

1つ目はロゴです。
今回はTシャツというキャンバスに「Explorer」という文言と宇宙飛行士のイラストを入れることが命題でした。

ロゴ

一色です。
今回印刷物でしかも布地なので、線の太さ（大体0.1mm単位はNGでる）に気を使い大幅に修正を加えています。

現状ロゴとの比較です。
僕は「User Group JAPAN」の線の細さが好きなのですが、今回は太め。

「Explorer」の文字を入れたので、バランスを考えて「UserGroupJAPAN」は外し、◇（ひし形）になるように調整しました。

なんとロゴのタイプも変更しました。
ライセンス上「SORACOMUG」と明記されていれば、好きに加工しようが二次配布しようが、売ろうが勝手でOKということにしていますので、もちろんフォントも変更OKなのです。

ちなみに皆様恐る恐る御報告いただくのですが、ロゴの改変などに許可を求める必要はありません！
でも作ったよーと事後報告していただくのは本当に嬉しいです(´ω｀)

今回は「Futura」を使用しました。
「Future」の捩りですが、深い意味については下記サイトへ
書体を知ろう：Futuraの驚くべき過去

超深い。
これ以上の意味のあるフォントは無いんじゃないかと思うくらいベストです。
ちなみに有料フォントですが、TypekitでもFutura PT が同期出来るので使いやすさに問題ないかな(´ω｀)

この違いに気づいた人いるのかな(´ω｀)

画像は開発途中のものです。
胸のワンポイントを想定していました。
ちなみにSUZURIで売っています(´ω｀)

!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//suzuri.jp/thirdparty/widgets.js";js.charset="utf-8″;fjs.parentNode.insertBefore(js,fjs);}}(document,"script","suzuri-widget-script");