![見出し画像](https://assets.st-note.com/production/uploads/images/131451190/rectangle_large_type_2_60ad7695a478935e1b872d25d6385865.jpeg?width=800)
【ケーススタディ】テック企業のマスコットとロゴを作ったよ
こんにちは。アメリカ・シリコンバレー在住のSeikaです。
先日Jyugonという会社のホームページ作成を手掛けたので、その制作過程をnoteでシェアしていこうと思います。
今回は第三弾、「ロゴ制作」です。
企業の価値観、目標、特性を抽出し集約させて制作するロゴ。
ロゴはプレッシャーも伴う難しい制作なのですが、
今回はスピード勝負だったのでAIで作りました。
AIのロゴ生成に興味のある人は読んでみてくださいね♩
(2024年2月19日公開)
1. ブランドビジョンの明確化
まずはロゴの方向性を決めます。
どんなタイプのロゴにするか、
文字ロゴ、シンボルロゴ、イニシャルロゴ、抽象的なロゴ、ロゴには様々なタイプがあります。
またカラーはどうするべきか、
モノクロ、グラデーション、またはブランドカラーを取り入れるか。
スローガンは入れるべきか、入れるとしたら何がふさわしいのか。
細かいところはたくさんありますが、
ここでマスコットを作り、会社名も入れることをざっくりと決定し
余裕を持たせて次の工程に進みます。
2. AIツールの選定
次にロゴを制作してくれるツールを検討しました。
マスコットに関しては、「Midjourney」「getimg.ai」、
文字ロゴに関しては、「Brandmark」と「Looka」。
まずはこの4つで作ってみることにしました。
3. AIで制作
まずはマスコットから。
getimg.aiで作ります。
会社名がJyugon(ジュゴン)なので、ジュゴンを基にした親しまれるマスコットを目指します。
プロンプトを考えるのに時間はかかりますが、
プロンプを入力すると30秒で4枚ができます。
10分で54枚完成。
![](https://assets.st-note.com/img/1708289819381-i9D9esFK5o.png?width=800)
![](https://assets.st-note.com/img/1708289873341-119lzsIlzf.png?width=800)
![](https://assets.st-note.com/img/1708289862884-RrxA5JnuYX.png?width=800)
この段階ではほとんどイマイチですが、こちらのジュゴンくんには心が動きました。
![Mascots, cute dugong, modern digital logo, dugong, adobe illustration style, clean, and minimal, 8k, superHD, simple](https://assets.st-note.com/img/1708290249258-DPhO7wDRi3.jpg)
今度は、Midjourneyで作ります。
プロンプトを入力し結果を見ながら、少しずつ調整していきます。
![](https://assets.st-note.com/img/1708293808203-iJo41p4Ou7.png?width=800)
![](https://assets.st-note.com/img/1708294141620-dZxATnAR3Y.png?width=800)
![](https://assets.st-note.com/img/1708294237107-2rjNuhWPwF.png?width=800)
![](https://assets.st-note.com/img/1708294576067-lQkVl2an7j.png?width=800)
![](https://assets.st-note.com/img/1708294703309-i2stQQAeCW.png?width=800)
![](https://assets.st-note.com/img/1708294720357-97AnaySdqF.png?width=800)
![](https://assets.st-note.com/img/1708294795852-nCCvubKDKI.png?width=800)
いくつかマスコットの候補ができたので、今度は文字のロゴ制作に取り掛かります。
まずはLooka。
業界、好きなロゴ、カラー、会社名、スローガンの有無、シンボルを選ぶとパパッと生成してくれます。
![](https://assets.st-note.com/img/1708304498805-KXVGUPrKvP.png?width=800)
![](https://assets.st-note.com/img/1708304542102-jUp19mL9nA.png?width=800)
![](https://assets.st-note.com/img/1708304048639-rc6AcWMJHR.png?width=800)
すぐロゴは生成してくれますが、購入前は細かなカラーの調整はできなそうです。
金額もチェックし、別のサイトでも作ってみます。
![](https://assets.st-note.com/img/1708368843763-CQ1CMrZsJa.png?width=800)
今度はBrandmarkで作ってみます。
こちらのサイトも会社名やイメージを伝えると瞬時に作ってくれます。
![](https://assets.st-note.com/img/1708367531137-OlkiPGOomo.png?width=800)
料金体系は3タイプで、$25から。
![](https://assets.st-note.com/img/1708369174603-j056bqoMUO.png?width=800)
真ん中にある$65のデザイナーセットは、使われたフォントを確認することができ、アニメーション付きのロゴ、ブランドガイドライン、名刺、レターデザインなども含まれ使い勝手が良さそうでした。
![](https://assets.st-note.com/img/1708369457284-JkT5XoZgck.png?width=800)
4. プロジェクトメンバーに提案・決定
メンバーの意見を聞き、絞っていきます。
ここで文字ロゴは決定しました。
![](https://assets.st-note.com/img/1708370057069-qjLPCbAdlg.png?width=800)
Y、G 、Nは途中切れていますが、YGNと認識できるゲシュタルト原則の閉合が使われています。
5. 調整
マスコットに関しては決まったものの背景削除など調整する必要があったので、
Figmaを使って整えていきます。
![](https://assets.st-note.com/img/1708372122774-kkaXUB3QFv.png?width=800)
6. 完成
細かいところを調整し、メンバーにも確認してもらったら完成です!
![](https://assets.st-note.com/img/1708372509970-k9MfQtqYDh.jpg?width=800)
![](https://assets.st-note.com/img/1714234042624-6bLC4mpaOw.png?width=800)
![](https://assets.st-note.com/img/1714234080916-hqHZIEyQCV.png?width=800)
![](https://assets.st-note.com/img/1714234126641-uOA1Oah99Q.png?width=800)
7. まとめ
こうして「Jyugon」のマスコットキャラクターとロゴが誕生しました。
温かみのあるマスコット、シンプルなロゴで
テックに親しみを持ってくれる人が増えたらいいな〜と思っています。
もし記事が役に立ったと思ったら、ぜひスキボタンを押してください😊
それでは、次回の記事でお会いしましょう!
Follow me here😊
よろしければサポートお願いいたします。いただいたサポートはクリエイターとしての活動費に使わせていただきます。