![見出し画像](https://assets.st-note.com/production/uploads/images/122209284/rectangle_large_type_2_ab4c239adda70e0db89bb35c6cfa964a.jpeg?width=1200)
「少年ジャンプ+」絵が描けなくても漫画が作れるWorld Maker デザインプロセス
集英社の「少年ジャンプ+」が贈るセリフだけで漫画の“ネーム”が作れる新サービス「World Maker」。サービスのクリエイティブディレクション、ロゴのコンセプト、UIデザインを担当しました。
本記事ではプロセスの一部を紹介します。
クライアント: 集英社
公開日: 2021年9月
提供サービス: ポップカルチャーデザイン
ローンチトレーラー
【新サービス!!】絵が描けなくても漫画がつくれる|World Maker β
サービス概要
スマホでセリフやあらすじを入力。自動でコマ割りが出来上がる。
![](https://assets.st-note.com/img/1700616385345-GYDKva0XU1.png?width=1200)
背景やキャラクター、オノマトペなど60万点以上の素材を自由に配置したら完成!
![](https://assets.st-note.com/img/1700616433136-GHYynq2frQ.png?width=1200)
![](https://assets.st-note.com/img/1700618519809-NUSFvoHt6V.png?width=1200)
![](https://assets.st-note.com/img/1700618524988-1aRCtwAKWp.png?width=1200)
![](https://assets.st-note.com/img/1700618530771-MsHG5epy87.png?width=1200)
![](https://assets.st-note.com/img/1700618541213-BSTW1g9VLm.png?width=1200)
いらすとやの素材もサービス内で利用可能です。
![](https://assets.st-note.com/img/1700616458974-9Mn6rSNqvS.png?width=1200)
UIデザイン
リリースバージョン
![](https://assets.st-note.com/img/1700459936617-o4ymq4ewMJ.png?width=1200)
![](https://assets.st-note.com/img/1700459938790-aEISHnILWK.png?width=1200)
![](https://assets.st-note.com/img/1700459943051-67bwalUotY.png?width=1200)
![](https://assets.st-note.com/img/1700459945271-eRWEPgVWjk.png?width=1200)
漫画家の日常を目指した初期モックアップ
誰でも漫画家を目指せる。これをストレートに伝えるビジュアルを提案。しかしサービスが目指すスマホでライトな制作体験からは離れてしまうものでした。
![](https://assets.st-note.com/img/1700459747909-koTlPr45CY.png?width=1200)
広く利用されるサービスの世界観を追求
次にライトなビジュアルを検討。カラーリングの比率もどこまでなら許容できるか?制作したコマを邪魔しないか?バリエーションを細かく検証しています。多くのユーザーが触るサービスとなるためクセが少なくともオリジナリティのある表現を模索。以降のリリースバージョンへ繋がります。
![](https://assets.st-note.com/img/1700459674704-xCnVS79MyT.png?width=1200)
手書き感を大事にしたアイコンデザイン
サービス内に表示されるアイコンにも一工夫。UI全体がシンプルに見えすぎないようアイコンは手書きのテイストを模索。
![](https://assets.st-note.com/img/1700459534261-LvkBbor6dE.png?width=1200)
![](https://assets.st-note.com/img/1700459530459-0y3rnGxucG.png?width=1200)
![](https://assets.st-note.com/img/1700459526442-5Bb5TlxtKd.png?width=1200)
![](https://assets.st-note.com/img/1700459522428-rTqqEUd501.png?width=1200)
ロゴデザイン
ビジュアルでのディスカッション
漫画、ネーム、吹き出し。多くの可能性からビジュアルを模索していきます。普遍的なものにならずオリジナリティを感じるものは何か?アイディアを出し続けました。
![](https://assets.st-note.com/img/1700459508039-qkdxuHBtIw.png?width=1200)
完成系への第一歩
サービス自体は漫画を描くものではなく、ネームを簡単に制作できるがテーマです。私たちは「アイディアが生まれる」のが価値だと考え、表現をフォーカスしていきました。ここでメインロゴの卵がモチーフとなっていきます。
![](https://assets.st-note.com/img/1700459480648-fvYBCA5tw0.png?width=1200)
![](https://assets.st-note.com/img/1700459454929-YJ1i2WLqvI.png?width=1200)
![](https://assets.st-note.com/img/1700459443558-fvdUSMauTb.png?width=1200)
愛されるキャラクターを
ライトな見た目の中に愛着を持たせるにはどうしたら良いか?私たちはメインロゴをモチーフとしたキャラクターを制作することにしました。
![](https://assets.st-note.com/img/1700459391511-UFd1h1lTRC.png?width=1200)
最終的にはメインロゴに落書きをした見た目に落ち着きます。サービスを通してヒントやナビゲーションをユーザーに提供。
![](https://assets.st-note.com/img/1700459379420-hs5E8JuYD0.png?width=1200)
![](https://assets.st-note.com/img/1700459376614-T8z8g2C1Ep.png?width=1200)
![](https://assets.st-note.com/img/1700459373117-Q92f3a2w7k.png?width=1200)
![](https://assets.st-note.com/img/1700459368569-zWXn0rhUbr.png?width=1200)
チーム
Client: 集英社
Agency & Develop: Kayac Inc.
Direction: Toshihisa Nakamizu(COMPASS INC.), Ryosuke Sakuma (Kayac)
Creative Direction & UI Design: Shiiho Furukawa (Raywarp)
Art Direction: Takafumi Kaneko (kayac)
Icon Design: Takamasa Osanai
Front-End Develop: Fablica. Inc. kirifuda Inc.
関連リンク
WorldMaker ワールドメーカー 公式サイト
WorldMaker ワールドメーカー サービスサイト
公式note
アプリ版
ベータバージョンとしてWEB版のサービスを先行公開。のちに大幅に機能をアップデートしたアプリ版を提供開始。
App Store
Google Play
メディア掲載
Creative by Raywarp
私たちはデジタル領域に強いポップカルチャーのデザイン会社です。アニメ、ゲーム、漫画のコンテンツをWEBやアプリで制作するのが得意です。
ファンの期待を超えるクリエイティブを大切にしています。
メールに届くニュースレターやってます。
ポップカルチャーとデザインをテーマに記事をお届け。(一方的な営業メールは送らないので、ご安心を)
この記事が気に入ったらサポートをしてみませんか?