意外と重要!クリエイターがポートフォリオサイトを作る時のポイントと役立つツール5選
*「ポートフォリオ」*という言葉を、一度は耳にしたことはあるのではないでしょうか。
ポートフォリオは、資産運用を行う際の投資先の分配状況・資産の全体の内訳を示す金融用語として使われることもありますが、仕事を行う個人がこれまで携わってきた作品集としても使われます。
ポートフォリオは、フリーランスとして活躍している人が作るものと考えられやすいですが、実は組織に属していても、自分の経歴や実力を示すために一役買ってくれます。
ポートフォリオは資料をコンピュータでまとめて印刷する場合もありますが、近年ではいつでもどこでも編集できて閲覧も可能な「ポートフォリオサイト」という形で、Webサイト形式でまとめていくのも一般的です。
今回は、クリエイターがポートフォリオサイトを作るポイントとポートフォリオサイト作成に役立つツールをご紹介します。
ポートフォリオとは?
*ポートフォリオ(Portfolio)*とは、もともと書類を運ぶ平らなカバンのことを意味していました。
自分の作品を平らなカバンに入れておくことから転じて、自分の作品を周囲に伝えるための自己作品集のことをポートフォリオと呼ぶようになったと言います。
特に、さまざまな「作品」を生み出すクリエイター(ここではライターやUXデザイナー、プログラマーなども広義にクリエイターと呼んでいきます)にとって、自分の過去の作品を紹介するのは非常に大切なことです。
過去にどんな仕事を手がけてきたのかを知れば、クリエイターとしての実力を伝えることができ、人材的な魅力を適正に評価することができるので、新しい仕事を手にいれる可能性もあります。
ポートフォリオは従来、A4やA3サイズの紙にプリントしたものを、クリアファイルやバインダーで束ねたものが一般的でした。
しかし、近年では、グラフィックデザイナーやイラストレーターだけでなく、WebデザイナーやUIデザイナー、フロントエンドエンジニアやプログラマーなど、さまざまな*「Web上の動く作品」を取り扱うクリエイターも増えてきたので、「ポートフォリオサイト」*としてホームページにまとめることが多くなりました。
ポートフォリオサイトを作る際の3つのポイント
ポートフォリオサイトは、単なる「作品集」ではありません。
というのも、そもそもの目的は*「相手に自分の人材的魅力を伝える」こと*であり、「作品自体の魅力を伝える」ことを目的とした一般的な作品集とは、自然と構成の組み立てや意図が変わってくるからです。
作成する上で気をつけなくてはならないことは、「ポートフォリオを見ている相手は、一般ユーザーのようにあなたの作品を鑑賞するためにポートフォリオを見ているのではない」ということを強く認識することです。
つまり、ビジネスを取り交わす相手があなたがどんなクリエイターなのかを見極めなくてはならないという「立場」や「目線」からポートフォリオを逆算して作成していくことが、最も大切なことなのです。
過去の作品の中で自信のある作品を厳選するのはもちろんのこと、以下の内容を充実させることが重要です。
1. これまでやってきた仕事の幅が伝わるか
ポートフォリオを作成する際には、自分の得意なことばかりを伝えがちです。
しかし、得意分野ばかりがフィーチャーされたポートフォリオだと、クライアントの仕事がその得意分野に合致しなければ、仕事につながらない可能性も出てきます。
得意分野ばかりに固執することなく、タイプ別にさまざまなジャンルでバラエティに富んだポートフォリオにしていきましょう。
2. 最後まで読んでもらえるか
ポートフォリオのボリュームにも依りますが、最後まで見てもらえなければ、せっかくのチャンスを失ってしまうことになりかねません。
最後まで見てもらうためには、冒頭でインパクトのある個性的で強烈な作品を選んで冒頭に持って来ることが大切です。
最後までスムーズに見てもらえるかは、同じ作品を扱っていても、その順番によって変わってくるかもしれません。
3. 読んでもらったあとにどんな仕事につながりそうかイメージしやすいように意識する
ただ単に作品を並べるだけでは、単なる「作品集」になってしまいます。
そのプロジェクトの中で自分が何を担当して、どう考えて、どう行動したかを残しておけば、ポートフォリオの読み手が「じゃあこの仕事をお願いしよう」と仕事を渡すイメージが膨らんできます。
ポートフォリオが出来上がったら、一度読み手として読んでみて、どんな仕事につながりそうか、イメージして読んでみましょう。
ポートフォリオサイトを作成するのに便利なツール
1. Portfoliobox
Portfolioboxは、無料から始められるオンラインポートフォリオ構築サイトです。
ポートフォリオだけでなく、ギャラリーやコマース、ブログなど、多くのものを管理することができます。
テンプレートでは、「写真家」「デザイナー」「アーティスト」「メーキャップアーティスト」「モデル」「建築家」など、さまざまなクリエイターのためにテンプレートが用意されています。
しかし、こうしたテンプレートは、一般的なWebサイトビルダーで「テーマの使用」を強制されるのではなく、高度にカスタマイズが可能です。
ドラッグ&ドロップで簡単に作品を並べられ、動画も挿入することができます。
FIND CREATIVESと呼ばれる外部サイトと接続することで、世界中のクライアントに自分を売り込むこともできます。
2. Adobe Portfolio
Adobe Portfolioは、Adobeからリリースしているポートフォリオ作成サービスで、Creative Cloud会員は無料で利用することができます。
いくつかの基本的なレイアウトを選ぶだけで、個性的なポートフォリオサイトが出来上がります。
また、Behanceとも連携しているので、Behanceに作品をアップロードしているユーザーは、それらの作品をAdobe Portfolioで使用することもできます。
Typekitのフォントも使用可能で、レスポンシブ完全対応でどんなデバイスでもストレスなく閲覧することができます。
3. Salon
Salonはコードの知識がなくとも誰でも簡単にポートフォリオサイトを作成できるサービスです。
しかしながら、珍しいのはアドバンスユーザー向けにHTMLやCSSの編集も可能で、広告表示は無料アカウントでも一切ないという点です。
ポートフォリオはもちろん、写真家のフォトアルバムやデザインのモックアップを並べたムードボード、あるいはユーザーがマウスを動かしてイメージを動かすようなインタラクティブなサイトも作成が可能です。
4. Strikingly
Stlikinglyは、起業家やクリエイターが自分のホームページを簡単に持つことができるサービスです。
ECストア、ブログ、アナリティクス、サインアップ、問い合わせなどの機能も付いてきます。
また、24時間、メールやチャットでもサポートをしてくれるのも魅力的なポイントです。
5. Ameba Ownd
Ameba Owndは、サイバーエージェントが運営しているホームページ作成サービスです。
コーポレートサイトやブログはもちろんのこと、ポートフォリオサイト構築に必要なテンプレートも用意されています。
日本発のサービスということもあり全体的に使いやすく、オシャレなテンプレートが多いのも特徴です。
まとめ
ポートフォリオサイトを作っておけば、面接のような限られた時間で見てもらうといっただけでなく、気軽に周りのひとにも自分の作品を公開して自由なタイミングで見てもらえるので、仕事が増える可能性も大きく高まります。
とはいえ、ポートフォリオをまとめる際には、一定のボリュームが必要になります。
自分の実績をアピールして評価してもらう際には、できるだけ多くの作品に触れてもらった方が有利であることに間違いはありません。
たとえ未経験で自主制作の作品しかないクリエイターであっても、プロとしてやっていけると思えるものを判断基準として、パソコン画面1つ分にまとまる程度のボリュームは確保しておきたいものです。
相手が知りたいのは、あなたの強みはもちろんのこと、どのような案件にまで広く対応できるのかということも含まれています。
読みやすく、魅力的なポートフォリオサイトを作ってアピールしていきましょう。
- Webサイト
- Webサイトとは、インターネットの標準的な情報提供システムであるWWW(ワールドワイドウェブ)で公開される、Webページ(インターネット上にある1ページ1ページ)の集まりのことです。
- UX
- UXとは、ユーザーエクスペリエンス(User Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。似たような言葉に、UI(ユーザーインターフェイス、User Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。
- UI
- UIとは、ユーザーインターフェイス(User Interface)の略で、ユーザー(使い手)とデバイスとのインターフェイス(接点)のことを意味します。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- オンライン
- オンラインとは、通信回線などを使ってネットワークやコンピューターに接続されている状態のことをいいます。対義語は「オフライン」(offline)です。 現在では、オンラインゲームやオンラインショップなどで、インターネットなどのネットワークに接続され、遠隔からサービスや情報などを利用できる状態のことを言う場合が多いです。
- ブログ
- ブログとは、ホームページの一種です。運営者はブログシステムに登録し、利用開始をすることで、ホームページ制作のプログラム技術を修得する必要なく、本文のみを投稿しつづければ、公開・表示はおろかページの整理や分類なども効率的に行えるシステムを言います。
- Webサイト
- Webサイトとは、インターネットの標準的な情報提供システムであるWWW(ワールドワイドウェブ)で公開される、Webページ(インターネット上にある1ページ1ページ)の集まりのことです。
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- デバイス
- デバイスとは「特定の機能を持つ道具」を表す語で、転じてパソコンを構成するさまざまな機器や装置、パーツを指すようになりました。基本的に、コンピューターの内部装置や周辺機器などは、すべて「デバイス」と呼ばれます。
- HTML
- HTMLとは、Webページを記述するための言語です。"HyperText Markup Language "の略です。"<"と">"にはさまれたさまざまな種類の「タグ」によって、文章の構造や表現方法を指定することができます。
- CS
- CSとはCustomer Satisfactionの略称で「顧客満足度」を意味します。顧客との関係維持、サービスの発展に関するマーケティング戦略に関わる用語です。
- 広告
- 広告とは販売のための告知活動を指します。ただし、広告を掲載するための媒体、メッセージがあること、広告を出している広告主が明示されているなどの3要素を含む場合を指すことが多いようです。
- アカウント
- アカウントとは、コンピューターやある会員システムなどサービスを使うときに、その人を認識する最低必要な情報として、パスワードと対をなして使う、任意で決めるつづりです。ユーザー、ID、などとも言います。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ブログ
- ブログとは、ホームページの一種です。運営者はブログシステムに登録し、利用開始をすることで、ホームページ制作のプログラム技術を修得する必要なく、本文のみを投稿しつづければ、公開・表示はおろかページの整理や分類なども効率的に行えるシステムを言います。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- コーポレート
- コーポレートとは、日本語の「企業」のことです。インターネット上で「コーポレートサイト」という場合は、企業のホームページであることを表します。また、コーポレートは接頭語として使われることが多く、「コーポレートガバナンス(企業内統制)」などのように、他の単語と組み合わせて使うことが多いようです。会社そのものを指すことが多い「カンパニー」とは使い方が異なります。
- ブログ
- ブログとは、ホームページの一種です。運営者はブログシステムに登録し、利用開始をすることで、ホームページ制作のプログラム技術を修得する必要なく、本文のみを投稿しつづければ、公開・表示はおろかページの整理や分類なども効率的に行えるシステムを言います。
おすすめ記事
おすすめエントリー
同じカテゴリから記事を探す
カテゴリから記事をさがす
●Webマーケティング手法
- SEO(検索エンジン最適化)
- Web広告・広告効果測定
- SNSマーケティング
- 動画マーケティング
- メールマーケティング
- コンテンツマーケティング
- BtoBマーケティング
- リサーチ・市場調査
- 広報・PR
- アフィリエイト広告・ASP
●ステップ
●ツール・素材
- CMS・サイト制作
- フォーム作成
- LP制作・LPO
- ABテスト・EFO・CRO
- Web接客・チャットボット
- 動画・映像制作
- アクセス解析
- マーケティングオートメーション(MA)
- メールマーケティング
- データ分析・BI
- CRM(顧客管理)
- SFA(商談管理)
- Web会議
- 営業支援
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング
- フォント
- 素材サイト
●目的・施策
- Google広告
- Facebook広告
- Twitter広告
- Instagram広告
- LINE運用
- LINE広告
- YouTube運用
- YouTube広告
- TikTok広告
- テレビCM
- サイト制作・サイトリニューアル
- LP制作・LPO
- UI
- UX
- オウンドメディア運営
- 記事制作・ライティング
- コピーライティング
- ホワイトペーパー制作
- デザイン
- セミナー・展示会
- 動画・映像制作
- データ分析・BI
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング