動画デザインコラムセミナーコラムWeb・グラフィックデザイン【初心者向け】ポートフォリオを自分で作ろう!作り方のコツや作成サイトもご紹介!公開日:2022/07/19就職や転職の武器として、フリーランスが自分の実力を証明する証として、ポートフォリオは重要な存在です。自分のポートフォリオサイトを持っていることで、さまざまな人たちに自分のスキルをアピールできます。一からポートフォリオを作成しようとしてもどうやって作ってよいのか、何を掲載したらよいか分からないかもしれません。今回は、そのような方に向けてポートフォリオサイトの作り方をご紹介していきます。デザイナー・イラストレータ―・ディレクターなど、さまざまな職種の人が自己アピールのために利用しています。ポートフォリオを作ると「自分は何ができるか」を分かりやすく提示でき、例えば就職や転職活動の時には採用担当者にポートフォリオを見せて実績をアピールできます。フリーランスで活躍するクリエイターならば、ポートフォリオは「受注できる仕事」の見本集ということになります。具体的な成果物のイメージができるポートフォリオがあれば、数多くいるフリーランスの中から選ばれやすくなるでしょう。ポートフォリオに掲載すべき内容ここでは、どのポートフォリオにも必要最低限掲載すべき内容についてご紹介します。それぞれ詳しく解説していきます。目次は、一目でどこに何が載っているか分かるため便利です。就職・転職活動では、ポートフォリオを見てもらう時間が限られている場合があります。採用担当者がすぐに目的のページにたどり着けるよう、目次を付けておくと良いでしょう。自己紹介ポートフォリオを作成した作者の自己紹介を行います。写真・職務経歴・スキルレベル・受賞歴などを記載します。作品の掲載は、ポートフォリオ作りの肝とも言えます。作品のビジュアルを載せるだけではなく、作品紹介文にも力を入れましょう。具体的には、次のようなことを明示することをおすすめします。漏洩に気を付けるクライアントから依頼された仕事の実績を載せる時には「著作権違反」に気を付けましょう。著作権をクライアントに譲渡することが条件になっている成果物もあります。機密保持契約書を交わしている場合、仕事内容の詳細を記載してしまうと機密情報の漏洩となり規約違反になってしまう可能性があるため注意が必要です。実績として過去の仕事を紹介する際は、契約内容をしっかり確認してください。できるだけ安全な方法を望むなら、ポートフォリオに記載しても良いかをクライアントに直接確認するようにしましょう。連絡先ポートフォリオの主な目的は、自分に興味を持ってもらい、コンタクトを取りたいと思わせることです。どんなに魅力的なポートフォリオを作っても、肝心の連絡先がなければ次につながりません。確実にコンタクトが取れる連絡先を記載しておきましょう。個人情報の流出に注意ポートフォリオサイトを作る場合、公開範囲を限定しなければ誰でもアクセスできてしまいます。ポートフォリオサイトに載せた個人情報が原因でトラブルが起きるかもしれません。メールアドレスをポートフォリオサイトに載せておくと、迷惑メールのターゲットになる危険性があります。個人情報流出の対処法として、以下の3つが挙げられます。パスワードをかけて採用担当者だけが見られるように公開範囲を限定するメールアドレス代わりにTwitterやFacebookなどのSNSリンクを記載するスパム対策をしたお問い合わせフォームを設置する上記の対処法を参考に、個人情報が流出することがないようにしましょう。ポートフォリオを作成する際のコツここでは、ポートフォリオを作成する際のコツを4つご紹介します。職種によってポートフォリオの重点を変える苦手な部分は外注やポートフォリオ作成サービスを使う実績が足りない時は見本で厚みを出す見る人目線での構成を考えるポートフォリオの内容を更新するそれぞれ詳しく解説していきます。職種によってポートフォリオの重点を変えるポートフォリオと一口に言っても、職種によって重点的に見せるポイントは異なります。「デザイナー」「Webディレクター」「映像クリエイター」のポートフォリオ作成のポイントをご紹介します。デザイナーWebデザイナーならば、Web形式でのポートフォリオがよいでしょう。一方でグラフィックデザイナーの場合は、紙媒体でどのような表現をできるのか見てもらうために、紙のポートフォリオも作成しておきましょう。PDF化しておくと、紙のポートフォリオでもオンラインで送信できるようになります。どちらの場合も、ただデザインを見せるだけではなく、デザインから構成までしっかり作り込み、どのような目的でデザインされたものなのかという点も掲載してアピールしましょう。WebディレクターWebディレクターは、完成品のビジュアルだけでは仕事の過程が伝わりにくいため、仕事をした分野とその成果を具体的にポートフォリオ上で説明する必要があります。人間関係の調整能力が求められる職種のため、完成品とともに制作に関わった人数をしっかり書き込むことがアピールに繋がります。映像クリエイターは、実際に動く映像を見てもらわないと成果物のイメージができません。ポートフォリオには、手がけた動画チャンネルへのURLを埋め込むとよいでしょう。どのようなソフトを使って動画を編集しているのか、スキルレベルはどれくらいかも合わせて記載します。苦手な部分は外注やポートフォリオ作成サービスを使うポートフォリオは自分の得意な部分をアピールするためのツールです。Webデザイナーならポートフォリオサイトそのものがスキルの証明になるので、ゼロから自分で作るのが望ましいでしょう。WebディレクターはWebサイト作りのプロというわけではありません。最初から自分でポートフォリオを作ろうとすれば、粗が目立って実績の魅力が半減してしまう可能性もあります。苦手な部分は外注したり、ポートフォリオ作成サービスを利用する方法も考えてみましょう。実績が足りない時は見本で厚みを出す未経験からの就職・転職・フリーランスデビューを考えているクリエイターにとって、ポートフォリオはスキルをアピールするためにとても重要なツールです。未経験が故にポートフォリオに載せる実績がないというジレンマも抱えています。そんな時は、見本の成果物を掲載する方法があります。Webデザイナーのポートフォリオなら、架空の会社のホームページを作成して作品一覧に加えるのです。「実際に依頼が来たときはこんなものを作れます」という見本なら、実績がなくても制作可能です。※架空のホームページであるという点は明記しましょう。著作権に注意して見本を作ろう見本をポートフォリオに載せる時に注意したいのが「著作権」です。コーディング技術をアピールしたいからと言って、実在するサイトの模写作品をポートフォリオに記載するのは止めましょう。サイトデザインや画像データには著作権があり、勝手に使うと著作権違反になります。ポートフォリオに使える無料素材サイトなどを利用して、見本を作るようにしてください。見る人目線での構成を考えるポートフォリオサイトを作り出すと、あれこれ凝りだしてしまうこともあるかもしれません。ポートフォリオは自己満足のために作るのではなく、クライアントや採用担当者に見てもらうために作るものであるため、見る人目線で構成を考えることが重要です。デザイン性を重視しすぎて見にくい構成になっていないか、スマホやタブレットにポートフォリオが対応しているかどうか、表示を確認することも大切です。ポートフォリオを作ったあとに独りよがりになっていないか気になる場合は、第三者にチェックしてもらいましょう。ポートフォリオの内容を更新するポートフォリオは一度作って終わりではありません。仕事を続けていくなかで、スキルアップを果たし、実績が積みあがっていくはずです。そのたびにポートフォリオの内容を更新することで、最新の自分をアピールできます。ポートフォリオの作成方法ここでは、ポートフォリオサイトの具体的な作成方法をご紹介します。ポートフォリオの作成は、以下の4つの手順で行います。ポートフォリオの目的を決定するポートフォリオに記載すべき内容と構成を練るポートフォリオの作成方法を選ぶ公開方法を決定するそれぞれ詳しく解説していきます。1.ポートフォリオの目的を決定するまずは、ポートフォリオを作成する目的を決定しましょう。「どんなスキルを」「誰にアピールしたいのか」によってポートフォリオの構成は変わってきます。アピールしたいスキルが複数ある場合は、その数に合わせて複数のポートフォリオを作るようにします。就職や転職活動に使うなら、応募する会社の特徴に合わせてポートフォリオを作成します。2.ポートフォリオに記載すべき内容と構成を練るポートフォリオに記載すべき最低限の内容は、先に紹介しました。内容を練るのはもちろん、どんな順番に並べていくのか構成もよく考えましょう。掲載する実績は多ければいいというものでもありません。10~20程度、アピールしたいものから順に載せていくと良いでしょう。訪問者の目に留まってほしい部分が目立つ構成になっているか、情報を詰め込みすぎて見にくくなっていないか確認してみてください。3.ポートフォリオの作成方法を選ぶポートフォリオサイトを作成する方法は、具体的に以下の2つに分けられます。自分でサーバーとドメインを用意して、ポートフォリオサイトを構築する方法ポートフォリオ作成サイトを利用する方法それぞれ解説していきます。自分でポートフォリオサイトを作るときの作成手順は、以下の通りです。サーバーとドメインを用意するサイトのデザインを作成するコーディングを行うサイトを構築するファイルを作成するファイルをサーバーにアップロードするサーバーはサイトを置いておく土地、ドメインはサイトの住所的な存在です。レンタルサーバー、独自ドメインともに月額数百円から利用できます。サイトのデザインは、いろいろなポートフォリオサイトを参考にすると作りやすいでしょう。ポートフォリオ作成サイトを利用する場合の手順サービス内容によって手順は異なりますが、一般的なポートフォリオ作成の流れは以下の通りです。サービス内容や料金について比較し、利用するポートフォリオ作成サイトを決定するメールアドレスとパスワードでアカウントを作成するサービスのフォームに従ってサイトの内容を入力する公開の手続きをするポートフォリオサイト完成するポートフォリオ作成サイトを使えば、0からサイト構築をするよりもずっとスピーディにポートフォリオが作成できます。4.公開方法を決定する就職や転職用のポートフォリオサイトなら、採用担当者のみが閲覧できれば良いのでBasic認証を設定するなどして公開範囲を限定すると安全です。フリーランスがクライアントを募るためのポートフォリオなら、広く公開したいところです。閲覧制限をしない場合は、個人情報が漏れたり、納品物が盗まれたりしないように配慮しましょう。【初心者でも簡単に作れる!】おすすめのポートフォリオ作成サイトここでは、おすすめのポートフォリオ作成サイトを紹介します。ここで紹介する3つのサイトはどれも無料でポートフォリオを作成できます。JimdoJimdo(ジンドゥー)は、さまざまなホームページを作成できるサービスです。ポートフォリオ向けのテンプレートも用意されており、いくつかの質問に答えるだけで自動的にサイトを作成できます。スタイリッシュなテンプレートが豊富で、さまざまなパーツを手軽に追加できます。foriioforiioは、アカウントを登録し作品をアップロードするだけの簡単な手順でポートフォリオが作成できます。作品はパソコンからもスマホからもアップロード可能です。無料版でも限定公開機能が使えますし、有料版を契約すれば作品のPDFダウンロードやパスワード設定ができるようになります。手軽にポートフォリオを作りたい、公開範囲を設定したいという人には特におすすめです。WordPressWordPressは、世界中で使われているサイト構築システムです。「テーマ」と呼ばれるテンプレートが豊富に用意されており、カスタマイズも柔軟に行えます。WordPressには、登録するだけでサイトが作成できるWordPress.comと、サーバーにインストールして使うWordPressの2種類があります。手軽なのはWordPress.comですが、カスタマイズ性が高いのはWordPressです。WordPressを扱えること自体がスキルとみなされることもあるので、Web関係の業種でポートフォリオを作るならサーバー型に挑戦してみてはどうでしょうか。レンタルサーバーの多くは、WordPressをインストールするための手引きが充実しているので、割と簡単にサイトを作成できるはずです。ポートフォリオサイトを使うメリット・デメリットポートフォリオ作成サイトを使うメリットポートフォリオ作成サイトを使うメリットは、スピーディにポートフォリオを作成できる点です。用意されたテンプレートに従って入力するだけで、簡単にポートフォリオサイトが完成します。ホームページ作成に必要な専門知識はほとんど必要なく、サイト制作初心者でも簡単にポートフォリオを持つことができます。ポートフォリオ作成サイトを使うデメリットテンプレートを利用してポートフォリオサイトを作成するため、オリジナリティが出しにくい点がデメリットです。サイト自体にスキルアピールの意味をもたせたい時には不向きといえるでしょう。無料プランには制限が多く、本格的な運用をするにはコストがかかる場合があります。まとめポートフォリオは、自分の実力をしっかりアピールするためのツールです。職種・アピールしたいスキル・応募先の企業によって構成や見せ方が変わってきます。ポートフォリオ作りに自信がない時は、ポートフォリオ作成サイトを利用する方法もあります。この記事を参考に、自分に合ったポートフォリオ作成方法を探してみてください。