イラストレーターのウェブサイトの作り方まとめ【仕事の依頼につながるサイト設計】

このページはプロモーションを含みます。

イラストレーターのためのウェブサイトの作り方についてまとめた記事です。

ウェブサイト、ホームページ、ポートフォリオサイト、イラストサイト、呼び方はいろいろですが、共通の目的として「ただのイラスト展示場ではなくて、仕事の依頼が来るウェブサイトを作るにはどうしたらいいか?」という話をします。

正直、1ページで伝えられるようなものではないのですが、この記事では、その概要をお伝えします。もっと詳しく知りたい方は、noteマガジン「いしつく! の教科書 [改訂版]」を読んでみてください。

» いしつく! の教科書 [改訂版] まえがきを読む (note)

おすすめの制作ツール、レンタルサーバー

まず、多くの人が知りたい話から。ウェブサイトを「なにで作るか」、つまりツール・手段の話をします。仕事の依頼を獲得していきたいという思いがあるのだったら「無料ブログ」「無料サイト」はダメ。おすすめなのは、次の2つのうちいずれかです。

  • WordPress (この場合、レンタルサーバーが必要)
  • ジンドゥーや Wix など、ウェブサイト制作ツールの有料プラン

WordPressか、ジンドゥー / Wix か

どっちがいいのか? については、ウェブのプロの立場からは WordPressのほうがおすすめ。なぜなら自由度が高く、安価でできるから。

ただしWordPressをインストールするにはその土台の場所としてレンタルサーバーが必要です。それには技術面でまったく無知識ではしんどいので、多少は勉強が必要です。

難しいことはちょっときびしいな〜という人は、ジンドゥーなどのウェブサイト制作ツールを使ってもいいよ、という感じです。ただし独自ドメインが必須なので無料プランでは無理。

総合すると、費用面ではWordPressのほうが安くしやすいです。

イラストレーターにおすすめのレンタルサーバーは?

WordPressでサイト制作をしようと思っている人は、レンタルサーバーが必要です。個人クリエイターならそこまで高スペック・高額なものは必要ありません。

おすすめのレンタルサーバーですが、独自ドメインは必須なので、契約すると独自ドメインが無料でついてくるプランが便利です。使い勝手の良さ・安定感から、いしつく! ではConoHa (コノハ) をおすすめしています。

イラストレーターにおすすめのサイト作成ツールは?

サイト作成ツールを使うのだったら、ジンドゥー (Jimdo) をおすすめしてます。最大の理由は、シンプルで使いやすいから。

クリエイター系の人はデザイン重視で選びがちなんだけど、仕事を伸ばしたいんだったら、コンテンツを重視すべき。なので、とっつきやすく、わかりやすく、長らく更新していけるツールのほうが仕事を発展させるためには良い。

ツールの選び方についてもうくわしく少し知りたい方は、次のリンク先も読んでみてください。

なぜウェブサイトが必要か

そもそもウェブサイトなんて必要なの? イラストレーターってSNSだけやっていればいいんじゃないの? という疑問についての話をします。

イラストレーターのSNS、Twitter活用方法

SNSでバズっても仕事依頼は来ない

SNSをやっているイラストレーターは多いですが「私の作品をたくさんの人に見せたら、そのうち自然と仕事依頼が来る」というのは盛大な勘違いです。

私自身、大バズりも大炎上も経験してますが、どっちも仕事の依頼はもたらしませんでした。

SNSだけでなくウェブサイトが必要な理由

今時SNSだけでいいよね? ではなく、今こんな時代だからこそ、SNSだけでなくウェブサイトを作って、ビジネス上の信頼を得ることが、とてつもなく重要になってきています。

なぜ仕事依頼獲得のためにはウェブサイトが必要なのか。その理由は、こんな感じ。

  • 依頼者はSNSで流れるタイムラインを見ただけで依頼しない
  • SNSだけだと「自称イラストレーター」「小遣い稼ぎの人」に見られる
  • 素人がAIイラストを大量に流してはインプ稼ぎをする昨今、SNSで絵を流すだけでは埋もれるだけ
イラストレーターやクリエイターは仕事依頼が欲しければSNSだけでなくウェブサイトを作るべき

出版や制作の現場の皆さんからはいつでも「ちゃんとしたイラストレーターはいないか?」というお声を聞きます。

だから、SNSだけやるのではなく、ウェブサイトは必ず作りましょう。そうでなければ仕事の依頼というチャンスをつかまえられません。

イラストレーターがウェブサイトを作る目的とは?

あなたは、なぜポートフォリオサイトを作りたいのですか?
イラストを誰かに見せたいという欲求を満たすだけなら、SNSで十分なはず。

「そんなの聞くまでもないだろ」って思った人もいるかもしれませんね。おそらく99%のイラストレーターはこう思っているでしょう。

仕事の依頼をゲットしたいからポートフォリオサイトを作るんだ

じゃあ、その目的を達成するには、どうすればいい? どのようにウェブサイトを作っていけばいい? っていうふうに考えていきます。

そこをしっかり意識していないと、調べれば調べるほどいろんな情報に惑わされちゃうので、注意が必要です。

いしつく!のエッセンスとも言えるnoteマガジン「いしつく! の教科書 [改訂版]」は、ただのイラスト置き場ではなく、「仕事の依頼をゲットする」ためのウェブサイトの作り方・考え方を解説しています。

» いしつく! の教科書 [改訂版] まえがきを読む (note)

仕事につながるウェブサイトの考え方

イラストレーターが何も知らずにウェブサイトを作ると自然と「ギャラリーサイト」になってしまうので、まず考え方を知ってください。

イラストレーターのウェブサイトは作品集ではない

イラストレーターさんが自作したポートフォリオサイトへのダメ出し

イラストレーターが自作したウェブサイトをプロの目線でチェックすると「これでは仕事は来ないだろうな」という要素がたくさんあります。

なぜそういう間違いをしてしまうのかというと、イラストレーターの多くが、自分のウェブサイトを作品集だと考えているからです。でも、これが仕事の依頼がこないつまずきの大きなひとつ。

仕事の依頼者はイラストを鑑賞して楽しみたいなんて思っていなくて、あなたという外注業者が信頼できるかどうか、じっくり検討したいんです。

参考サイトばかり見ても仕事の取れるサイトは作れない

先輩サイトを参考にする

「いろんな先輩イラストレーターさんたちのおしゃれなポートフォリオサイトを見て、参考にしよう!」みたいな記事ってよくあるんですが、そういうのを見て回っても、仕事の依頼がくるウェブサイトは作れません。なぜなら先輩も「作品集」「観賞用サイト」を作っているから。

オシャレデザインなサイトを作っても仕事が来ない理由

オシャレでクールなデザインのポートフォリオサイトを作っても、仕事の依頼が来ない。なぜかというと、デザインにこだわる人はその他の部分を無視するからです。

仕事の依頼を取りたいのであれば、中身、つまり、何をどう書くか・掲載するかが最も重要です。

コンテンツが主人、デザインは従者。これが正解。

デザインが主人になっちゃダメです。

ウェブサイトはデザインより導線が重要

仕事の取れるウェブサイトにしようと思ったら、もうひとつ大事なことは、導線です。

これはなんのことかというと、あなたのサイトを訪れた人が、依頼や問い合わせに至るまでに何を考え、どう行動するか? という話です。

訪問者がサイト内のいろんなコンテンツを読んだ結果、あなたの仕事内容に納得して、問い合わせというアクションを起こします。このアクションにつながるようにするためには、効果的な配置ってものがあります。

これはウェブデザイナーでもあまり意識していない人が多い話なので、「いしつく! の教科書」で紹介している参考レイアウトを見て貰えば話が早いです。

スマホ対応 (レスポンシブデザイン) は必須

イラストレーターに限らずどんなウェブサイトでもスマホ対応は必須です。

ただ、実際に作るときはあまり意識しなくても大丈夫です。WordPress で作るにしろ、ジンドゥーや Wix で作るにしろ、どんなテーマ (テンプレート) でもレスポンシブ対応は標準になっているから。

どっちかというと、変にこだわったデザインをして、PCでは綺麗でもスマホでは変な風に見えてる……みたいなケースに注意したほうがいいかな。

イラストレーターのウェブサイトに必要なページ

イラストレーターサイトにどんな内容を書けば仕事が近づいてくるのか? どんなページを作るべきなのか? という話をします。

イラストレーターが仕事の依頼が来るウェブサイトを作るには

依頼者が何を知りたいのか、と考える

前述のとおり、依頼者はイラストの鑑賞をしたいわけではないので、ただイラスト画像を並べまくっても仕事の依頼は来ません。むしろ主役は文章と情報です。依頼する側は何が知りたいか、という目線で考えましょう。

発注側の目線で見ると、こういうことが知りたい

  • このイラストレーターってどういう実績を持ってるの?
  • ほんとにプロなの? (最近はSNSで自称イラストレーターみたいな人多いから心配)
  • こういうものを発注したいけど、対応できるの?
  • 納期が決まってるけど、対応してもらえるかな?

このような疑問に答えを示せると、仕事の依頼が来ます。

実績一覧ページ

これまで請けた仕事内容が一覧できるページを設けよう。実績を示せば「このイラストレーターはプロなんだな」ってことが伝わり、発注側はひとつ安心を得ます。「なんていう媒体のどんな内容のコンテンツに対してイラストを提供しました」という事実を書きます。

制作上の得意分野や特徴を説明するページ

「こういう媒体のこういうコンテンツにイラストを提供することが多いです」「こういう題材をこういう感じに描くことが得意です」ってことをお伝えする文章主体のページを設けよう。それにより発注者は「今頼もうとしてる仕事は、このイラストレーターで対応できるかな」ということが判断できます。

納期についての説明ページ

もちろん依頼内容によってどのくらいかかるかなんてまちまちだけど、「こういうタッチの場合はこれに比べると日数が要ります」とか相対的なことは言えますよね。実際の制作スケジュールをサンプルにした日程表とか、「依頼から納品までの流れ」みたいなのもおすすめ。

イラストは画像だけ貼り付けない。情報を合わせて載せる

イラストを貼るだけだからただのイラスト観賞ページになっちゃう、だから一般人や同業ばっかりが見に来る。情報を添えることで「仕事依頼のサンプル」に進化します。すると仕事依頼を近づける。

契約についての説明ページ

成果物の著作権の取り扱いとか、二次使用の取り決めとか、修正費についての取り決めとか、受発注のとき必ず確認しておいたほうがいい事項ってありますよね。それについて自分のスタンスを表明しておくページを設けよう。

プロフィールの書き方

イラストレーターのウェブサイトは、ビジネス用サイトなんで、趣味や推しのことを熱く語るような個人的プロフィール文は封印しちゃってください。

ビジネス用のプロフィールっていうのは「職歴や経歴」「得意なこと」「私は客にどんな貢献ができる・どんな利益をもたらすことができる(ベネフィットっていいます)」、これらの項目をぎゅっとまとめたものです。難しければ「職歴・経歴」を中心に事実のみで構成するのもおすすめです。

イラストレーターのポートフォリオサイトには似顔絵ではなく顔写真を

またプロフィールには、似顔絵ではなく写真をつけるのが基本です。なぜか? それは、仕事に対する覚悟を示し、信頼できそうと思わせるのは、顔写真だけが持つ不思議な力だからです。身バレがどうとかの懸念は的外れ。

ページにどんな内容を書けばいいのか? プロフィールの改善方法は? 的な話の詳細はいしつく! の教科書ではこの記事に出てきます。

イラストの料金は公開するべき?

イラストの価格をウェブサイトに掲載するかどうか

ここの考え方は人それぞれですが、基本的には、固定の値段を完全に公開しておくのはあまりおすすめしません。詳しくは見積で、とか、あるいはポートフォリオ (書類) にだけ入れておくとかのほうが良いです。

いしつく! の立場としては、イラストレーターは個人相手の商売ではなく、対企業の取引が中心、というのが基本です。

本名を公開するべき? ペンネームでもいい?

イラストレーターさんのためのペンネームの付け方

基本は本名を載せます。ペンネームがある人はそれでもいいですが「この名前で生きてく」って心に決めたペンネームにしてください。適当にハンドルネーム載せます、ってのはふざけすぎです。

本名を晒す覚悟のある人のほうが企業の信頼を得やすいので「いい仕事」は本名の人のところに優先的にきます。本名のほうが得なんです。

住所は最低でも市町村レベルまでは書きましょう。バーチャルオフィスを契約して事業専用の住所を用意するのもおすすめです。

ウェブサイトとブログの関係

イラストレーターのブログのNG例

「ポートフォリオサイトとブログ、どっちを作るべきですか?」という質問が多いんですが、これは考え方を変えてください。

ポートフォリオサイトとブログが一体化したものを作るのが正解です。なぜなら、両方を補い合わせることで検索に強くなり、仕事を引き寄せやすいから。

注意点としては、両者は同じドメイン内になければ効果を発揮しないから、独自ドメインは必須です。「ポートフォリオサイトは無料サイト、ブログはAmeba」みたいな構成だと意味がありません。

ブログに何を書くか

ブログに何を書くかですが、もちろん個人的な日記では意味ありません。基本は、お客様・依頼者が知りたいこと、彼らの役に立つことを書くのが正解です。同業者向けに「イラストレーターになるには」とか書いても仕事を増やす意味はありません。同業者が依頼をしてくるわけではないから当然です。

くわしいことはnoteにも書いたので、よかったら読んでみてください。

独自ドメイン

独自ドメインの決め方

ウェブサイトには独自ドメインが必須

イラストを事業としてちゃんとやっていきたい人は、独自ドメインは必須です。メールアドレスもGmailじゃなくて独自ドメイン付きのメールアドレスで。

なぜか? 独自ドメインは本気を表すからです。

独自ドメインをつけてない企業サイトって見たことないですよね。独自ドメインは「この名のもとにインターネット上で商売をしております」という宣言みたいなものです。イラストレーターもプロとしてひとりの事業者なわけですから、独自ドメインはむしろ持ってて当たり前。

独自ドメインの決め方

独自ドメインは、屋号やペンネームを表すもので、できるだけ簡単な文字列にしましょう。面白さを狙った変な文字列とかはやめてほしいです。

ドットの後の部分は (専門用語でTLDといいます) は、.com、.net、.jp がおすすめ。日本語ドメインはおすすめしません。

独自ドメインを取得するのはカンタンで、たとえばムームードメインなどのドメインサービスへ行って、欲しいドメイン名を申請して、お金を払ったら終わりです。

独自ドメインは世界にひとつしか存在できないので、先に取られている名前は買えません。だから「これで行く!」って決めたら、早めに取得がおすすめです。ウェブサイトを作る前に、ドメインだけ先に買うこともできます。

問い合わせフォームの作り方

イラストレーターのウェブサイトにおける問い合わせフォーム、コンタクトフォームの作り方

メールアドレスやSNSのDMではなく、問い合わせフォームを設置すべき理由

メールやDMは、依頼を送る側からみて、自由になんでも書けていいように思えますが、それがかえって面倒なのです。イラストの依頼についての必要事項を依頼者が自分で考えてまとめなくてはいけないからです。

また自由に書けるからこそ、実はメールやDMは的外れな依頼が来やすい。逆営業や個人的なDM、足元を見た格安依頼を招き寄せます。

たまにSNSで「的外れな依頼DMが来た!!」ってクリエイターさんの投稿を目にしますが、愚痴ってても意味なくて、しくみで改善したほうがいいです

問い合わせフォームの作り方は「問診票」

なので、必ずウェブサイトに問い合わせフォームをつけましょう。シンプルすぎるフォームだとメール・DMと同じ問題が残るので、それよりも項目数の多いフォームの方がGoodです。

受発注のはじめに尋ねるべきことって、どのお客様でもほとんど同じですよね。なので、それを問い合わせフォームの役割にすることで仕事がよりスムースに進みます。

FAQ (よくある質問)

Q. 「無料ブログ」「無料サイト」を使ってはいけない理由は何ですか?

理由は主に2つ。ひとつは、独自ドメインを使わないと、不利な点がいろいろ多いから。信頼性の問題、SEO面での問題、技術的な問題など。

ふたつめは、無料で使わせてもらうのとひきかえに、不自由を我慢しなきゃいけないこと。運営もボランティアじゃないんで、無料の代わりに広告をクリックさせたり、他のユーザーの記事へ回遊させたりするのです。

自由に作れる手段 = WordPress や制作ツールの有料プラン
は普通に手に入るんだから、そっち使いましょう。

Q. サイト制作ツール、WordPress、レンタルサーバー、独自ドメインの違いがよくわかりません

独自ドメイン、制作ツール、WordPress、レンタルサーバーの関係

図の下から説明しますと、レンタルサーバー (ウェブサーバー) は、すべてのウェブサイトを公開するための土台です。サイト制作ツール (ジンドゥーやWix) も、土台としてのサーバーはどこかにあるけど、使う分には意識しない、という感じです。

Wix、ジンドゥー、WordPress、HTML、CSSとかは、ウェブサイトをどうやって作るか、の手段の話です。

独自ドメインは、作ったウェブサイトに独自のアドレス (URL) をつけられます。制作ツールやレンタルサーバーの「サービス」として付属していることもあれば、単独で購入 (取得) することもできます。

Q. 「ポートフォリオ」と「ポートフォリオサイト」ってどう違うんですか?

ポートフォリオ = 書類
ポートフォリオサイト = ウェブサイト

ポートフォリオは印刷して営業先で直接手渡したり、PDF化してウェブサイト上で活用したりします。イラストレーターが仕事を伸ばしていくためには、どっちも必要です。

まとめ: 仕事の取れるウェブサイトは、作れる。作り方を知ろう

「ウェブサイトなんか作ってもどうせ仕事依頼なんか来ないでしょ」というイラストレーターさんは多いです。でも、以上に挙げたような工夫をすれば、着実に仕事をキャッチできるようになっていきますよ。

ただし、作ったら速攻で仕事がバンバン!! というわけではありません。具体的な方法を知って、じっくり取り組んでみてください。

より具体的な方法はいしつく! の教科書で解説しているので、ぜひ読んでみてください。

» いしつく! の教科書 [改訂版] まえがきを読んでみる (note)

イラストレーターのための
仕事の取れるウェブサイトの作り方

「イラストレーターになりたいけど、SNSに絵を投稿する以外に、何をやったらいいかわからない」

そんなふうに思ったこと、ありませんか?

ウェブサイト (ポートフォリオサイト) を作るとき、同業者の見よう見まねだけでは、せっかく時間をかけても一向に仕事依頼につながらないことも。
そうなったら悲しいですよね。

そこで開発されたのが「いしつく! の教科書 [改訂版]」、全6章のnote記事集です。仕事の取れるウェブサイトの作り方・考え方はあります。ぜひ知ってください。

  • 読まれ続けて 7 年間※
  • 延べ 1,000 人以上のクリエイターが購入※
  • Xリポスト・まとめ買いでお得に

※旧版からの実績です

いしつく! の教科書 [改訂版] 記事概要

この記事も読んでみてください:

この記事が役にたったら、シェアしよう