参考にしたいイラストレーターポートフォリオサイト 13 選
まずはじめに：ポートフォリオを作成 →｜ドメインを取得 →
更新日 2024年7月11日（公開日 2020年10月05日 ）
イラストレーターやクリエイターにとって、自身の作品が世の中に広まっていくことはこの上ない喜びです。 Instagram や Twitter など SNS を活用し、知名度獲得のためにさまざまな努力をしているのではないでしょうか。
そんな中、自分でオンラインのポートフォリオを作成するクリエイターが増えています。ポートフォリオサイトは作品を公開するだけでなく、作品へのこだわりを綴ったブログや、これまで積み上げてきた活動実績など多くの情報を発信できることから、自分を売り込む営業ツールとしての役割を果たしてくれます。
その中でも今回は、イラストレーター向けのポートフォリオサイトに焦点をあて、参考になる Web デザイン事例とポートフォリオの作り方を紹介します。
イラストレーターやクリエイターとして第一線で活躍しているプロフェッショナルなポートフォリオホームページに触れることで、インスピレーションを刺激すること間違いなしです。ぜひ、この記事を参考にしてみて下さい。
＼無料で使える高度な Web デザインツール／
目次
ポートフォリオサイトとは？
ポートフォリオサイトは、イラストレーターやクリエイターがこれまでに制作した作品を掲載するウェブサイトです。個々のクリエイターにとっては、自身の「公式サイト」とも言えます。特に、イラストレーターやデザイナーとして就活や転職をする際には、自身の制作物や活動実績を伝えるための有用なツールとなります。また、ポートフォリオサイトを作成することでフリーランスとして仕事のオファーを受け取る窓口とすることもできます。
01. イラストレーターにポートフォリオは必要？
制作したイラストは SNS に掲載しているから、ポートフォリオサイトはいらないのでは？と考えるかもしれません。しかし「イラストで収入を稼ぎたい」「フリーランスのイラストレーターとして活動したい」と考えているなら、ポートフォリオサイトを作成しましょう。
Wix なら豊富なテンプレートのなかから、簡単に自分のポートフォリオサイトが作成できます。収益化のための便利なツールも満載。ノーコードで作成できる便利なWeb デザインツールをぜひ体験してみましょう。
02. イラストレーターポートフォリオを作成するコツ
ポートフォリオ作成を始めるとき、「何を載せるべきか」に悩むことはありませんか？ただ作品を並べるだけでは、あなたの魅力は伝わりません。戦略的にコンテンツを厳選することで、あなたの魅力を最大限に引き出せるポートフォリオを作成することができます。
ポートフォリオに掲載する作品は何点必要？
ポートフォリオに載せる絵は多すぎても、逆に個々の作品の魅力が伝わりにくなってしまいます。イラストレーターのポートフォリオに掲載する作品数に厳密な決まりはありませんが、一般的には 10～20 点が適切な範囲とされています。作品数が多すぎると、見る側も疲れてしまいますが、20点程度であれば、多様なスキルや作風を見せつつ、見る側の負担も軽減できます。
ポートフォリオサイトにはどんなページが必要？
ポートフォリオサイトに必要なページは最低限以下の2つです。
Works（作品）ページ
自分の作品を掲載するメインのページです。
作品の画像や動画、説明文などを掲載します。
ジャンルやテーマごとに作品を分類すると、見やすくなります。
BIO（経歴）ページ
自分の経歴やスキル、自己PRなどを紹介するページです。学歴、職歴、受賞歴などを記載します。イラストレーターとしての活動内容や、目指す方向性などをアピールしましょう。また、仕事の依頼につながるように、お問い合わせフォームや連絡先は必ず掲載しましょう。
03. イラストレーターポートフォリオの作り方
ポートフォリオにしたい作品を集める
ポートフォリオ用テンプレートから、デザインを選択
作風やスタイルに合わせて、サイトデザインをカスタマイズ
コンテンツを追加し、作品をアップロードしてサイト公開
Wix では、作品の表示方法を細かくカスタマイズできる「Wix プロギャラリー」を提供しています。12 種類の選べるギャラリーレイアウトだけでなく、ホバーエフェクトの追加や、無断ダウンロード防止機能など便利な機能をご利用ださい。
イラストレーターのポートフォリオ参考事例
イラストレーターポートフォリオの重要性と基本的な作り方を押さえたところで、次は具体的な事例を見てデザインイメージを膨らませましょう。Wix で作成された、多種多様な魅力を持つイラストレーターポートフォリオ 13 選をご紹介します。あなたのインスピレーションをきっと刺激するポートフォリオサイトにきっと出会えるでしょう。
01. Asuka Eo Illustration
東京を拠点に活動するイラストレーター、飯尾あすかさんのポートフォリオサイト「Asuka Eo Illustration」は、白と黒を基調としたシンプルながらも力強いデザインが特徴です。
サイトを開くと、まず目に飛び込んでくるのは角丸で構成されたファーストビューギャラリー。そこに展示された作品は、奥行きと繊細さを持ち合わせおり、飯尾さんの独特な世界観が、見る者を一瞬にして魅了します。
ギャラリーの作品をクリックすると、詳細情報と共に関連作品などの作品がさらにふんだんに表示される仕組みは、まるで美術館で作品を鑑賞しているかのような体験を提供します。幅広いジャンルの作品群は飯尾さんの多才さを物語っています。
飯尾さんの作品は、広告、書籍、雑誌など、多岐にわたる媒体で起用されており、その評価は国内外で高く、多くのファンを獲得しています。Asuka Eo Illustrationは、飯尾さんの類まれなる才能と魅力が凝縮された、見応えのあるポートフォリオサイトです。
02. STUDY優作さん
一風変わった個性的な動物たちを描くイラストレーター STUDY優作さん。じわじわと魅力が伝わってくるユニークな作風で Web 漫画や LINE スタンプなど広範な分野において活動されています。STUDY優作さんにしか描けないゆるかわイラストにハマる熱いファンからの人気は絶大です。
ファーストビューから作風の魅力であるシュールなうさぎさんが迎えてくれます。
画面領域を大きく使用して一枚絵の画像を自動でスライド表示。イラストに魅了され、思わず目を留めてしまう方も多いはず！サイト上に動きを加えることで見る人を飽きさせず、惹き付ける効果を生み出します。スライドショー機能は作品紹介だけでなく、イベント開催やグッズ販売などのお知らせを効果的に伝えるなど、幅広く活用できる便利な機能です。
また、ポートフォリオサイト全体は白を基調としたシンプルなデザイン仕様となっています。そのため、サイトのメッセージ性が際立つだけでなく、「作者はどのような人物なのか」「どんな作品を手掛けているのか」「どのような実績があるのか」など訪問者が求めている情報をスムーズに見つけることができます。情報がスッキリしているサイトは、訪問者の離脱防止に繋がりサイト内の回遊を促進させるメリットもあります。
03. えりたさん
自身の広告営業職時代をベースに漫画制作を行う漫画家・イラストレーターのえりたさん。会社入社後の挫折、成長、転職など社会人が抱える悩みから、営業職あるあるやしくじりエピソードまで、えりたさんの具体的な体験談が綴られているエッセイ漫画は多くのファンを引き付けます。SNS での漫画投稿を主軸に、イラストや書籍の制作など、幅広く活動中。
えりたさんのサイトを開けるとまず目に入ってくるのは、スキルや案件の幅を伝えるイラストレーション。手掛けている漫画のジャンルや作風がどのようなものか一目でわかり、アピールポイントが上手に表現されています。続けてトップページをスクロールすると、視差効果で隠れていたイラストが表われます。遊び心のある仕掛けがアイキャッチで印象的なデザインです。
また、スマホでのサイト閲覧者が主流となっていることからスマホ対応のレスポンシブ Web デザインを意識したデザインに。スマホ表示に合わせてコンテンツやレイアウトを最適化し、モバイルフレンドリーな仕上がりとなっています。Wix テンプレートを利用してサイトを作成すると、モバイル版が自動で生成されます。PC 版サイトで表示するコンテンツがスマホ版サイトでは不要という場合、ページやパーツなどの要素を必要に応じてそれぞれカスタマイズし、デザインを非表示にすることもできます。
→いますぐポートフォリオテンプレートから作成
04. 大野太郎さん
ご存知の方も多いはず！Twitter で大反響を呼んだ「1いいねにつき1日成長する赤ちゃん」でお馴染みのイラストレーター大野太郎さん。赤ちゃんが「いいね！」の数だけ成長する物語を描いた連載作品の他、画像をタップして遊べる GIF ゲームや個性豊かで親しみのあるキャラクター作品など、楽しいコンテンツを生み出す仕掛け人とも言えるイラストレーターさんです。
サイトを訪れると、大野さんの出版物である『きみの中のぼく』の表紙画像が目に入ります。見る人の視線を引き付けるミニマルなデザインが特徴。サイトをスクロールするにつれてシンプルなデザインから一転し、見ていて楽しいカラフルなキャラクターが現れます。スクロール速度に差をつけて 3D のような立体感を演出するエフェクト「パララックス・スクロール」を上手に活用し、大野さんの世界観を見事に表現。さらに、大野さんの持ち味である GIF アニメーションも所々に使用することで躍動感のある印象も与えています。思わずスクロールしたくなってしまう参考にしたいデザインです。
また、SEO 対策を施すために Wix の SEO ツールである「Wix SEO Wiz」を使って、サイトの表示順位の向上を実現できたとのこと。サイトの視覚的なデザインだけでなく、サイトの内部まで細かく設計されています。
05. てらおかなつみさん
色鉛筆や鉛筆を使って温かみのある色彩で犬の絵を中心とした創作活動を行うイラストレーターてらおかなつみさん。ほんわかしたタッチと手書きの良さが際立つイラストは、見る人を優しい気持ちにさせてくれます。本の挿絵やグッズのデザイン、個展の開催など様々な分野で活躍中。イラストだけでなくてらおかさん自身も穏やかな雰囲気のある癒し系イラストレーターさんです。
てらおかさんのトップページは、作品を一覧表示できる機能「 Wix プロギャラリー」を使って作品集を表示。サイトを訪れた瞬間からイラスト作品の魅力に惹き込まれます。ここではフォントにも注目してみましょう。作風とマッチする手書き風フォントをサイト名やメニューバーに使用しています。ポートフォリオサイトの外観に最適なフォントを選ぶことで、サイト全体に統一感をもたらしています。
過去のお仕事や告知を掲載する「event / work」のページは、記事形式で公開しています。各記事には見出し画像とタイトル、そして本文の一部を表示。シンプルでありながら興味を掻き立てられ、ついクリックしたくなるような仕様です。また、記事をタイル状に並べることができるタイル表示機能を使用することで、より多くの記事を一度に目にすることができ、訪問者にとって見やすいレイアウトとなっています。
06. モチコさん
子育て中のあるあるネタで楽しませてくれるエッセイ漫画家モチコさん。2 人の幼子を抱えるモチコさんの実体験を基に、育児に奮闘する多くのパパやママに響く笑いや葛藤を 4 コマ絵日記で届けてくれます。SNS で作品を投稿するほか、子育てサイトでの連載や書籍の出版まで幅広く活躍する注目のエッセイ漫画家さんです。
モチコさんのイラスト作品は、淡いピンク色が差し色として使われているのが特徴。この色をサイトの背景色として取り入れることで、ポートフォリオサイト全体が一体感のある印象になっています。また、サイト内の文字色やボタンにも背景と同系の色を使用し、細部までこだわりを持ってデザインが施されています。調和の取れた色彩で、柔らかく優しいイメージを与えてくれます。「色」が人に与える印象は様々です。たとえば、青色は信頼や自信、黄色は幸福や希望のイメージなど。色の持つ効果を理解することで視覚的に訴求力の高いウェブデザインに仕上がります。
メニューバーの「トップ」「プロフィール」「お問い合わせ」などのサイトページを開くと、右方向からスライドして表示されるオブジェクトが目に入ります。これはオブジェクトに対して動きのあるエフェクトを付けることができるアニメーション効果の機能です。他にも弾むような動きのバウンス、回転しながら出現するスピンなど様々なエフェクトで見せ方を工夫できます。
07. わかるさん
温かみのあるタッチで描くうさぎやくまの可愛いイラストから私たちの心の声を文字で表現したシュールな作品に加え、グッズ販売や LINE スタンプ制作など多岐に渡り活動されているイラストレーターわかるさん。DOYAGAO（ドヤ顔）、SUGOI（すごい）、KAERITAI（帰りたい）など、敢えてアルファベットで表現するシリーズ作品は、思わず自分のことのように「すごいわかる！」と共感を呼び幅広い層から支持を集めています。
モノクロを基調としたわかるさんのサイトは、統一感のあるスタイリッシュなデザイン。視線をうまく誘導したり、整頓された印象を与える効果のあるホワイトスペース（余白）を上手に取り入れています。最低限の項目に絞った明瞭なお問い合わせフォームや、これまでの作品を色で仕分けてある「gallery」ページなど、サイト全体を通じてぶれのないトーン＆マナー。サイト全体を通じて、作品と作者自身のふんだんな魅力をオーディエンスへ伝えています。
サイト上に設置されたオンラインショップ「store」は、オリジナル商品の製造販売・梱包発送が可能なオンデマンドサービス＆ドロップシッピングの Printful（プリントフル）を活用し、Wix サイトと Printful を接続してオリジナルグッズを販売。商品画像を複数掲載することで、買い手のイメージが膨らみやすい設計となっています。
→いますぐポートフォリオテンプレートから作成
08. 福田 玲子さん
その名も「たのしんで描くをモットーに」という個展を開催されたこともあるイラストレーターの福田 玲子さん。日常を「えにっき」に変身させた生き生きとしたイラストは見ているだけで楽しさが伝わってきます。
ホームページでポートフォリオを作成することで、クリエイターの履歴書として自分のことをブランディングできるようになります。個人サイト向けのテンプレートから、簡単にイラストレータ向けのオンラインポートフォリオが作成できます。
09. コーヘーズさん
Tシャツクリエイター兼キャラクターデザイナーのコーヘーズさんは、「イラストとして見て楽しめる事」と「Tシャツとして着て楽しめる事」の両方のバランスを意識して作品を生み出しています。思わずクスっと笑ってしまうような山形弁を取り入れたイラストや LINE スタンプも要チェックです。
黒い背景のサイトは、訪問者に強い印象を残すことができます。8bit 風のフォントと合わせて、レトロゲーム画面のようなウェブデザインとなっておりクリエイターの個性を表現しています。また、ブログ機能も活用しており、ポートフォリオとしてだけでなく、制作の背景や近況について紹介することにサイトを活用しています。
オンラインポートフォリオは機能を追加することで、さまざまな使い方ができます。「いつかブログ運営やグッツ販売もしてみたい...」と考えているなら、追加機能に優れた Wix でポートフォリオを作成してみましょう。
10. 森 洋史さん
日本をはじめ中国や香港などアジアでもご活躍中のアーティスト森 洋史さん。名画とゲーム、宗教画とアニメを融合した個性あふれる作品の数々は見る人を虜にします。
イラストだけでなく、さまざまな作品を制作するバイタリティのあるアーティストであるため、オンラインポートフォリオではそのダイナミックさを余すことなく表現できます。
作品に合わせて、動画や写真、GIFなどの表示方法を選択することで、作品の魅力を引き立たすことができます。自在にカスタマイズできるポートフォリオサイトの作成を今すぐはじめてみましょう。
＼無料で使える高度な Web デザインツール／
11. 大川 原亮さん
アニメーション監督、イラストレーターとして活動中の大川 原亮さん。大川原さんのウェブサイトデザインは作品との一貫性があり、スタイルにぶれのない魅力的な仕上がり。彼の世界観へ思わず引き込まれます。
プロギャラリー機能を利用することで、GIF画像を動かしながら表示することも簡単です。選べるレイアウト設定で、表示方法を自由に編集することもできます。
12. Noriyuki. さん
キャラクター1人1人へ命を吹き込む、画家・アーティストの Noriyuki. さん。細かく手の込んだ彼の作品へ引き込まれるだけでなく、キャラクターの個性が伺える可愛い色使いは見る人を元気にします。
13. 大石 暁規さん
細やかなキャラクターを描くことが得意なイラストレーター大石暁規さん。可愛いキャラクターがお出迎えしてくれるホームページは、ミクロな世界観と遊び心で溢れています。
動きのあるキャラクターが、ページのあちこちに表示され、訪問者を楽しませてくれます。ブログ機能を利用し「news」を発信。また「desgin」のページではそれぞれのカテゴリーごとに、作品の表示方法を変えており、作品をおしゃれに魅せる方法の参考になります。
まとめ
ポートフォリオサイトは、自身の成果物をオンライン上で発表するだけに留まらず、スキルや実績、作品への想いなどより深い情報が発信できるため、自己表現の幅がぐんと広がります。思いがけないところから仕事の依頼が来たり、今まで以上に作品への反応がもらえたりと、大きなチャンスに繋がるでしょう。
海外のクリエイターによるポートフォリオも参考にして、クリエイターとしての自分をより一層アピールできるポートフォリオサイトをデザインしましょう。
おすすめ参考記事 ▶︎ 海外のクリエイターから学ぶ！デザイン性に優れたポートフォリオ 15 選
＼無料で使える高度な Web デザインツール／
東福 千恵
ソーシャルメディアマネジャー
