参考にしたいイラストレーターポートフォリオサイト 13 選


参考にしたい人気イラストレーターポートフォリオサイト

この記事は 2020 年 10 月 05 日に公開、2022 年 8 月 30 日に更新しています。

イラストレーターや漫画家、アーティストなどのクリエイターにとって、自身の作品が世の中に広まっていくことはこの上ない喜びです。 Instagram や Twitter など SNS を活用し、知名度獲得のためにさまざまな努力をしているのではないでしょうか。


そんな中、一歩先をいくために自身のポートフォリオサイトを持つクリエイターが増えています。ポートフォリオサイトは作品を公開するだけでなく、作品へのこだわりを綴ったブログやこれまで積み上げてきた活動実績など多くの情報を発信できることから、自分を売り込む営業ツールとしての役割を果たしてくれます。


その中でも今回は、イラストレーター向けのポートフォリオサイトデザインに焦点をあて、参考になる事例と Web デザインアイデアを紹介します。


漫画家やイラストレーターとして第一線で活躍しているクリエイターのプロフェッショナルなポートフォリオホームページに触れることで、インスピレーションを刺激すること間違いなしです。ぜひ、この記事を参考にしてみて下さい。 具体的なポートフォリをの作成方法はこの記事で詳しく解説しています。


イラストレーターのポートフォリオ参考事例 

目次

  1. BUSON さん

  2. STUDY優作さん

  3. えりたさん

  4. 大野太郎 さん

  5. てらおかなつみさん

  6. モチコさん

  7. わかるさん

  8. 福田 玲子さん

  9. コーヘーズさん

  10. 森 洋史さん

  11. 大川 原亮さん

  12. Noriyuki. さん

  13. 大石 暁規さん


01. BUSON さん


クスッと笑える「あるあるネタ」をテーマにしたイラスト漫画を手掛ける BUSON さん。なかでも超現代風紫式部の「ポジティブしきぶちゃん」が話題を集めています。元消防士という経歴をお持ちの BUSON さんですが、今では SNS の総フォロワー数 100 万人超えの人気イラストレーターとしてメディア連載やトークショー、サイン会など多方面で活躍中。


そんな BUSON さんのウェブサイトを開くと、フル画面表示のしきぶちゃんと仲間たちのイラストが目に飛び込んできます。抜群のインパクトを与えているファーストビューのすぐ下には、BUSON さんの新着情報が一目でわかるニュースフィードやお仕事の依頼を考えている方に向けてのメッセージを掲載。ファンやクライアントなどサイト訪問者が最新情報を素早くキャッチできる設計となっています。


見込みクライアント向けの「business」ページには、BUSON さんのキャラクターを活用するメリットから、タイアップ事例やメディア掲載といったカテゴリ別の活動実績まで、具体的な成果をアピール。依頼側の目線にたった構成になっています。また、サイト内にはパスワードを知っている人限定の会員制ページ「secret」を設け、そのページでしか見れない情報やイラストを公開することでファンの熱量を高める工夫も施されています。


>> ポートフォリオサイトを作成する


BUSONさんのポートフォリオサイト


02. STUDY優作さん


一風変わった個性的な動物たちを描くイラストレーター STUDY優作さん。じわじわと魅力が伝わってくるユニークな作風で Web 漫画や LINE スタンプなど広範な分野において活動されています。STUDY優作さんにしか描けないゆるかわイラストにハマる熱いファンからの人気は絶大です。


ファーストビューから作風の魅力であるシュールなうさぎさんが迎えてくれます。

画面領域を大きく使用して一枚絵の画像を自動でスライド表示。イラストに魅了され、思わず目を留めてしまう方も多いはず!サイト上に動きを加えることで見る人を飽きさせず、惹き付ける効果を生み出します。スライドショー機能は作品紹介だけでなく、イベント開催やグッズ販売などのお知らせを効果的に伝えるなど、幅広く活用できる便利な機能です。


また、ポートフォリオサイト全体は白を基調としたシンプルなデザイン仕様となっています。そのため、サイトのメッセージ性が際立つだけでなく、「作者はどのような人物なのか」「どんな作品を手掛けているのか」「どのような実績があるのか」など訪問者が求めている情報をスムーズに見つけることができます。情報がスッキリしているサイトは、訪問者の離脱防止に繋がりサイト内の回遊を促進させるメリットもあります。


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などの表示方法を選択することで、作品の魅力を引き立たすことができます。自在にカスタマイズできるポートフォリオサイトの作成を今すぐはじめてみましょう。


>> ポートフォリオサイトを作成する


森 洋史さんのポートフォリオサイト


11. 大川 原亮さん


アニメーション監督、イラストレーターとして活動中の大川 原亮さん。大川原さんのウェブサイトデザインは作品との一貫性があり、スタイルにぶれのない魅力的な仕上がり。彼の世界観へ思わず引き込まれます。


プロギャラリー機能を利用することで、GIF画像を動かしながら表示することも簡単です。選べるレイアウト設定で、表示方法を自由に編集することもできます。


大川 原亮さんのポートフォリオサイト


12. Noriyuki. さん


キャラクター1人1人へ命を吹き込む、画家・アーティストの Noriyuki. さん。細かく手の込んだ彼の作品へ引き込まれるだけでなく、キャラクターの個性が伺える可愛い色使いは見る人を元気にします。




13. 大石 暁規さん


細やかなキャラクターを描くことが得意なイラストレーター大石暁規さん。可愛いキャラクターがお出迎えしてくれるホームページは、ミクロな世界観と遊び心で溢れています。


動きのあるキャラクターが、ページのあちこちに表示され、訪問者を楽しませてくれます。ブログ機能を利用し「news」を発信。また「desgin」のページではそれぞれのカテゴリーごとに、作品の表示方法を変えており、作品をおしゃれに魅せる方法の参考になります。

大石 暁規さんのポートフォリオサイト


まとめ


ポートフォリオサイトは、自身の成果物をオンライン上で発表するだけに留まらず、スキルや実績、作品への想いなどより深い情報が発信できるため、自己表現の幅がぐんと広がります。思いがけないところから仕事の依頼が来たり、今まで以上に作品への反応がもらえたりと、大きなチャンスに繋がるでしょう。


海外のクリエイターによるポートフォリオも参考にして、クリエイターとしての自分をより一層アピールできるポートフォリオサイトをデザインしましょう。


参考記事:

>> 海外のクリエイターから学ぶ!デザイン性に優れたポートフォリオ 15 選

>> 思わず覗いてみたくなる、アーティストポートフォリオ例 20 選



東福 千恵

ソーシャルメディアマネジャー




ja03.png