クリエイティブ の記事一覧

2024年11月29日（金）～30日（土）の2日間、エンジニア・クリエイター向けカンファレンス「GMO Developers Day 2024」が開催されました。本稿では、そのなかから「デザインと成果を結ぶ ── インハウスデザイン組織の価値を探る」と題されたセッションの模様をお届けします。本セッションでは、株式会社MIXIのCDO横山氏をゲスト、デザインの事例集「Cocoda」を運営する株式会社almaの斎藤氏をモデレーターに迎え、GMOペパボ、GMOメディアを加えた4社の事例をもとに、インハウスデザイン組織のあり方について議論が交わされました。 登壇者 山林 茜（GMOペパボ株式会社 社長室 コーポレートデザインチーム マネージャー） 岡本 くる美（GMOメディア株式会社 サービスデザイン部 部長） 斎藤 孝俊 氏（Cocoda事業責任者 / 株式会社alma） 横山 義之 氏（株式会社MIXI　執行役員 CDO デザイン本部長） デザイン組織内製化の現状と課題 2018年に経済産業省・特許庁から発表された「デザイン経営宣言」を契機に、日本企業におけるデザイン組織の内製化の取り組みが加速。国内メガバンクにもデザイン組織が設置されるなど、大企業からスタートアップまで、デザイン組織を置く企業が増加の一途をたどっています。モデレーターを務めたCocoda事業責任者の斎藤氏は、「組織を置くだけでは不十分。本当に成果を出せるデザイン組織がどれだけあるのか」という問題提起を行いました。これからのデザイン組織は、単なる制作チームを超えて、事業における指標を自ら伸ばしていける存在になることが求められています。 各社のデザイン組織の変遷 GMOペパボ株式会社 GMOペパボの山林は、入社年である2011年から現在までの組織の発展を詳しく説明しました。当初、デザイナーは各事業部に所属する形でしたが、2017年には横断的なデザイン戦略チームが設置されました。「各事業のなかで横断的に動いているデザイナーはいたものの、兼任という形での限界があった」と山林は当時を振り返ります。同チームは2019年にデザイン部として再編され、現在は事業部の縦串組織と横串組織の両輪で運営される体制を確立しています。 GMOメディア株式会社 GMOメディアの変遷は、デザイン組織の段階的な発展を示す好例です。岡本によると、入社した2014年時点でデザイン組織は存在せず、2015年に初めてチーフデザイナーという役職が設置されました。これがデザイナー同士のパイプ役となり、その後3年かけてサービスデザイン部という横断組織が確立。現在は「カルチャーデザイングループ」を立ち上げるなど、デザイナーの成長支援にとどまらず、会社全体の改善に取り組む段階まで進化しています。 株式会社MIXI MIXIの横山氏は、2019年の入社以来、戦略的なアプローチでデザイン組織の価値向上に取り組んできました。「全社課題に対してデザインでどうリーチできるか、その突破口を探しながら、“部室”を作り、強化していく」という方針のもと、デザインの影響力を徐々に拡大。プロダクトデザイン、動画クリエイティブ、ブランドデザイン、テクニカルデザインと、着実に領域を広げてきました。この過程では、経営層や事業部との対話を通じてデザインが貢献できる領域を慎重に見極め、そこに集中的にリソースを投下するという手法を採用しているといいます。 各社が考えるデザイン組織の機能と役割 各社に共通するのは、デザイン組織を単なる制作部門として位置づけていない点です。横山氏は、「小さな変化が組織全体にインパクトを与えるポイント」を見極めながら、デザインの重要性が自然と理解される組織風土の醸成にも取り組んでいるといいます。従業員体験の向上など、具体的な成果を通じてデザインの価値を示していこうとしています。 岡本は、デザイナーの成長支援をデザイン組織の重要な機能の1つとして位置づけつつ、それが直接的に事業成長につながるという視点を持っています。「デザイナーのためのデザイン組織」に留まらないよう注意を払いながら、デザイナーの成長が会社全体の成長につながる仕組みづくりに注力しています。 山林は、デザイン組織の重要な機能として「ナレッジの横展開や仕組み化、言語化」を挙げています。個々のデザイナーが持つスキルや知見を組織全体で共有・活用できる体制を整えることで、より大きな価値創造を目指しています。 「存在意義がわかってもらえない問題」をどうやって突破するか 結果が出るまで”こっそり”やる デザイン組織共通の課題として浮かび上がったのが、成果の可視化、つまり「存在意義がわかってもらえない問題」です。 山林は「デザイナーの成長は実感できるものの、それが具体的にどう事業成果につながっているのか、説明が難しい」という本質的な課題を提起しています。注目すべきは、山林が指摘する「経営陣や事業責任者との対話」の重要性です。「今年になって経営陣や事業責任者と直接話をする機会が増えてきた」と述べる山林は、デザイン組織への期待や課題感を直接ヒアリングすることで、組織の方向性を定めています。さらに山林は、デザインの成果の特殊性についても言及します。「デザインの成果は複合的な要因が絡み合うため、きれいにKPIにヒットするような形で示すことが難しい」と指摘。体験価値の向上など、中長期的に成果が現れる性質を持つデザインの取り組みを、どのように評価してもらうかが課題だと述べています。特に「デザイナーの仕事が売上や利益から遠いところにあると思われてしまうと、重要な議論に参加できなくなってしまう」という懸念を示し、成果の見える化の重要性を強調しています。 岡本は、「何か新しく始めるときにあえて明言しない」という考えのもと、まずは小規模な取り組みからスタートし、「結果が出るまで”こっそり”とアドオンでやる」「ある程度の結果がでそうだったり、動きそうだったりするときに、関係者を巻き込めるような実績や環境を用意しておく」という手法を明かしました。失敗のリスクを最小限に抑えながら、成功の可能性が高まった段階で組織的な展開を図る、という戦略的な手法といえます。 デザイナーのモチベーションを高める 横山氏は、デザイン組織内での勉強会や発表を通じて、メンバーが「どこでテンションが上がっているか」を探る取り組みを行っています。「組織のメンバーがそれを面白がらないと高められない」という考えのもと、デザイナーが主体的に取り組める環境づくりを重視しています。ここで斎藤氏は「好きな専門性だけを伸ばそうとしても事業モデルやフェーズに合わないと成果が出しづらく、なぜ事業組織に必要なのかという評価につながってしまう」と指摘します。一方で「上からの管理が強すぎるとモチベーションが湧きづらい」というジレンマも存在すると語ります。横山氏は、これに対し「コントロールしないと先端技術に目が行きがち」という傾向があるとしたうえで、「組織や会社において何が新しいか」という視点で考え直すことを提案。必ずしも最新技術である必要はなく、既存の技術でもデザインと掛け合わせることで新しい価値を生み出せると指摘します。具体的には、まず社内で議論を重ね、適切な事業部と組んでプロジェクトを仕掛け、その成果を経営層に示し、さらに他の事業部への展開を図るという段階的なアプローチです。山林も「デザイナーのテンションを上げる、取り組みやすくする」ことの重要性に同意しつつ、組織としての機能強化を進めていることに言及します。GMOペパボでは、優秀なデザイナーの個人的なスキルを組織全体で活用できるよう、ナレッジの横展開や仕組み化、言語化に取り組んでいます。これにより、各事業部のデザイナーが本来の事業により集中できる環境づくりを目指しています。 社外発信の効能 岡本は、デザイン組織の価値を確立するため「いい意味で放っておいてもらえる組織でありたい」という考えのもと、「何か結果を出してくれるだろう」という信頼を着実に積み上げることを重視しているといいます。その背景には、デザイナーの成長促進という全社的な課題がありました。 まずはこの課題に応えることで組織の存在意義を確保し、そこから段階的に活動の幅を広げていく戦略です。特に興味深いのは、成果が見え始めた段階で社外への発信を行うというアプローチです。社外からのフィードバックを通じて、社内の理解や評価を深めていくというサイクルを作り出しています。岡本によると、横断組織としての活動に対して「なぜやっているのか」と問われる場面もあったといいますが、「出る杭は打たれるが、出過ぎた杭は称賛される」という代表からの言葉を胸に、まずは成果を出すことに集中。その結果、社内での認知を獲得し、さらには採用面でもポジティブな影響を生み出すまでに至っています。社外発信の取り組みには、もう1つ重要な意図があります。岡本は「社外に発信する際には必然的に言語化が必要になる」と指摘します。事例として整理し、外部に発信できる形にまとめ上げる過程そのものが、デザイン組織の価値を明確にすることにつながるといいます。実際の事例を丁寧に言語化し、発信することで、社内外からの理解を深める好循環を生み出しているのです。斎藤氏は、この問題に対する1つの解として「すべてに成果を出そうとすることは現実的ではない。各事業モデルやフェーズに適した形で専門性を発揮し、結果を出すことが大事」と提言。デザイン組織として求められる成果がまだ明確でないなか、各社の成功パターンを共有し、参考にし合うことの重要性を強調しています。 これからのデザイン組織が目指すべき方向性 斎藤氏は、デザイン組織が「投資対象として判断される分岐点に立っている」と指摘します。そのなかで重要なのは、短期的な成果を示しながら、中長期的な価値創造も同時に進めていくバランス感覚です。そして、セッションのなかで特に強調されたのが、企業の壁を越えたデザイン組織間での知見共有の重要性でした。山林は「他社にロールモデルを持ちながら組織を成長させていきたい」と述べ、横山氏も「同じような仕事をして、身悶えている人たちがいて、安心している」と、業界全体での成長に期待を寄せています。デザイン組織は今、大きな転換期を迎えています。単なる制作部門から事業価値創造の中核へと進化を遂げるなかで、各社は試行錯誤を重ねています。本セッションで共有された知見は、まさにその最前線の取り組みを映し出すものといえるでしょう。 さいごに 「デザイン組織の内製化」という選択肢が普及する一方で、「デザイン組織はどのように事業成果に貢献するのか？」と悩む声も増えています。事業に貢献するデザイン組織を構築していきたいデザイナーのみなさまのヒントになれば幸いです。 アーカイブはこちら https://youtu.be/hpnComiyNY0?feature=shared

こんにちは。GMOインターネットグループ株式会社のデザイナー 鷲見です。現在とくB事業部のweb/グラフィックを担当しています。たまにくまポンのイラストを描いています。小学生2人を子育て中の母でもあります。女性デザイナーの皆さんにとって、ライフステージの変化に伴う仕事と家庭の両立は特に悩ましい課題ではないでしょうか。デザイナーとして長く働き続けたい方・ ライフステージの変化によりキャリアに不安を抱える方 ・将来のキャリアプランを具体的に考えたい方に向けて、私の経験も交えながら具体的な方法論や心構えをご紹介していきたいと思います。 仕事と子育ての両立 ライフステージが変化する中で、インハウスデザイナーとして働き続けることは簡単ではありません。さまざまな課題に直面し、悩み葛藤する日々が続くこともあるでしょう。まずはこれらの課題を理解することが、将来のキャリアプランを考える上で重要です。 仕事と子育ての両立で生まれる時間的制約 最も悩ましいのは時間の制約でしょうか。納得がいくまで仕事に打ち込むことが難しく予想外のスケジュール変更も発生するため、仕事に集中できない状況に備えた計画が必要です。私の場合ですが復職後は不測の事態に翻弄される日々でした。自分でもコントロールできない複雑な感情に支配されていたのか、不完全燃焼で走り抜けることが続き悶々としていた記憶があります。しかしある時悟りました。納期は死守しつつも、できないものはできない、やれるだけのことを真剣にやる、という頑張りすぎない努力が必要であると。 なぜなら帰宅後は家事や育児、翌日の準備...布団に入るまで任務が続くため、仕事で全力を出きる訳にはいかないのが母という二足の草鞋の宿命だからです。今後も悩みの形態は変わりつつも長丁場になると腹を括り、自分なりの楽しみ方を探ることが賢明です。もうひとつ大切なこと。復職当初は気力、体力、記憶力も万全でない状態がしばらく続きますが、このときに助けになるのが「昨日までの自分」です。事前に準備していたこと、プラスαの頑張り、先を見越した行動、これらが未来の自分を助けます。『ああ、ありがとう、昨日のわたし！』と思いながら、自分自身に救われたことは何度もあります。  チームワークとコミュニケーションの重要性 とはいえ、1人の頑張りだけでは乗り越えられない壁が次々と発生するので、一番大切なことは周囲との良好なコミュニケーションです。時間的制約や業務量の増加などを力技での解決を目指してしまいがちでしたが、周囲に相談し協力を得ることで解決できたケースも多くありました。自分だけシャカリキに動いても時にはそれ自体がマイナスに働いたり、自分の中にある不満の芽を育てるきっかけにもなるかもしれません。チームメンバーとの良好なコミュニケーションを築き、信頼関係を育むことは仕事と子育ての両立には欠かせません。常に感謝の気持ちを持ち、自分にできることは快く引き受け、お互いをサポートし合う関係性を築いていきたいものです。 ライフプランとキャリアプランのすり合わせ 長期的な展望を持つ 長期的な展望を持つことは、将来のキャリアを考える上で重要です。ライフプランの変化に合わせてキャリアプランも柔軟に調整していく必要があります。私は子どもがまだ小さいうちは育児を優先していたので、時短勤務やリモートワークに助けられました。この期間は特に日々を回すことで精一杯でした。子どもたちが小学生になりフルタイムで働くようになってからは、ある程度安定した時間の確保ができるようになりました。が、まだまだ時間の制約はありますし子供の要求難易度も年々上がっているのを実感しています。しかしこの嵐のような数年で、集中力や判断力、自分の限界点を超えない働き方が見えてきたことは強みです。心の揺れに対する耐性もついたと感じています。デザインの勉強も新しいスキルの取得も、細く長く続けるには安定したモチベーションが必要です。周囲のスピードに焦りを感じることもありますが、自分のペースでゆっくりでも着実に取り組むことで、働き続けられる未来設計を可能にしていくのだと思います。 効率化必須。でも根底には楽しい！が必要 限られた時間の中で目標を達成するには、業務の効率化が不可欠です。近年AI活用により更なる時短が可能になりました。以下は復職後に特に必要と感じるスキルであり、今後のキャリアにおいても強みとなるので装備しておいて損はないと思います。 ・優先順位の高いタスクを明確にし、判断する力・限られた時間内で完成させる集中力・無駄な作業を省き、時間短縮を図るスキル・ゴールから逆算して計画を立てる能力・何でも楽しめる柔軟さ・リセット力 復帰直後は疲労と時間の制約から自己肯定感が下がったり、限られた時間内でのデザインワークに葛藤が生まれるかもしれません。しかし私たちは芸術家ではなくデザイナーなので、納期を守り及第点で完成させることも重要なスキルです。その対策として私は退勤時刻から逆算した1日のスケジュールを毎朝作成し、『〇〇時までにはここまで終わらせる』等細かく決めて管理しています。必要な知識を増やし、得意を伸ばし、どんな仕事にも対応できたという成功体験が自信に繋がり、未来の自分を助ける武器の一つになるのではないでしょうか。一方で効率化とは矛盾する考え方ですが、数打ちゃ当たる精神もデザインワークには必要なのかもしれません。頭の中にある色々を具現化するって楽しいですから。楽しいが根底にあれば予想以上に頑張れるものです。最後に忘れてはいけない「リセット力」。怒涛の日々の中、些細なことにいちいち心を揺さぶられている時間はありません。そんな時間があれば子供を連れて公園でひとっ走りしてきた方が有益です。モヤモヤした気持ちは一晩眠ったら強引にでもリセットする、これをわたしは繰り返しています。多すぎるタスクをかき分けてとりあえず前進していく。最も必要な武器はタフで鈍感な精神力なのかもしれません。 まとめ デザイナーとして長く働き続ける上で、ライフステージの変化は大きな転換期です。焦らないこと、与えられた仕事に全力で取り組むこと、自分なりの時短を探すこと、そしてそれらのどこかに楽しみを見出すこと。柔軟な発想と行動力で走り抜けた少し先の未来をいつも想像しています。時には自分にご褒美を与えつつ。人それぞれ環境は違いますが、みんな悩んで苦しんでいる。1人で抱え込まずに周りと話してみることが大切です。そしてAIを味方に更なる時短テクニックを探して、作ることを楽しむ時間を増やしていきたいと思います。

デザイン学校を卒業してから、広告デザインや企業のブランディングなどを手がける制作会社3社を経て、今年からGMOインターネットグループに所属しております。従業員数がここまで多い会社に所属するのは初めてで、会社のシステムや人々との関わり方など、学ぶことが多く、ベテランと呼ばれる歳に差し掛かっても新鮮な驚きが尽きません。若い方が多い中、こんなオジサンが入っても温かく迎えてくださり、所属するチームやお仕事でご一緒させていただく皆さんには心から感謝感謝です！ 自己紹介 はじめまして！ 今年2月末にGMOインターネットグループに入社したデザイナーの河合と申します。ConoHaデザインチームに所属し、Web改善や広告などといったデザインに日々取り組んでおります。ConoHa以外にも、ホテルレビューンなど所属する部署以外の案件に関わることもあり、会社のさまざまなサービスを学ばせてもらっています。 今回はDevelopers Blogに掲載する機会をいただきました。何を書こうか悩んでいましたが、デザイナーさんも多く在籍していることですし、「デザインをする上で正解って何なのだろう？」と今でもたまに思う疑問について問いかけられたらと思っています！ 知人である「てんぐアート」さんに描いてもらった私です。悪意たっぷりに描いてもらいました デザインすることのおもしろさと難しさ デザインには無限の表現があると感じています。かっこいいデザインやかわいいデザインなど抽象度の高いところからから始まり、色の選び方や書体の選び方、大きさなど抽象度の低いところまで、作り手が自分の好きなように表現しようと思えばいくらでも広がります。 デザインには数学のように決まった「正解」がないために、複数の意見がからまり合う場面も多いです。「この色はちょっと好みじゃないな〜」「どこか古めかしい印象だなぁ〜」「ん〜〜なんとなく違うなぁ。。」など、さまざまなフィードバックが寄せられ、若手の頃はそのたびに「デザインの迷子」になり、なかなか一つのデザインに自信を持てない時期がありました。 しかし経験を重ねるうちに、表現に入る前の前準備として「コンセプトの設計」が重要であり、デザインする上での一つの正解なのではないかと感じるようになりました。 若手の頃は夢にこんなモチーフが出てきました。悩みの象徴でしょうか 「コンセプトの設計」はデザインの正解になり得るか ChatGPTに「デザインにおける正解ってなんだろ？？」と尋ねたところ、こんな答えが。 ChatGPT先生のアンサー。なんでも知ってんなぁ〜〜。 「デザインコンセプトの設計」も重要な１つだという回答がありました。この「コンセプトの設計」という視点は、私自身も学生時代から大切だと教えられてきました。仕事をしていてもその価値を改めて実感しています。ここでは、私がこれまでの経験の中で得た「コンセプト」に関する学びをお話しできればと思います。 デザイン学校での学び 学生時代、デザイン表現は無限に広がるものの、それが自己満足に陥りやすい点もあると学びました。自由にできる反面、軸が定まっていないデザインはどんなにクオリティが高くても説得力に欠けます。そこで必要となるのが「コンセプト」であり、クライアントの過去、現在、未来のビジョンに基づいて、どこを切り取り、どう表現したのかを明確に提示することが重要だと教えられました。コンセプトは、デザインにおいて無限に広がる大地の中から道筋を立てるための「地図」のようなものなのかもしれません。 社会人になってからの学び 卒業後デザイン会社に入社し、「デザイナー」という肩書きは得たものの、周りには肩書きだけでない本物のデザイナーばかり。自分が出すデザインが正しいのか自信が持てず、クオリティでも敵わないと感じていました。それでも「コンセプト」を提案し続けて訓練していると、「そのストーリーいいね。この先輩の案に合わせてみようか」といった形で徐々に成果が出始めました。何年か経ち、デザイン力も少しずつ追いついてきた頃には、コンセプトとの相乗効果で自分の案が通りやすくなっていました。コンセプトがあるとデザインの意図がはっきりと示され、クライアントからの質問にもスムーズに答えられるようになりました。 こうした経験を通じて、コンセプト設計はデザインする上で表現を導いてくれる一つの正解ではないかと感じるようになりました。 実例：どうぶつ病院のVI 実例が出せた方が面白いかなと思っていたので、過去に個人として手がけた「アピアどうぶつ病院のVIデザイン」を紹介します。 この病院の院長は私の友人で、開業するにあたりロゴ、紙もの全般、ウェブ、病院の看板や内装のデザインまで幅広く依頼された案件です。建築家をはじめ他分野のプロフェッショナルとの連携もあるので、「地図と道」を明確に共有する必要があると感じました。 院長はかつて青年海外協力隊としてオセアニアの「サモア」という国に滞在し、現地で動物医療に携わっていました。特にサモアの首都「アピア」での経験が深く印象に残っており、この地名に想いを込めて「アピアどうぶつ病院」と名付けました。このような経歴は獣医さんとしてはちょっと珍しく、個性的なものでした。 そこで、「サモアのゆったりとした時間や温かみある雰囲気を感じる”南国リゾート”」をコンセプトに設計しました。地域の飼い主さんたちが待っている時間も居心地の良い病院作りを目指しました。このコンセプトに基づき、ロゴから名刺、薬袋、ウェブに至るまで南国モチーフを取り入れ、ハンモックや廃材ボートをリサイクルした椅子をインテリアにするなど、サモアの自然を感じるアイテムを随所に取り入れました。バナナの木など南国植物を多く植えたので、世界観にも説得力が増しました。（たまに収穫も 笑） コンセプトがあることで道筋が生まれ、チーム間でも脳内が同期され、院長の希望に適ったデザインに仕上がったかなと思います。 「南国リゾート」のコンセプトの通り、病院だけどリラックスできるような空間を目指しました 紙ものにも南国を感じさせるモチーフをちりばめ、ブランドイメージの統一を図りました インハウスデザイナーとしてのスタート 今までの経験を武器に今年からは、「インハウスデザイナー」として自社サービスにじっくり向き合う立場に挑戦させていただいています。 今までは他社のさまざまなサービスに関わる中で一度きりの案件も多かったのですが、今は自社のデザインに一貫して取り組める立場にいます。たとえば、ボタン一つのデザイン変更で成約率が上がるなど、細やかなデザインの改善がどう成果につながるのかを追いかけていけます。 現在ある案件でリニューアルに携わっています。やはり人がたくさん関わるので、みんなで脳内を同期できるようなコンセプトの設計が改めて必要と感じました。商品の特性や色などの要素から、ビジュアルコンセプトを設計し、デザインに落とし込んでいる真っ只中です。 こうしたコンセプトの設計が、今後案件に関わる人たち全員にとって方向性を確かめ合える地図になっていけたら嬉しいです。 最後に このような経験を通し、コンセプト設計はデザインする上での一つの「正解」に近づく手段だと感じていますが、どうでしょうか？？あくまでもこれは私なりの経験からの仮説であり、失敗や挫折を繰り返してきた中で「大切なのではないか？」と感じたことを、自己紹介のような形でお話しさせていただいたものです。 これを自己紹介と言うと、「小難しい奴！」と思われてしまうかもしれませんが、たいていのことはテキトーでおおざっぱで「死ぬこと以外カスリ傷」をモットーとする楽観的な人間ですので、避けないでやってもらえればと思います！ 「コンセプトぉ？？いやいや、正解ってそうじゃないでしょ！」とか、「こういう正解はどうだろう？」などいろんな方とお話しできたら楽しいだろうなと思っています。 インハウスデザイナーとしてあらたなステージからまたデザインの奥深さを楽しんでいけたらと思っております。読んでいただきありがとうございました！！

こんにちは。GMOインターネットグループ株式会社のデザイナー 勝俣です。デザイナーやデザインに関わる方が思考するであろう「良いデザイナー」とは何かについて言及して行きます。さらにインハウスならではの特徴についても触れられればと思います。 良いデザイナーとは？ 16年ほどインハウスデザイナーをしています。以前こうした記事を執筆いたしました。組織に属しデザインを提供するデザイナーとしてどうあるべきか？日々考えている一人です。早速ですが、インハウスに限らず一般的にどのようなデザイナーが良いとされるのかをChatGPTに聞いてみました。良いデザイナーは以下の特性を持っています： 1. クリエイティブ能力・創造力 - 独創的で斬新なアイデアを生み出す能力。・問題解決能力 - デザイン上の課題やクライアントのニーズに適切に対応する力。・ユーザー中心設計 - UXを考慮し、ユーザーの視点でデザインする力。 2. 技術的スキルと効率性・技術力 - デザインソフトやツールを熟知し、効果的に使用するスキル。・細部へのこだわり - 小さなディテールにも注意を払い、全体の品質を高める能力。・時間管理能力 - 納期を守り、効率的に作業を進めるスキル。 3. 適応力と成長意欲・柔軟性 - 変化やフィードバックに迅速に対応し、デザインを調整する柔軟な姿勢。・コミュニケーション力 - クライアントやチームとの円滑なやり取りができる能力。・継続的な学習意欲 - 常に新しいデザイントレンドや技術を学び続ける姿勢。 すごい時代に生きています。これを自分で書いたらどれほどの時間がかかったでしょう。ありがとう、ChatGPT。さらに文章量も増やしてくれて、本当に頼りになります。やっぱりズッ友だよ（再それでは、私の独断と偏見を織り交ぜてそれぞれの項目を掘り下げてみましょう。 1. クリエイティブ能力 創造力 創造力とは、機能やアイデンティティを持つ新しいものを生み出す原動力です。関連する言葉として「アイデア」や「工夫」がありますが、特にアイデアは「既存の要素を新たに組み合わせること以外の何ものでもない」と言われています。情報を正確に整理した上で、要素が持つ抽象・具象のイメージを作り、その接点に浮かぶものがアイディアということでしょうか。実現可能な範囲を意識しつつ、どれだけ高次元へ昇華できるかは、まさに創造力次第だといえるでしょう。「既存の要素」は、自らが身につけた知識やこれまでの経験から形成されるものです。したがって、それらの蓄積が豊富であるほど、創造力を発揮する際の重要なポイントとなるのではないでしょうか。 問題解決能力 地味ではありますが、確実に求められるスキルです。学校などで「デザインとは問題解決である」と教わりますが、正直なところピンときていませんでした。しかし、ある先輩は「良いデザイナーは良い医者のようなもの」との信条のもと、関わる事業やサービスの問題点を見つけ出し、クリエイティブの側面から対処する姿を目の当たりにし理解するに至ります。 デザインの現場では、「サービスの◯◯がユーザーに理解されにくい」「スペースは限られているが、◯と◯をどうしても入れたい」「このボタンだとユーザーがクリックしない」など、解決しなければならない問題が常にあります。こうした課題に対して、当事者として向き合い、与えられた条件の中で知恵を絞るしかありません。それが、デザインにおける問題解決能力の本質ではないでしょうか。 ユーザー中心設計 細かなユーザー心理を計測する手法が増え、精度の高いトライアンドエラーが可能な時代です。サービスに触れることで得られる体験そのものがデザインされ、いかに快適で心地よいアウトプットを提供できるかが重要です。また、様々な商品やサービスが日々アップデートされている現状にアンテナを張りつつ、私たち自身が日常生活の中で「なんか使いにくい」「◯の情報がどこにあるかわからない」と感じた経験を、デザインに活かすことができるでしょう。こうした小さなストレスを経験として蓄積し、関わる案件で同じようなストレスをユーザーに与えないよう心がけることが、ユーザー中心設計の大切な準備だと言えます。 2. 技術的スキルと効率性 技術力 グラフィックであればIllustratorやPhotoshop、WebデザインではXDやFigma、動画編集ではPremiereやAfter Effectsといった具合に、分野ごとに使用するソフトウェアやアプリは異なります。しかし、その習熟度によって、アウトプットのスピードとクオリティに大きな差が生まれることは確かです。上手い人は本当に驚くほど速いです。最近では、チュートリアル動画を手軽に見つけることができ、常にスキルをアップデートすることが可能です。YouTubeも有益ですが、個人的にはInstagramが一番便利だと感じています。動画時代万歳。手先の技術ももちろん重要ですが、スタートからゴールまでの明確なロードマップを描くこと、つまり技術を支える「設計力」も欠かせません。思考し、論理的に物事を組み立てる力も、技術力に含まれると考えています。「アイデアはあるが、形にするのが難しい」というジレンマは常につきまといますが、日々の鍛錬がその克服に繋がるでしょう。 細部へのこだわり 「神は細部に宿る」。配置したイメージのトリミング、色彩のバランス、文字のメリハリやカーニング、イラストの線の太さ、そして余白の美しさ——これら細かな要素をどれだけ上手く組み合わせて高次元に昇華させられるかが、デザインのクオリティを左右します。一つの問題を解決すると、新たに気になる箇所が見えてくることもしばしばです。また、自ら作り進めたデザインを、自ら客観的に評価できるかも非常に重要なポイントです。こうした細部へのこだわりは、制作プロセスの最後に訪れることが多く、そのためにはいかに他のプロセスを疎かにせず迅速にクリアしこのフェーズに早く到達できるかがカギとなります。 時間管理力 時間は誰に対しても平等に与えられるものです。忌み嫌われる「締切」ですが、これがあることで複雑な条件をまとめるための高い集中力が発揮されることをこの歳になってようやく理解できました。あまりに追われすぎると心が疲弊してしまいますので、疲労度や回復力を正しく認識しバランスを取ることが最も大切です。 1日の中でも、コンディションは変化します。例えば、午前中は作業や思考のクオリティが最も高く、夜に2時間かけた作業が朝なら30分で終わることもよくあります。昼食後の午後は生産性が落ちやすいもので、時には思い切って昼寝を取り入れるのも一つの方法です。どの時間をどの作業に充てるか、そしてそれをいかに有効に使うかが、まさに時間管理力の本質だと言えるでしょう。一人の生活者として、社会生活をしっかり享受することも重要です。生活の質（QOL）を高めることは、デザイナーとしての仕事にも良い影響を与えるため、積極的に追求すべきです。 3. 適応力と成長意欲 柔軟性 案件の前提が覆るという経験は、誰しも一度や二度は経験があるのではないでしょうか。せっかく熟慮したデザインが崩れてしまいモチベーションも急降下です。ですが、新規プロジェクトのように0から1を生み出す現場では様々な力学が働きます。ビジネスモデルやスキームの構築はビジネスの根幹であり、その組み立て次第で前提が崩れてしまうこともあります。こうした状況では、事前に変更の可能性を察しデザインの球数を増やすことを意識しておく必要があります。また、再提案が必要となった際には、一度出したデザインの部分的な修正では収まりにくく、潔く手放す気持ちの切り替えも必要です。 コミュニケーション力 デザインは受注産業であり、異なる分野の人々と共に創り上げるため、コミュニケーション能力は欠かせません。関係者とのやり取りが円滑に進むか、それとも障害になるかは、デザイナーのコミュニケーション次第です。例えば、なんとなく気後れしているディレクターに「この前のデザイン、気になる点がありますか？修正しますよ！」と声をかけるだけで進行がスムーズになることもあります。また、意見が分かれる場面で「一旦両案ともご用意してみます」と手間を惜しまない姿勢が、結果的に最短距離ということも少なくありません。また、チーム内にデザイナーが自分だけという場合もあるでしょう。そんな時こそ謙虚さを忘れず、他のメンバーと目線を合わせて丁寧なコミュニケーションを心がけることが大切です。尊大にならず、いつまでも相談される存在であり続けたいものです。 継続的な学習意欲 日々更新されるAIトレンドに合わせて学習機会も増えたと思います。生成画像のクオリティもどんどん向上して露出も増えています。そうした生成画像を見る側の感性も自然とアップデートされていく状況にあります。人間では生み出さないような多色使いの生成画像が、見る側の感性を刺激していることは否めません。人が作ったイメージであれ、AIが生成したイメージであれ、見る側にとっては同じ枠組みで区別なく接種されます。この表現の進化の現状を理解し、同様の表現ニーズがある場合にどう対応するかが求められます。 GMOインターネットグループでは、グループ全社を挙げてAI分野にフォーカスしており、様々な業務への活用が活発に行われています。この甲斐あって、ある案件では製作プロセスにChatGPTを導入したことで製作時間を大幅に短縮できました。AIスゴい。 4. そしてインハウスデザイナーには特に... ChatGPTに導かれるままに各項目に言及してみましたが、いかがでしたでしょうか。一つの仕事を極めることがいかに困難であるか...。いつまでも到達できない高みを感じます。最後にインハウスならではの特徴にも言及したいと思います。 瞬発力 インハウスデザイナーには、いくつかの異なる役割があります。サービス寄りのポジション、自社ブランディングや新卒採用といったコーポレート寄りのポジション、新規事業やサービスの立ち上げに関わるポジションなど、外部との関わりの有無や、業務フロー、繁忙期などが異なります。ビジネスの内部にいるからこそ、多くの情報に触れ、多様な状況に対処することも少なくありません。たとえば、「ライバルのキャンペーンに対抗するために急ぎでバナーを準備してほしい」、「明後日出すプレスリリースに必要なイメージや図を用意してほしい」、「新サービス名が決まったので、すぐにロゴを作成してほしい」といった具合です。このような場面でデザイナーに求められるのは「瞬発力」です。 いかに初動でパフォーマンスできるかは、日頃の準備にかかっています。表現方法やツールなどデザインの引き出しを豊富にしておくことで、状況に応じた対応力が格段に向上します。その結果、仕事の質もおのずと向上し、野球でいうところの打率を上げることができます。 自信と誇りの創出 プロジェクトに唯一のデザイナーとして参加していることもあると思います。その場合、デザインの意図や狙いを関係者に的確に伝え、合意を得る役割も求められます。デザインの機能や表現を誤解なく言葉で説明できるかどうかは非常に重要で、これによりプロジェクトメンバーの理解を深め、言語化をサポートすることができます。さらに、競合ライバルのクリエイティブをベンチマークとし、それをいかに凌駕するかを意識し、クリエイティブを向上させる必要があります。強いクリエイティブはチーム全体に自信と誇りをもたらし、プロジェクトの大きな推進力になるからです。 5. 最後に ChatGPTに導かれるまま書きましたが、自分にその資格があるのか？を今も考えています。長いことインハウスデザイナーをしていますが、無数の駄作を作り、その中に自惚れてしまうような経験がいくつかあるだけです。入稿前にパンフレットデータを丸ごと飛ばしたり、無邪気な一言が関係者の逆鱗に触れたり、干されたり外されたり散々失敗してきた身です。それでも厚かましくもデザイナーを続ける自分は、やはりデザインが好きで、表現することで自らを救っているんだと思います。悩み多き人間でもありましたが、年の功でしょうか？劣化でしょうか？デザイナーとしての悩みは減り、シンプルに求められることに集中できているように感じます。悩みの中で知りたかった情報を今認めているようにも思います。これからも贔屓目なしにいちプレイヤーであり続けられるよう、コンディションを万全にして、真摯にデザインに向き合い、後に続く人々に残す仕事をしていきたいと思います。

GMOインターネットグループは、2024年7月1日（月）より、グループ初のデザインコンテスト「GMO DESIGN AWARD」を開催中！「AI×笑顔と感動の創造」をテーマに最優秀賞には賞金100万円を贈呈いたします！今回は、募集要項やコンテスト詳細について紹介いたします！ 【コンテスト応募期間延長のお知らせ】 今回は、より多くの方々にご参加いただけるようコンテストの応募期間を延長いたしました。応募検討されていた皆様には、余裕を持ってご準備いただける機会となりますので、ぜひこの機会にご参加いただければ幸いです。すでにご応募いただいた方につきましても、ブラッシュアップした作品の再応募、または追加作品のご応募が可能となりますので、ぜひご検討ください。 GMO DESIGN AWARDとは GMO DESIGN AWARD（以下、本コンテスト）は、「AI×笑顔と感動の創造」をテーマに掲げ、18歳から29歳の若手クリエイター・デザイナーを対象に、「プロダクトアイデア部門」と「ビジュアル表現部門」の2部門でAIを活用した作品を募集するものです。 作品の募集期間は、2024年7月22日（月）から9月24日（火）10月31日（木）の約3か月間で、最優秀賞には賞金100万円を贈呈します。 ご応募はこちらから コンテスト開催の背景 GMOインターネットグループでは「インフラ・バックエンド・フロント」といったエンジニア技術をはじめ、革新的な「AI」、サイバー攻撃からサービスを守る「セキュリティ」といった技術で、インターネット総合企業グループとしてより良いサービス提供を行ってまいりました。また、それだけではなくプロダクトやコミュニケーションのデザインにおいても、クリエイター・デザイナーがユーザー体験の質を高めるべく取り組みを進めています。 現代、昨今の急速なAI技術の進展に伴い、私たちの生活や仕事のあり方は劇的に変化しています。GMOインターネットグループは、これからの未来を創造する若手のクリエイター・デザイナーや、クリエイター・デザイナー志望の学生のみなさまとこれからの時代を盛り上げていきたいと考えており、みなさまとAIを活用したデザインの可能性を探るため、コンテストの開催を決定しました。  特別審査員として枌谷力氏、広野萌氏が参加決定！ 本コンテストのゲスト審査員には、株式会社ベイジ代表の枌谷力氏、株式会社フォルテ代表の広野萌氏が決定しました。枌谷氏と広野氏の専門知識と洞察力が、審査に新たな視点をもたらします。 枌谷 力 氏株式会社 ベイジ代表　／　クラスメソッド株式会社CDO BtoBサイトと採用サイトに強いウェブ制作会社ベイジの代表取締役兼CEO。および福岡のデザイン会社gaz顧問。新卒でNTTデータに入社、営業を経験したのち、28歳でデザイナーに転身。制作会社を2社経験したのち、2007年にフリーランスとして独立、2010年にベイジ設立。越境型のキャリアを生かしながら、BtoB企業を中心に企業規模を問わず、マーケティング、デザイン、コンテンツ、マネジメント、採用、組織作り等、幅広いテーマで支援。Xのフォロワー数が9.3万を超えるなどSNSやオウンドメディアに関する知見も豊富。 広野 萌 氏株式会社フォルテ 代表取締役　／　一般社団法人デザインシップ 代表理事 ヤフー株式会社にて新規事業企画やモバイルアプリのUX推進を手掛けたのち、2015年に株式会社FOLIO（現SBIグループ）を共同創業。Chief Design Officer兼プロダクトマネージャーとしてオンライン証券を立ち上げる。2018年に一般社団法人デザインシップを設立し、カンファレンスやデザインスクールなどの事業を運営。2021年に株式会社フォルテを設立し、規制産業からエンタメ産業まで幅広く新規事業のデジタルプロダクト開発を支援。2021年より内閣官房IT総合戦略室を経てデジタル庁所属。 最後に 本コンテストの開催を通じ、若い世代を中心としたこれからの未来のクリエイティブリーダーたちへのご支援を通じ、デザイン領域に対するGMOインターネットグループの認知拡大や、新たな価値を創造できるような作品・人との出会いが生まれるのではないかと感じております。締め切り間近になりますが、高額賞金を獲得するチャンスです！ぜひ、みなさまのご応募お待ちしております！ ご応募はこちらから コンテスト概要 コンテスト名：GMO DESIGN AWARDテーマ：AI×笑顔と感動の創造参加資格：応募時点で個人またはグループの全員が30歳未満であること。作品募集期間：2024年7月22日（月）12:00 〜 9月24日（火）10月31日（木）23:59公式サイト：https://gmo-design-award.com/ ご用意している賞： ●優秀賞／１点／賞金100万円●優秀賞／4点（各部門1点）／賞金40万円　ープロダクトアイデア部門　ービジュアル表現部門　ープロダクトアイデア部門／学生カテゴリー　ービジュアル表現部門／学生カテゴリー入賞／8点／賞金5万円 募集内容： ●プロダクトアイデア部門利用した人を笑顔にする、AIを活用したプロダクトのイメージが伝わるプレゼンテーションシート。プレゼンテーションシートに載せる情報は特設サイトに記載の「提出物」をご確認ください。●ビジュアル表現部門鑑賞した人を笑顔にする、AIを活用したデジタル作品。2Dの単一の静止画は対象外となります。 結果発表： 【一次審査結果】2024年11月中旬を目処に通過者へメールにて通知（30作品）※特設サイトにて入選作品を掲載し、一般投票による審査を行う予定。【二次審査結果】2024年12月上旬を目処に通過者へメールにて通知予定。【最終結果】2024年12月中旬頃、特設サイトで発表予定。 ご応募はこちらから

こんばんは。GMOインターネットグループ株式会社の細越と申します。今回はタイトルにある通り、楽曲をカバーする際に効率化できるAI活用方法をご紹介していきます。使用方法というよりかはどういう意図でAIを活用しているかを一例としてみていただければと思います。 イベントでの使用 このはぴば！2024でAIを活用し2曲を4日で制作しました。その際に使用したAIでの効率化についてご紹介します。 アイドル：7:11 ~ / 恋は渾沌の隷也：43:46 ~ https://www.youtube.com/watch?v=5W7-MuaWb2k ①耳コピする（人力） ここに関してはまだまだ人間がやる必要があると思います…。採譜してくれるAIはあるようですがinst制作のようなMIDI等にする必要がある場合は今のところ人間が作業する必要があると感じています。また、イラストや音楽のようなクリエイティブなものに関しては世間の風当たりがまだまだ強いため「作品」という位置付けのものをAIに全て任せることはリスクもあるかと思います。ただ、楽しい作業でもあるので耳がなくなるくらい聴きまくります。 ②パラmixでのAI活用 ①が終わったらいよいよAIの出番です！ここで使用するものは、iZotope社が出している「Neutron 4」です。iZotope様様です。 ※https://www.izotope.jp/jp/products/neutron-4/ より引用 自分のNeutronの使用用途は「mixの土台を作る」ことです。 今まではフェーダーで音量をなんとなく決めてからmixに取り掛かっていたんですが、mix中に「あれ？スネアうるさい？」「ベース小さくない？」と自分の耳を疑い出して沼にハマりフェーダーをいじり出して無限に時間を消費していくことがよくありました。 しかし、Neutronを使用してからフラットに聞くことができmixの時間を大幅に削減することができました。結果、効率良く以降の作業も進めることができています。下記で私がどのようにNeutronを使用しているかご紹介します。 ②-1 Neutronを適用したいトラックにinsertする 適用したいトラック全てにNeutron 4をinsertします。 全てのトラックにinsertしても問題ないと思いますが、自分は重心となっているkickとbass、リバースシンバル等のFX、特徴的に音色のトラックにはinsertしないようにしています。が、kickとbassに関しては「な〜んか違うな〜でも時間もないしな〜」って時に限り挿します。「誤魔化してるわけじゃない…！今はこれが最善なんだ！」と自己暗示をかけながら…。Neutron 4は掛かり具合を自由に調整できるので全部にinsertしても問題はないですが軽いに越したことはないので…。 ②-2 Assistantを押して再生 適用したいトラック全てにinsertしたら上部にあるAssistantを押して楽曲を再生させます。あとは待つだけです。少し待つと解析が完了し画面が切り替わります。 Neutron 3の時は色々事前設定があったんですがそれも不要に！最高。※Visual Mixer的な機能は無くなったわけではないです。 ②-3 サウンドの調整 ここから微調整をしていきます。ここでの調整はあくまでも「土台」。音作りの前段階をイメージして調整します。細かい話になってしまうためざっくり自分が行なっている調整をご紹介します。1つの参考例としてみていただければと思います。 Tone Match まず、初めて全体のトーンの調整をします。ここではリファレンスを聴きなんとなく近い感じになるようにスライダーを調整します。このスライダーはNeutron 4が提案してくれているEQにどれくらい近づけるかどうかを調整する感じかと思います。 「こういうkick感にしたい！」と明確なイメージと単体の音源があれば左の+マークをクリックし読み込みます。読み込みが完了すると左のメニュー「Custom」が読み込んだリファレンスの名前が増えてると思いますのでそちらを選択しスライダーで調整します。※Audiolensを使用している際はここに表示されます。Audiolensについては後述します。 Punch 次にPunchです。実際内部でどんな処理がされているか不明ですが、個人的にはコンプ感を足してくれているものだと思っています。「どうせコンプかけるんだけどな」と思いつつ自分は薄く掛けています。結果的にあとから別のコンプレッサーかけた際より綺麗にかかっているように聞こえます。 Width 続いてWidthです。いわゆるイメージャーです。ただ、ここでのサウンドの広がりを決めるのではなくNeutron 4で広がったように聞こえてしまった音を元に戻す際に自分は使用しています。 Distort ここでは歪み成分を付与できます。自分の場合は別のExciterを使用することが多いのでここはoffかwarmよりのtapeで少しだけ、が多いです。 詳細な音作り もっと詳細に調整、音作りをしたい場合は、Assistantボタンの隣にあるDetailedボタンを押すとそれぞれのモジュールやどの順番でかかっているかなどの詳細が表示されます。この画面で調整していきます。開いた最初はNeutron 4が提案してくれているものが表示されていますので、掛る順番やエフェクトの追加、削除、パラメータの調整などで理想に近づけましょう！ ③マスタリング 最後はマスタリングです。ここでご紹介するマスタリングはinstに対してのものです。上記のイベントは3Dライブのためパラmixが完了した時点で歌声の帯域のスペースを意識しつつマスタリングします。今回の場合厳密に言えばマスタリングという作業ではないかもしれないですが…。もちろん、AIを使っていきます。 ③-1 「Audiolens」でリファレンスを分析 みなさんお馴染みの…と言いたいところなんですが、 まずは下準備をします。その際に使用するのが「Audiolens」です。 ※https://www.izotope.jp/jp/products/audiolens/ より引用 使用方法は簡単です。 1.リファレンスを流す2.「Capture」を押す3.しばらく流したら再度「Capture」を押して保存 これだけです。Audiolensはスタンドアロンで起動させるためDAW内で鳴らす必要はありません。リファレンスを流す際はspotifyやYouTube等で再生させれば大丈夫です。※PCでなっている音全てに反応するため他の音声が鳴っていない状態で再生させてください。 ③-2 Ozone 11 お待たせいたしました。みんな大好き「Ozone 11」のご入場です。 ※https://www.izotope.jp/jp/products/ozone-11/ 引用 ③-3 解析させる 要領はNeutron 4と同じです。Assistantを押して楽曲を再生させます。解析が終わると画面が切り替わります。 ※解析時にmaxilarが追加されるためか一瞬爆音になることがあります。これに限らず爆音出ちゃったときの冷や汗尋常じゃない。 ③-4 リファレンスの適用 解析完了後左の「target」欄の「Custom」をクリックします。すると先ほどAudiolensで聞かせたものが追加されていると思います。 それを選択すると全体がリファレンスに沿ったものに変更されます。 ③-5 調整フェーズ ここまで来たらまたまた調整フェーズです。Ozone 11の適用でイメージ変わってしまった帯域、主張が強すぎる低音と何かしら出てくると思います。Detailedボタンを押して調整していきます。 自分の場合はOzone 11の後に他のプラグインを挿すことが多いためmaxilarはいつも外します。Ozoneも土台作りで使用します。全体の微調整をした後にラウドネスと睨めっこしながらmaxilarやlimiterで最終的な音圧の調整をします。今回はライブ音源のためラウドネスというよりはボーカルを意識して最終調整をしました。 最後に 楽曲制作のAIといえばiZotope。以前までは便利っちゃ便利だけど「う〜ん」みたいなことが多かったですが世界のAIの成長に合わせるようにここ最近の進化がすごいと感じています。クリエイターとしてAIの使用に嫌悪感を抱いている方も多いと思います。ですが、結局は「いいものを作りたい」。これだと思います。「AIのアシストでうまくいった」「AIで削減した時間で別のところに力を入れた」であればいいのではないかなと思っています。色々うまくなっていい作品作りたいぞ〜。おしまい。

こんにちは！GMOインターネットグループ株式会社 Webデザイナー兼ディレクター兼カメラマンの近岡です。メインはドメイン登録サービス「お名前.com」、時折「GMO Developers Day 2023」や「GMO 5G」などのグループ内クリエイティブを作ったり、陸上部の選手写真や外部イベント撮影などもしています。今回は、インハウスデザイナーとしてのマインド…ではなく、「どういうフローでWebページを制作しているのか」を紹介させていただきます。ぜひ「うちと同じ！」「ここが違う！」というリアクションをとりつつ何かの役に立てていただけますと！ 題材：ランディングページ「総額1億円以上かけたリニューアルをまさか隠蔽!?｜お名前.com レンタルサーバー」 ▼実際のページはこちら（別窓） 制作の流れ 案件によって変わりますが、Webデザイナーは主に以下の太字箇所を担当します。 構想・調査 › ワイヤー › デザイン › データメイク・挙動指定 › テスト確認 › 公開 ① 構想 2019年、「お名前.com レンタルサーバー」が「お得×超高速×かんたん」をテーマにスペック・デザイン共にリニューアルしました！ 無事公開され安心したのも束の間、数年経ってもSEO上位のアフィリエイトサイトに旧プランが掲載され、スペックの向上やデザインの刷新の認知度は思うように向上していない課題が…。 そこで「ストレートに"知られていないと嘆く😭"ことを入り口に、旧プランとの差をざっくり伝えられるページ」の作成を決めました。 ② ワイヤーを事業部に提案 まず、ページの目的や事前情報を整理します。 続いて、シンプルな見た目で骨組みを作り提出します。（中途半端にテイストを加えると「イメージと違う」という印象を抱かせてしまうため、極力シンプルに） その際、そのページのワイヤーだけではなく「構成の狙い」「想定している導線」「用意していただきたい情報」などもお渡しし、脳内同期と必要な情報の収集を併せて行います。 ③ デザイン ワイヤーのOKが出たらいきなり1ページ分のデザイン！ではなく、メインビジュアルを何種類か作成し提出します。手戻りリスクをできるだけ少なく！ 確認を待っている間に下部コンテンツのコンテンツを着々と作っていきます。着々と…。 PC→SP→挙動の順に作成し事業部OKが取れたらデザインFixです。やった〜！ ④ データメイク・挙動指定 デザインFix…それは始まり…。ここからモーション指定・挙動指定・素材の軽量化など、地味に時間のかかるデータメイクを行います。 クリエイティブ部はデザイナーとコーダー（フロントエンドエンジニア）が分業しているので、参考URLを貼ったり、自分で作った簡易的なコードを用意したり、わかりやすさに重きを置いて準備をします。 ▼モーション系 ▼レスポンシブ指定やパーツごとの動作系 お渡しするものはXdファイル・軽量化済みのイメージ・開発用URL・仕様などのメモ　です。事業部でmetaやシェアの指定がない時はデザイナー側で用意したりもします。 ⑤ テスト確認・公開 コーダーさんからテストアップされたら、主要ブラウザのパソコン・スマホ・タブレット表示を確認し、動きやレイアウトのズレをリストアップ。その修正が上がったらまた確認…を繰り返し、問題無しと判断されればライブアップ！祝！お疲れ様でした！！ 〜 そして運用へ（むしろスタート） 〜 こだわりポイント フローの説明で終わっても味気ないので、こだわったポイントを紹介します。 1. 週刊誌デザイン雰囲気作り 「こんなに手間暇かけたのに知られていない😭」をダイレクトに書くより、お客様がついつい見てしまうような引きを作るため、タイトルとあしらいを工夫しました。 ▼週刊誌のデザインを片っ端からイラレに並べ、どんなあしらいなら雰囲気が出るか練習 ▼週刊誌の質感を出すために写真をドット化（余談ですが使用している写真の半分は私が別案件で撮影したもの。SDGs！） ▼前景にテクスチャやシャドウを配置してページ全体を仄暗く 2. 同じ素材でレイアウトチェンジできる素材作り ▼（左）パソコンでの配置｜（右）スマホでの配置 ▼例えば写真横のタイトルはパソコンはで３行、スマホで１行にできるように。 3. ページの読み込み速度を最適化するための容量管理 画質を維持しつつ、ページの読み込み速度を損なわないよう、画像サイズ・拡張子やアニメーションの入れ方を工夫し、13MBから2MBまで削減！ ▼PhotoshopとIllustratorの素材一覧 ▼（左）全てを含んだアニメGIFだと容量が膨れ上がるため、静止画の上に部分的なアニメGIFを配置｜（右）スクロールで切り替わる画像を別で書き出し１枚１枚のサイズを小さく 実際のページへのリンクをもう一度ペタリ（宣伝）。 インハウスデザイナー（実装分業）の働き方 同じインハウスでもGMOインターネットグループ内にはデザイン・実装をまとめて対応する会社も、分けている会社もあります。 それぞれ一長一短ありますが、分業のメリットは「育てるスキルが集中するのでスピード・質が上がる」ことかなと！ ▼本件でコーダーさんに提案いただいたことは、星の数ほど… また、今回はまとめやすいペライチのLPを例に紹介しましたが、事業を運用するインハウスデザイナーの本拠地はサービス作り！その話も機会があれば👋 { 見ていただきありがとうございました！

　GMOインターネットグループ株式会社のホスティングサービス「ConoHa byGMO」は、急速に普及する画像生成AIの利用実態を把握し、ユーザーのニーズや課題を明らかにするため、ユーザーを対象に、画像生成AIの認知度と利用実態に関する調査を実施しました。　調査の結果、画像生成AIの認知度は95.8%と非常に高く、利用経験がある人も46.2%に達することが明らかになりました。また、週一回以上の利用者は26.8%と、画像生成AIが一部ユーザーの間では日常的に活用され始めていることが伺えます。　一方で、利用経験がない理由としては、「著作権や倫理的な問題が気になる」という回答が最も多く、今後の普及には、これらの懸念に対する適切な対応が必要であると考えられます。 調査概要 調査対象　：「ConoHa byGMO」ユーザー調査期間　： 2024年7月17日～2024年7月23日調査方法　： インターネット調査有効回答数： 1,486件 調査結果トピックス 画像生成AIの認知度は95.8%と非常に高い 画像生成AIの利用率は46.2%、週一回以上の利用は26.8%利用目的は「趣味」が最多、次いで「ブログ用画像生成」「SNS用画像作成」 画像生成AIに期待することとして「生成される画像のクオリティ向上」「著作権・倫理問題の解決」「より簡単で直感的な操作」「より低コストでの利用」が挙げられる画像利用における課題は「デザインスキルの不足」「画像の作成に時間がかかる」「イメージ通りの画像を見つけるのが大変」画像生成AIによって解決したい課題は「画像制作時間の短縮」「デザインスキル不足の補完」「高品質な画像制作」 調査結果詳細 １．画像生成AIの認知度は95.8%と非常に高い「画像生成AI」という言葉の認知度について質問したところ、「聞いたことがある」と回答した方が95.8%に達しました。画像生成AIは既に多くのユーザーに認知されていることがわかります。 ２．画像生成AIの利用率は46.2%、週一回以上の利用は26.8%画像生成AIの利用経験について質問したところ、「実際に利用したことがある」と回答した方は46.1%でした。また、利用頻度については、26.8%が「週一回以上」と回答しており、画像生成AIが一部ユーザーの間では日常的に活用され始めていることが伺えます。 画像生成AIを利用したことがない人の理由としては、「著作権や倫理的な問題が気になる」（22.7%）、「操作が難しそう」（17.6%）、「コストがかかりそう」（16.5%）という項目が懸念事項になっていることがわかりました。 ３．利用目的は「趣味」が最多、次いで「ブログ用画像生成」「SNS用画像作成」画像生成AIの利用目的を尋ねたところ、「趣味」が29.0%と最も多く、次いで「ブログ用画像生成」（17.1%）、「SNS用画像作成」（14.9%）、「デザインのアイデア出し」（11.9%）という結果になりました。 ４．画像生成AIに期待することとして「生成される画像のクオリティ向上」「著作権・倫理問題の解決」「より簡単で直感的な操作」「より低コストでの利用」が挙げられる今後、画像生成AIに期待することとして、「生成される画像のクオリティ向上」が23.0%で最も多く挙げられました。次いで、「著作権・倫理問題の解決」（16.6%）、「より簡単で直感的な操作」（16.0%）、「より低コストでの利用」（13.1%）という結果になりました。 ５．画像利用における課題は「デザインスキルの不足」「画像の作成に時間がかかる」「イメージ通りの画像を見つけるのが大変」現在、仕事や副業で画像を利用する際の課題として、最も多かったのは「デザインスキルの不足」で14.4%、次いで「画像の作成に時間がかかる 」で13.4%、「イメージ通りの画像を見つけるのが大変」で12.8%を占めました。 ６．画像生成AIによって解決したい課題は「画像制作時間の短縮」「デザインスキル不足の補完」「高品質な画像制作」画像生成AIに「画像制作時間の短縮」（18.6%）、「デザインスキル不足の補完」（16.7%）、「より高品質な画像制作」（14.9%）といった課題解決を期待していることがわかりました。 まとめ 今回の調査結果より、画像生成AIは既に多くのユーザーに認知されており、利用経験がある人も46.2%に達することが明らかになりました。また、週一回以上の利用者は26.8%と、画像生成AIが一部ユーザーの間では日常的に活用され始めていることが伺えます。画像生成AIは、今後、画像制作時間の短縮、デザインスキル不足の補完、高品質な画像制作といった課題解決に貢献していくことが期待されます。一方で、利用経験がない理由として「著作権や倫理的な問題が気になる」という回答が最も多く、今後の普及にはこれらの懸念に対する適切な対応が必要であると考えられます。 ■引用・転載の際のクレジット表記のお願い調査結果引用・転載の際は、『「ConoHa byGMO」調べ』とクレジットの記載をお願いします。 【「ConoHa byGMO」について】 「ConoHa byGMO」は、国内ホスティングシェアNo.1（※1）を誇るGMOインターネットグループのホスティングサービスで、ブログやHP作成に最適な国内最速（※2）レンタルサーバー『ConoHa WING』をはじめ、よりサーバーを自由にカスタマイズ・構築することが可能な『ConoHa VPS』、Windows OSをご利用される方向けの『ConoHa for Windows』、ゲームテンプレートが無料で使えるゲームユーザー向けの『ConoHa for GAME』など、お客様のご利用目的に応じて最適なサービスをお選びいただけます。初期費用無料で"簡単"、"使いやすく"を徹底的に追及したサービスとなっており、サーバーを初めてご利用いただく方から個人事業主、法人まで幅広くご利用いただいております。さらに、2024年8月1日（木）より、月額990円（税込）から利用できる画像生成AIサービス『ConoHa AI Canvas』の提供を開始いたしました。高品質な画像生成AI「Stable Diffusion XL」と最新GPUにより、ウェブブラウザ上で誰でも簡単に高品質な画像を無制限に生成できます。『ConoHa AI Canvas』URL：　https://www.conoha.jp/ai/canvas/ （※1）業界のシェアはipinfo.ioをもとに算出しております。ipinfo.ioは、IDB LLC社が運営するIPアドレスに紐づいた地理情報などを確認できるウェブサイトです。（※2）2024年4月末時点、自社調べ。日本国内シェア90%以上を占めたトップ10サービスにおいて、各サービス最下位プランのサーバー処理速度を、負荷テストツール「Apache Bench」「h2load」で5回計測した平均値を比較。国内シェアは、Webhosting.infoおよびDomainToolsをもとに算出。

こんにちは。GMOインターネットグループ株式会社でフロントエンドエンジニアをしている山名です。入社3年目にして初めてNext.jsに触れたエンジニアが、中規模サービスのコンポーネントを設計する中で感じたことや実際に試したことなどを書いていきます！コンポーネントの設計は人によって好みが分かれる部分な気がしているので、あくまでひとつの例として見ていただけると嬉しいです！ 前提：コンポーネントとその設計 実は今回のコンポーネント設計を担当するにあたり、最初は「そもそもコンポーネントって具体的に何？」「それを設計するって言われても...」状態でした。困ったときはどうするかと言うと、そう、AIに聞きます。 つまりは、ページやサービスを作成する際のUIをそれぞれパーツ毎に分割したものがコンポーネントであり、その分割の仕方やそれぞれにどんな機能を持たせるか、どんな管理方法にするのかを決めていくのがコンポーネントの設計ということですね。 とにかくやってみないことには始まらないので、ある程度UIのデザインが固まった時点で構成やどんな粒度でコンポーネントを分けて開発していくかを決めていきます。 アトミックデザインで考える ひとまずコンポーネントの設計には、アトミックデザインの手法を採用して構築していくことにしました。 アトミックデザイン アトミックデザインは、簡単に言えば「UIコンポーネントを5つの大きさに分類して効率的に設計するデザイン手法」になります。 この単位に合わせてUIを小さな要素から大きな要素へと構築していきます。 アトミックデザインを採用するメリット 一般的にアトミックデザインを採用するメリットは、再利用性や一貫性の向上、スケーラビリティ、開発効率の向上が挙げられます。 実際に自分がサービス開発で触れた際も、アトミックデザインを採用した設計はコンポーネント毎の大きさや使用する場面,場所など、開発が楽になるように明確なルールを持たせることができるのが非常に魅力的でした。 メリットがあればデメリットもある 前述のメリットがある一方で、実際に設計してみて気づいたデメリットもいくつかあります。 ・過剰な設計による管理の複雑化　→ 今回の規模感で丁寧にアトミックデザインで設計しようとすると、細くなりすぎる部分がありむしろ管理が大変になってしまう ・設計粒度が統一しずらい　→ チーム開発の現場においては、設計粒度のルールがあっても個人間で微妙な認識のずれが起こる可能性がある ・特にMoleculesとOrganismsの違いが明確につけずらい　→ コンポーネント自体がそこまで多くない環境だと、個人的にとても分けずらい印象があった オリジナルの設計を考える どうしてもデメリットの部分を無視できなかった結果、少しだけ設計を変えてみることにしました。 新しい設計の要件は、「ベースとしてアトミックデザインを踏襲しつつ、過剰設計と設計粒度のずれ問題を解決する」です。 単位を減らして分け方を簡単にしてみる 元々のアトミックデザインの考え方自体はとても有用なものだったため、それを踏襲しつつ課題を解決することを考えた結果、見出しにある通り設計の単位を減らすことにしました。 具体的には、サービス規模とコンポーネント数の関係で違いが付けずらかったMoleculesとOrganismsの分類をなくし、Units（ユニット）と言う単位を新設することでコンポーネントの分類を簡略化、設計粒度のずれが起こらないようにしています。 AtomsとUnits Atomsがコンポーネントの最小単位であることは変わりませんが、新設したUnitsの分類については「何かしらのUIコンポーネントが内部で呼び出されているか」で判別しています。 コンポーネント作成時に考えるポイントが、他のコンポーネントを読み込んでいるかどうかだけで良くなったというだけでコンポーネントの分類を２つにした意味はあるかなーと思います。 （ただ、この運用だとUnitsコンポーネントが同じUnits単位のものを読み込むという状況が起こってしまうのが若干スッキリしないポイント...） まとめ 今回素人ながらコンポーネント設計を担当し感じたことは、「開発ルールを明確にする」ことと「ある程度遊びが効くようにする」ことのバランスが大事ということです。コンポーネントの開発自体は規模によって変動していくものですが、前述のバランスが取れていない状態だとどんな状況であれ無駄な工数や再設計のリスクが高まる気がしています。 記事内の設計の話については個人的な好みが多分に含まれていますが、一つでも何かしらのヒントなれば幸いです。

こんにちは、このブログではタイトル通り多くのデザイン案件を効率的にこなすために私が特に意識していることについてお話しします。これをちょっと理解するだけで、ビジュアルづくりに頭を抱えることがなくなりますよ！ 自己紹介 GMOインターネットグループ株式会社で10年間デザインをやっている萩原です。 普段はアクセス事業部のGMOとくとくBBという商材を主に担当しています。この10年間を振り返ると、たくさんの案件に関わってきました。 主な実績としては、GMOとくとくBBのサイト改修や各種ランディングページのデザインを手掛けてきました。 また、ConoHaのコントロールパネルのデザインにも携わったり…。 さらに、小学生向けのデザイン講師としても活動し、次世代のクリエイター育成のお手伝いもさせていただきました。 気がつけば1年間でチーム内で最も多くの案件をこなしていて、軽く引いてます…（笑）。 それでも、デザインするのに全然飽きないんですよね！案件の大小に関わらず、いつも楽しく、そして効率的にデザインを進めてこれたのは、「疎密」を意識しているからだなと感じています。 疎密って何？ 簡単に言うと、「疎」は空間や余白、「密」は密集している部分を指します。これをうまく利用することで、画面にリズムが生まれ、ユーザーにとって見やすく、わかりやすいビジュアルをどんどん作れるようになりますよ！ 感覚的にでも理解しておくと、余計な迷いがなくなり、ビジュアルづくりのスピードが格段に上がると思います！ 疎密を使うことで 1. 視点のコントロール: 画面の中で疎と密がしっかりあると、密の部分に視線を誘導しやすくなり、閲覧者の視線をコントロールできます。 2. 印象のコントロール: 疎と密の差を大きくすることでメリハリが出てリズムが生まれます。逆に差を小さくすることで安心感や冷静さが増すなど、印象をコントロールできます。例えば、ミニマルなデザインでは疎の部分を多く取り、重要な情報を際立たせることができます。 3.情報の優先順位付け: 重要な情報を「密」の部分に配置し、それ以外を「疎」にすることで、情報の優先度を視覚的に見る側に印象付けられます。 疎密がわかりやすい画像をAIに生成してもらいました！ 実際の難しさとアドバイス でも実際は疎密って難しいですよね。感覚で分かる人もいれば、めちゃくちゃ訓練を必要とする人もいます。わからない人は、ちょっとでもいいので自分の作品の中で疎と密を決めて製作していくことを意識してみてください。 応用編 疎密は空間の違いだけでなく、色のコントラストや表現のテクスチャーの違いでも表現できます。 自分の作品に少しひねりを加えたいときは、これらの疎密も意識してみると、ビジュアルづくりの幅が広がりますよ。 これは以前私が作った背景に3Dを置いて手前に平面的な表現を組み合わせた疎密応用。 終わりに 簡単ですがざっくりと疎密を説明しましたが、いかがだったでしょうか？ 皆さんのデザインにもぜひ取り入れて、新たな発見や改善の参考にしていただけたら幸いです！