営業ナシでWeb制作案件が舞い込んでくる”新世代”戦略 ▶︎

【失敗しない】ポートフォリオサイトの作り方|イラストレーター向け

本記事は現役Webデザイナーの筆者が実際に経験したポートフォリオサイトの作り方をイラストレーター向けに徹底解説していきます。当然ですが、企業に提出しても恥ずかしくないポートフォリオサイトを作れるようにサポートします。この記事を読めばコーディングが全くの初心者でもポートフォリオサイトを作れるようになるので安心して読み進めてください。

 

この記事の信頼性(筆者はこんな人)

 

  • 現役Webデザイナーが執筆
  • 継続して月収80万円超のフリーランス
  • 完全未経験から独学でWeb制作スキルを習得
  • TwitterにてWeb制作のメンター経験多数(→@twinzvlog_yk
  • 認定ランサー(ランサーズ最高ランク)

 

学生の方は下の記事がおすすめです。

【就活で差がつく】未経験からポートフォリオサイトの作り方|学生必見

 

ポートフォリオサイトとは

ポートフォリオサイトとは簡単にいうと実績を示すための作品集です

自分はこれだけのことができるんだぞ!とアピールする際に使います。
ポートフォリオサイトは採用担当者やクライアントに自分のスキルをアピールするために重要な役割を持っています。例えば、転職活動の際にも優れたポートフォリオがあれば数倍も内定率が変わってきます。逆にいうとポートフォリオサイトを持っていないイラストレーターさんの場合、あなたがどれだけスキルを持っていようが、どれだけ魅力的な人物だろうと『判断材料がない』ことで見向きもされないのでこの機会に必ず作りましょう。

 

【失敗しない】ポートフォリオサイトの作り方|イラストレーター向け

初心者の方でもカンタンに作れるように3ステップで解説していきます。ステップ通りに実行していただければOK!

【この章の流れ】

 

  • 【STEP1】好きなWordPressテーマを選ぶ(無料)
  • 【STEP2】サーバーを契約
  • 【STEP3】テーマをWeb上に公開する

 

【STEP1】好きなWordPressテーマを選ぶ(無料)

ポートフォリオサイトに最適なWordPressテーマを選ぶポイントは3つあります。

  • 画像中心のテーマ
    理由:パッと見たときに、ポートフォリオだと気づきやすい
  • 奇抜ではなく、シンプルなデザイン
    理由:奇抜なサイトデザインだと、肝心のポートフォリオが目立たなくなる
  • カスタマイズが簡単なテーマ
    理由:コーディングができなくても簡単に作れる。膨大な時間を削減できます。

このあたりを意識してください。といっても、これからご紹介するWordPressテーマはすべて上の3つのポイントを考慮しているのでどれを選んでもらってもOKです。

もしも『いや、 WordPressテーマは自作したい』という方がいましたら、【裏ワザ】WordPressテーマを無料で自作をご覧ください。

 

1. Fukasawa

見てわかるとおり、画像中心でわかりやすいですね。そしてなんといっても配置といい、余白といい、色合いといい全てがシンプル。レスポンシブ対応もしっかりとできていて、とても無料とは思えないデザインです。

 

デモサイト  ダウンロード

 

2. Noah

こちらのテーマはわかりやすく画像が『バンっ』と表示されいますね。ナビゲーションメニューも洗練されたオシャレなデザイン。投稿の詳細画面には画像を画面いっぱいに複数表示できるのでイラストのポートフォリオを配置するにはぴったりだと思います。

 

デモサイト  ダウンロード

 

3. Screen

筆者としてはこちらのWordPressテーマが一番おすすめです。大小異なる画像の配置やシンプルなアニメーション、わかりやすいデザインと全てが完璧。『無料でここまで使えるのか』と唸るほどのテーマです。イラストレーターの方にはイチオシのテーマ。

 

デモサイト  ダウンロード

 

【STEP2】サーバーを契約

テーマをダウンロードされた方はそれをWordPressでカスタマイズして公開する必要がありますよね。

なによりも採用担当者やクライアントにポートフォリオサイトを確認してもらうためにはドメイン・サーバーを契約してWeb上に公開しなければなりません。

下の記事で書かれている手順の通りに作業をしてもらえれば1時間以内にあなたのポートフォリオをWeb上に公開できるので、やる気が湧いている今のうちにやってしまいましょう!

ちなみに下の記事で紹介しているConoHa WINGを導入した場合、業界最安値のサーバー費用に加えてドメインも無料で付いてくるので超お得です。

3ステップでだれでもカンタンにセットアップできるのでぜひ今すぐ公開してみましょう!

 

【失敗しない】ポートフォリオサイトにおすすめのサーバーと公開方法|WordPress編

 

【STEP3】テーマをWeb上に公開する

  1. WordPress管理画面にログイン
  2. 左にあるメニューの『外観→テーマ』を選択
  3. 『新規追加』を選択
  4. 『テーマのアップロード』を選択
  5. 『ファイルを選択』からテーマをアップロード
  6. 『今すぐインストール』を選択

以上でテーマのアップロードが完了です!

あとは画像や文章を追加して自分好みのポートフォリオサイトに仕上げていくだけです。

 

【参考】イラストレーターのポートフォリオサイト3選

この章ではイラストレーターさんのポートフォリオサイトをご紹介します。あなたが実際に作っていく中で参考となる要素が入っているかと思いますので、ぜひ真似してみてください。

 

1. momoさん

トップビジュアルから目を引くイラスト画像が展開されていて、記憶に残りやすいサイトですね。わかりづらいかもしれませんが、左右には白い余白が用意されており、落ち着いたサイトデザインになっています。トップビジュアルが派手で奇抜な分、その他のデザインがシンプルで余白が多いので見ていて気持ちの良いサイトですね。

 

2. yopipiさん

左右に余白があり、左側にはナビゲーション、真ん中にメインのコンテンツというシンプルなレイアウトです。トップのビジュアルでは『バンっ』と目立つ画像ではなく、落ち着いたイラストを使っているのも魅力的なポートフォリオサイト。わかりやすくシンプルなサイトを作りたいイラストレーターの方は参考にしてみて下さい。

 

3. てらおかなつみさん

トップページから大きさの違うイラスト画像を並べていて目を引くレイアウトです。ヘッダーで使われいるフォントも奇抜でありながら、サイト全体とマッチしている感じが良いですね。イラスト画像を全面に出してアピールしたい方は参考になるかもしれません。

 

まとめ

転職のため、案件獲得のためと目的は色々あると思いますが、なにはともあれポートフォリオサイトの作成お疲れさまでした。あとはポートフォリオサイトを作った目的を果たすだけですね!