2021-12-13こんにちは!LIG人事の大西です。本日はLIGのデザイナーであるゆうこさんが担当した、けたたましく動くクマ略して「けたくま」オフィシャルサイトと、陽気で好奇心旺盛なラッコたちの「ラッコズ」オフィシャルサイトをリリースしたお話をご紹介させていただきたいと思います。けたくま公式LINEスタンプでおなじみのシュールで独特な動きのくまと、たまらなく可愛いわんこ。みなさんも、一度は目にしたことがあるのではないでしょうか。「おはよう朝日です」の人気コーナー「おきたらんど」でおなじみのラッコズ。テーマソングの「ありそでないなさそであるよの歌」は、一度聴くと頭から離れません。けたくまとラッコズの作者、たかだべあさんは、大学生のころにリリースしたLINEスタンプが瞬く間に大ヒットし、翌年「殿堂入りクリエイター」に選ばれました。その後、アニメーション、イラストレーション、ゲーム、音楽、グッズ制作など、幅広い領域で活動されています。私はLIG入社前から、たかだべあさんの生み出すキャラクターが大好きで、どうすればあんなシュール動きが思いつくのか、どうやって滑らかなアニメーションを制作しているのかと、同僚とわくわくしながら語っていました。Inc.(以下チョコレイト)へのインタビューをお届けします。けたくまオフィシャルサイトの見どころまずは、けたくまオフィシャルサイトの見どころについてご紹介します。けたくまのシュールさを引き立たせるために、どこか懐かしさを感じるレトロなデザインにしました。たくさんのくすっと笑えるいたずらを仕掛けた、けたくまオフィシャルサイト。そのなかでも、見どころをいくつかピックアップしました。遊びたくなるメインビジュアル部屋でくつろいでいる「けたくま」と「けたたまわんこ」。部屋には、普通はないカラーコーンやボーリングも。彼らはこれらのアイテムでどうやって遊ぶのでしょうか?アイテムをクリックorタップすると、彼らの奇想天外なおうち遊びを垣間見ることができます。予想も付かない彼らの遊び方を、すべてチェックしてみてくださいね。個人的には、けたたまわんこがコーヒーを自分にかけて、そのまま弾けてしまうのがとくにお気に入りです。けたくまがコンテンツをぶっとばす画面をスクロールしていくと、いたずら好きなけたくまが画面外から出てきて、そのままNEWS記事をぶっとばしてしまいます。ニュースをぶっとばしたけたくまは、そのまま満足そうに余白で踊り続けます。晴れた日に魚を求めて一斉に移動した模様。」と気になる内容が書かれていますが、よく見ると日付は「20XX.04.01」でエイプリルフール、カテゴリは「LIAR」。実はダミー記事なのです。けたくまが大量に上から降ってくるサイト右下の「!!」ボタンを押すと、けたくまが大量に(なんと700匹!)上から降ってきて積み上がることで、コンテンツが見えなくなってしまいます。コンテンツが見れないので、当然Webサイトの意味はなくなるでしょう。けたくまらしく、いい感じにぶっとんでいるアニメーションを目指しました。ラッコズオフィシャルサイトの見どころ続いては、ラッコズオフィシャルサイトの見どころについてご紹介します。シュールで賑やかなけたくまのサイトから一変、ラッコズのサイトは大人も楽しめるよう、シンプルでおしゃれなデザインにしました。見ているだけで癒される可愛いラッコズオフィシャルサイト。そのなかでも、見どころをいくつかピックアップしました。浮かぶメインビジュアル陽気なラッコズが仲良く海で楽器を奏でている様子がたまらなく可愛いです。マウスを動かすことで、実際に海で浮いているかのように、海面をラッコズがふわふわと漂います。同時に出現する波模様も、たかだべあさんがイラストを書き下ろしてくれました。壮大なストーリーラッコズは可愛いだけじゃありません。実は背景に壮大なストーリーがあったのです。ラッコズの住むラッコズランドは、たくさんのなぞに包まれています。水たまりが世界中とつながっていたり、ちょっぴり怖い見た目の宇宙人が訪れたり......これらのなぞが今後どのように解明されていくのか楽しみです。スクロールするにつれて海の奥深くへ潜っていく感覚を、視差効果のパララックスや背景色のグラデーションで表現しました。個性ある見た目のラッコズですが、実はちゃんとそれぞれに名前と性格が設定されています。主人公のコラコは、夢見る小さなラッコで好奇心旺盛。他のラッコズは、目立ちたがりな子や笑い上戸な子、さらにヨイショな子やキザな子まで......!子どもだけでなく大人まで楽しめてしまう理由は、このしっかりとした設定にあるのかもしれません。チョコレイトへのインタビューディレクターのほそさんと、今回Webサイト制作をご依頼いただいたチョコレイトへ行ってきました。そこで、気になるLINEスタンプの作り方、人気キャラクターの誕生秘話、Webサイト制作の感想など、たくさんお話しいただきました。人物紹介:たかだべあさんけたくまとラッコズの作者。LINEスタンプ、アニメーション、イラストレーションなど。佐藤さんチョコレイトでキャラクター事業を担当するビジネスプロデューサー。LINEスタンプ制作について——はじめてLINEスタンプを制作したきっかけについて教えてください。たかだべあさん:クリエイターズスタンプの展開が始まった様子をみていて、「絵を描くのは好きだし、自分でもできるかも」と感じていました。最初は静止画だけだったのですが、やがてアニメーションにも対応されるという情報を見つけまして。漫画を描くことが好きだったので、「せっかくならアニメーションのほうに挑戦しよう!」と思い、作ってみたのがきっかけです。それまでアニメーションは作ったことがなかったので、完全に独学でやってみました。アニメーションのLINEスタンプを作るのに最適なツールだと思っています!描いた素材をそのままAPNG(※アニメーションのLINEスタンプの納品形式)に書き出せるので、重宝しています。——たかだべあさんの生み出すアニメーションの動きはとても独特ですが、何からアイディアを得ているのでしょうか?たかだべあさん:テンションのアガる曲をかけながら、面白い動きの想像を膨らませて作っています。Musicの公式プレイリストの「エクササイズ」。けたたましい体の使い方を、運動する用の楽曲から着想しています。——たかだべあさん一押しのLINEスタンプを教えてください。普段のけたくまの動きに加えて、声優の杉田智和さんが声を加えてくださったことで面白さが倍増しています。佐藤さん:週に1度の打ち合わせで、アニメーションのアイデアや、ストーリー展開上見せたいキャラクターの性格などを持ち寄り、SNSで効果的にラッコズの世界観を伝えるための表現方法を議論しています。——制作で詰まったときに、気分転換するいい方法はありますか?たかだべあさん:ゲームです!よくやっているのは「テトリス」。無心になれるので、プレイ後は頭がすっきりします。Webサイト制作について——Webサイト制作後、反響はありましたか?たかだべあさん:どちらもものすごく反響がありました!けたくまはかなり遊び要素のあるサイトに仕上げていただいていますが、実際にファンの方からは「遊びまくった」「ずっと遊んじゃう」という声をいただけてとても嬉しかったです。ラッコズはこれまで発信していなかったキャラクターの名前や性格を出せたことで、より知ってもらう機会をつくることができました。「好きだったキャラクターの名前がわかって嬉しい」「この子、こんな名前だったんだ」といった反応があり、これからの展開に期待感を持たせられたと感じています。——今回制作したWebサイトでお気に入りの部分があれば教えてください!たかだべあさん:けたくま・ラッコズ、どちらもメインビジュアルが一番のお気に入りです。けたくまの賑やかさや遊び心が、トップページでたっぷりと表現いただけて本当に嬉しかったです。ラッコズは、やはり海に浮かんでいる様子が一番ラッコズの原点であり特徴的な部分なので、理想的なデザインになったと感じています。マウスを動かすとゆらゆら揺れたり、波紋が出てきたり、とても世界観のあるメインビジュアルに仕上げていただきました。今回制作したWebサイトの満足度は?たかだべあさん:120点です!!!本当にありがとうございました!まとめ今回ご紹介したけたくまオフィシャルサイトは、海外Webデザインアワードで高い評価をいただき、下記の賞を受賞しました。Featuredけたくまのシュールで独特な魅力が、国境を超えて海外の人々にも伝われば嬉しいです。自分が手掛けたWebサイトによって、クライアントに喜んでもらえたり、エンドユーザーに楽しんでいただければ、これほど嬉しいことはありません。今後もたかだべあさんの活動から目が離せません。たかだべあさん、永井さん、佐藤さん、この度は貴重な機会をいただきまして、本当にありがとうございました。Other労務を法令基準に合わせた社内整備。ルールを制定、ルールに則ったシステムを導入。Team」を掲げ、デザインの知見とグローバルな開発体制を強みに4つの事業領域を展開しています。フィリピン・ベトナムにある開発拠点と連携し、クライアントのサービス開発やアプリ開発、パッケージ導入(CRM・CMS・SFA)、AWSクラウド構築、データ収集・分析をおこなっています。人材・技術不足にお悩みの企業様に寄り添い、コンサルティングから開発・運用まで一気通貫してご支援しています。Web制作事業を中心に、クライアントのWebマーケティングを戦略立案から制作、運用までお手伝いしています。創業から続く事業なので、「LIGといえばWebサイト制作」というイメージが強いかもしれません。毎年のWebデザインアワード入賞など、対外的にも高い評価を得ています。事例:ビジュアルとモーションでコンセプトを表現。クライアントのメディアコンサルティングをはじめ、真面目から面白まで幅広いテイストの記事広告の企画制作、バナー制作、広告運用をおこなっています。15年以上続く「LIGブログ」のノウハウを最大限に生かし、企業のマーケティング活動の武器となるコンテンツを生み出します。LIG」(通称デジLIG)を運営しています。LIGのWeb制作やマーケティングのノウハウを活かし、現場レベルで活躍できる人材の育成を目指しています。現在関東近郊に6校展開しており、今後もどんどん拡大予定です。