こんにちは。chocoと申します。

サロンメンバーで作ったリファレンスサイト「CodeHero」のロゴを Shibajuku内のコンペにて採用していただきましたので、その制作秘話をお話ししたいと思います。

デザインの方向性

「みんなで作ったリファレンスサイト」というキャッチコピーを掲げていたので、ロゴデザインも印象に残るオリジナリティのあるものにしようと考えました。

そこで既存のフォントではなく1から文字をデザインしようと思い、完成したのが現在のCodeHeroのロゴデザインです。

デザインの模索

ロゴを作る際既に似たものが世の中に公開されていないか調べながら行います。

全てを把握することは難しいですがGoogleやPinterestを利用して同じジャンルのロゴを探すことができると思います。

現在のロゴが完成するまで色々なアイディアを思いつくまま書いていきました。

ノートに綺麗に書くのが苦手なのですが人に見せて説明するわけではないので自分がわかれば良しとしています。

デザイン完成・ロゴに込めた思い

Tag辞典サイトのロゴと言う事でデザインの中にマークアップやコーディングに必要な記号を取り入れました。

デザインはストレートに答えを伝えるのではなく、その要素から気づきがあるような作品が印象に残ると思うので、その点を意識しながら作成しています。

また、視認性は損なわないよう気をつけてデザインをしました。

シンボルマークはCをモチーフに惑星で、インターネットの世界を表現しています。

3つの星はHTML/CSSの技術とそれらを使い1人ひとりが自信をもってきらりと輝くようにと言う意味が込められているのでCodeHeroを利用された方が『Webの世界って楽しい！もっと学びたい!』と思ってくれるきっかけになりましたら幸いです。