プロフィールページを独自デザインに｜Studio でできること

YouTube のチャンネルには、それぞれの世界観があります。かわいい、クール、レトロ、近未来。その雰囲気までページで伝えられたら、初めて訪れた人にもチャンネルの魅力がぐっと伝わりやすくなります。

この記事では、CreatorGate Pages の Studio（特別パーツ） で何ができるのかを、実際に Studio で作った運営公式ページを例に紹介します。

CreatorGate Pages では、登録するだけでチャンネル情報と最新動画の入ったページができあがります。そこに、次のようなパーツを追加して並べるだけで、紹介ページを作れます。

• 見出し・文章・画像・引用
• おすすめ動画（動画の URL を貼るだけ）
• リンクボタン・プロフィール表・推しポイント
• 2 カラム・区切り

ページのテーマ色も、標準を含む 8 種類から選べます。見出しの線・リンク・ボタンの色がまとめて変わるので、チャンネルのイメージカラーに近づけられます。さらに、VTuber 向け・ゲーム実況向け・シンプルの 3 種類のひな形から始めることもできます。

多くの場合は、標準のパーツだけで十分に伝わるページが作れます。

Studio は、標準のパーツにはない そのチャンネル専用のパーツ を作るための機能です。パーツの組み立て（HTML）と見た目（CSS）を一から作れるので、次のようなことができます。

• チャンネルのイメージに合わせた配色やグラデーション
• カードの大きさを変えて並べるなど、自由なレイアウト
• 背景がゆっくり動くなどの、控えめなアニメーション
• スマホと PC で、それぞれ見やすい並び方への切り替え

CreatorGate Pages の運営公式ページ は、Studio で作った特別パーツだけで組み立てています。

ページは、次の 5 つの特別パーツでできています。

ライトモードでもダークモードでも読みやすい色になるようにしています。また、端末で「動きを減らす」設定をしている人には、背景のアニメーションを止めます。

特別パーツは、見た目を作り込んでも「あとから直せない」わけではありません。見出し・説明文・ボタンの文字やリンク先は、編集画面でパーツを選ぶと出てくる入力欄から書き換えられます。

カードやステップのように同じ形を並べるパーツは、編集画面の「追加」で 1 枚ずつ増やしたり、並べ替えたりできます。たとえば「できること」を 6 つにしたくなっても、デザインを作り直す必要はありません。

安全のため、Studio にも次のような決まりがあります。

• JavaScript（プログラム）は動かせません。見た目の工夫は CSS で行います
• 埋め込めるのは YouTube の動画だけです
• リンクは https のページとサイト内のページだけです

ページを見に来た人が安心して見られることを優先しています。

迷ったら、まずは標準のパーツで作ってみるのがおすすめです。ページの構成や伝えたいことが固まってから Studio を検討すると、デザインの方向も決めやすくなります。

Studio で作るときも、標準のパーツで作るときも、次のことを意識すると伝わりやすいページになります。

「かわいい・ゆるい・あたたかい」「クール・静か・夜」のように、チャンネルの雰囲気を 3 つの言葉にしてみましょう。色や形を決めるときの物差しになります。

使う色が多いほど、ページは散らかって見えます。メインの色を 1 つ決めて、あとはそれに合う色を 1〜2 色だけ足すと、まとまりが出ます。

動きは目を引きますが、多すぎると文章が読みにくくなります。背景がゆっくり動く、ボタンを押せることが分かる、くらいの控えめな動きがおすすめです。

SNS や YouTube のリンクからページを開く人は、スマホから見ていることも少なくありません。PC で整っていても、スマホで文字が折り返して読みにくくなっていないかを確かめましょう。

おしゃれな淡い色の文字は、背景によっては読みにくくなります。特に、説明文やボタンの文字は、背景との色の差をしっかりつけましょう。

• 標準のパーツとテーマ色だけでも、十分に伝わるページは作れる
• Studio を使うと、配色・レイアウト・動きまでチャンネル専用に作り込める
• 作ったあとも、文章やリンクは編集画面で書き換えられる

Studio のご利用を希望される方は、お問い合わせからご連絡ください。内容を伺ってからご案内します。

まだページを作っていない方は、ご利用ガイドをご覧のうえ、無料で登録してみてください。