雇われるポートフォリオサイトを作成する方法

プロの競争力を高めるために、説得力のある個人的なポートフォリオWebサイトを作成してください！

コアポイント：

• ポートフォリオウェブサイトは、スキルを表示し、あなたが目立つためのユニークで個人的な方法で機能する個人的なマーケティングツールです。
• ポートフォリオの成功したウェブサイトは、あなたの性格を反映し、関連する作品、推薦状、仕事の哲学を含め、専門的なスタイルを維持する必要があります。
• ポートフォリオのウェブサイトの重要な要素には、名前と写真、簡単な紹介、連絡先情報、最近の作品、スキルリストが含まれています。創造性はこれらの要素をより鮮明にします。
• 定期的な更新と検索エンジンの最適化により、ポートフォリオWebサイトの可視性と有効性が向上します。履歴書を追加すると、あなたの経験とスキルが完全に実証されます。

（この記事は2017年に改訂され、更新されました）

開発者、デザイナー、作家にとって、フリーランスは生計を立てる良い方法です。しかし、新しい仕事やクライアントを見つける必要がある場合はどうなりますか？今日の市場は激しく、目立つ必要があります。

プロのLinkedInプロフィールを持つことは良いスタートですが、本当に人々の注目を集めたい場合は、ポートフォリオのWebサイトを通じて自分自身を販売する必要があります。これは基本的にあなたの個人的なLinkedInページであり、あなたのスキルを紹介するためのより多くのスペースがあります。

開発者、デザイナー、ライターはそれぞれ異なるスキルと展示される作業を持っていますが、それらはすべて共通点が1つあります。彼らは潜在的なクライアントに自分自身を売り込む必要があります。

この記事では、ポートフォリオWebサイトを作成するための有用なヒントと、優れたケースをいくつか紹介します。

なぜポートフォリオのウェブサイトが必要なのですか？

プロフェッショナルなLinkedInプロファイルを持つことは1つのことですが、ポートフォリオWebサイトを使用してスキルを実際に示すことができます。なぜ？無料！あなたがやりたいことは何でもして、永続的な印象を残すことができます。あなたもそれのために賞を受賞することができます。

潜在的な顧客があなたのウェブサイトにアクセスして、すぐに「私もそれを望んでいます！」

最もプロフェッショナルなLinkedInプロフィールでさえ、サービスの他のプロファイルと同じように見えますが、あなたのウェブサイトはあなたが「私は私です、それが私があなたのためにできることです」を表現する方法です。

もっと説得が必要ですか？まあ、これは私が今まで見た中で最高のポートフォリオサイトを持っている人々のためのLinkedInプロファイルです。

自分を売ることがすべてです

それは決まり文句のように聞こえますが、あなたはあなたの最高のセールスマンです。これは、性格を失うことなく自分自身を売らなければならないことを意味します。

以下の例でわかるように、自分自身を示す方法はたくさんあります。漫画のキャラクターになること、多数の写真を使用したり、技術的な能力を誇示したり、ライティングスキルに感銘を受けたりすることを選択できます。

あなたのウェブサイトをあなたの性格に合わせてテイミングします

あなたのウェブサイトで快適に感じることが重要です。少し恥ずかしがり屋の場合は、自分の漫画を作って、オンラインで写真を使用する必要がないようにしてください。これがあなたに最も説明しているなら、あなたのウェブサイトをワイルドで豪華にしてください。あなたのウェブサイトをオンラインに相当するものにしてください。文言の観点からプロのスタイルを維持しながら、個性を与えてください。

関連性を保ちます

ポートフォリオに関連する作業が含まれていることを確認してください。あなたがあなたの仕事に識別できる重要な貢献をした場合、チームの仕事をリストします。他の人の作品を盗まないでください。あなたがしたことと、それがプロセス全体にどのように利益をもたらすかを指定します。可能であれば、セクションを表示するためのスクリーンショットを作成します。

冗長性を削除

ポートフォリオを作成するためにお気に入りの作品だけを表示している場合は、それは問題ありません。私たちは皆、生計を立てる必要があり、時にはお金を稼ぐことを避けたい仕事を引き受けます。ポートフォリオを使用して、やりたい作業の種類を見つけてください。

コンテキストを追加

潜在的な顧客に、あなたと一緒に働くことがどんな感じか知らせてください。その場で作業するときは、以前のクライアントまたは同僚からの推薦状を含めてください。オフサイトでのみ作業する場合は、コミュニケーション、締め切り、または勤務時間の管理に関して何を期待するかを人々に知らせてください。

良い印象を残してください

あなたのポートフォリオのウェブサイトを求人申請書を提出するのに相当すると考え、潜在的なクライアントになぜあなたを雇うべきなのかを納得させます。最高の第一印象を可能にしてみてください。追加の利点は、優れた顧客があなたのウェブサイトに戻って楽しみのために戻ってくるということです。

ああ、あなたが一人でいるときは「私たち」という言葉を使わないでください...

内容は何ですか？

各ポートフォリオWebサイトには、基本的なコンテンツが含まれている必要があります

あなたの名前と写真

• あなたが誰であるかについてのいくつかの情報
連絡先情報
最近の作品
あなたのスキル
• 簡単に聞こえますよね？いくつかの例を見て、少し（または場合によっては非常に大きな）創造性がこのリストを生き生きとさせる方法を見てみましょう。

開発者ポートフォリオの例

キース・クラーク

これはキース・クラークのウェブサイトであり、ある種のCSSマスターです。 HTMLとCSS3を使用した彼の作品の例を次に示します。これはまさに「最近の作品」に使用されるものです。

jean helfenstein

彼のポートフォリオのウェブサイトが示しているように、

非常に創造的で経験豊富なフロントエンド開発者であるJean Helfensteinに会います。

ティモテ・ルーシル

この受賞歴のあるポートフォリオは、ティムの開発スキルを実証しながら、個性とユーモアに満ちた楽しいインターフェイスを提供します。 （これを押してはいけません！リンクを押して、カーソルでティムの名前を強調しようとしたときに何が起こるかを確認します！）

kenji saito

東京の西海島が制作したこのクリエイティブなポートフォリオのウェブサイトは、彼の驚くべきコーデペン作品の例を巧みに提示しています。

デザイナーポートフォリオの例Robby Leonardi

上記のRobbyのWebサイトについて言及しました。これは、これまでに見た中で最高のポートフォリオサイトだからです。デザインの部分は美しいですが、彼のインタラクティブな履歴書は単に芸術作品です。ロビーはデザインの専門家であり、コーディングの専門家でもあり、彼のウェブサイトは誰にも彼のスキルに疑問を投げかけません。

ヘラルドゥール・ソリフソン

Haraldurは、Googleと緊密に連携する設計代理店で働いています。彼のホームページはそれほど印象的ではないように見えるかもしれませんが、彼のプロジェクトの説明は確かに印象的です。ここで彼はプロジェクトの詳細と、さらに重要なことにプロジェクトにおける彼の役割を示しています。

adham dannaway デザイナーとプログラマーの両方であるAdhamは、ホームページで直接彼の作品を提示するのに最適な方法を見つけました。彼はまた、彼の興味の1つ（ジェダイ）を使用して彼のスキルを評価する素晴らしい方法を見つけました。彼はまた、最近の作品の非常に良い概要を作成しました。

作家のポートフォリオの例 kristi hines

クリスティのウェブサイトは上記のウェブサイトほど眩しいものではないかもしれませんが、それは彼女の作家にとって完璧なサイトです。彼女はあなたが彼女を雇うことができることを正確に示しており、彼女のウェブサイトは、彼女が高品質の作品を提供する方法を知っている信頼できる作家であると感じさせます。

サリー・バッケッタ

作家が言葉で自分自身をどのように表現するかを見るのは素晴らしいことです。それがまさにあなたがそれらを雇う理由だからです。サリーはどこにでも写真を配置する代わりに、自分が行うすべてのことが適切に説明されていることを確認します。そして、彼女は2つの魔法の小さな言葉を使用して、すぐに品質を感じさせます：賞を受賞しています。

aubre andrus

Aubreは、非常にパーソナライズされたWebサイトを持つ多才なライターです。彼女は自分が書くのが好きなものを明らかにし、彼女の主張をサポートするためのアクティブなソーシャルメディアアカウントを持っていました。

キャロリンウッド

Carolyn Woodの執筆と編集のPixelingoポートフォリオは、主にテキストベースであり、執筆と編集のスキルをマーケティングしようとする場合に理にかなっています。彼女のウェブサイトは、彼女が提供するサービスと、潜在的なクライアントが彼女と一緒に働きたいと思うかもしれない理由を明確に、簡潔に、そして直接説明しています。ウェブサイトはまた、強い個性と独自性を伝えています。

Joy Castiglione

時々、特に強力なポートフォリオがある場合は、作品自体を話させる必要があります。それがJoy Castiglioneがしたことであり、イラスト、3D、写真で彼女の細心の芸術的スキルを示しています。 Joyは、画面全体にまたがるグリッド内の大きなサムネイルを使用して、作業の可視性を最大化します。 UIに関しては、Joyはシンプルな黒い背景にシンプルなナビゲーションを提供し、彼女がスタイリッシュな.Designドメインを使用していることに気付きましたが、それは本当にクールです！

結論

さまざまなスキルタイプを使用すると、さまざまな方法で作業を提示することができます。これは確かに真実です。これらの例が、あなた自身のポートフォリオのウェブサイトを最大限に活用するように促すことを願っています。空は限界です（はい、別の決まり文句を追加しましょう）。競争は激しいですが、ポートフォリオのウェブサイトは、暇なときに取り組むことができる素晴らしいプロジェクトです。驚くべき要因（最後の決まり文句、私が約束します）を作成してください。

---

オンラインワークとフリーランスについてもっと知りたいですか？次のリンクを確認してください：

• book：「内側および外部のオンラインマーケティング」
• book：「フリーランサーの成功の原則」
• book： "Web Design Business Toolkit"
• コース：「成功したWebデザインビジネスを構築する」
• book： "Web Designer RoadMap" コース：「フリーランサーのプロジェクト管理 "

より多くの本、コース、無料のスクリーン録音については、SitePoint Premiumをご覧ください。

---

ポートフォリオのWebサイトの作成に関するよくある質問

Web開発者ポートフォリオWebサイトの重要な要素は何ですか？

Web開発者のポートフォリオWebサイトには、それらを際立たせるためにいくつかの重要な要素を含める必要があります。まず、あなたが誰であるか、何をしているのか、そしてあなたの専門分野について明確で簡潔な紹介が必要です。第二に、それはあなたの最高の仕事を紹介する必要があります。これは、スクリーンショット、アクティブなWebサイトへのリンク、またはプロジェクトとプロジェクトにおけるあなたの役割を詳述するケーススタディです。第三に、あなたが持っている技術的なスキルのリストを含める必要があります。最後に、潜在的な雇用主が簡単に連絡できるように、連絡先情報を含めることを忘れないでください。

私のポートフォリオのウェブサイトをより魅力的にする方法は？

ポートフォリオのウェブサイトをより魅力的にするには、アニメーションやホバーエフェクトなどのインタラクティブな要素を追加することを検討してください。また、業界の動向に関する考えを共有したり、プロジェクトの背後にあるプロセスを説明したりするブログを含めることもできます。以前のクライアントまたは雇用主からの推薦状を含めることも、あなたのウェブサイトに信頼性を追加することもできます。

ポートフォリオのWebサイトを作成するためにどのプラットフォームを使用する必要がありますか？

複数のプラットフォームを使用して、ポートフォリオWebサイトを作成できます。 Adobe PortfolioとWixは、ユーザーフレンドリーなインターフェイスとカスタマイズ可能なテンプレートがあるため、人気のある選択肢です。コーディングスキルがある場合は、Webサイトをゼロから構築して能力を紹介することをお勧めします。

検索エンジンに合わせてポートフォリオWebサイトを最適化する方法は？

検索エンジンに合わせてポートフォリオWebサイトを最適化するには、コンテンツとメタタグに関連するキーワードを含めるようにしてください。また、これはウェブサイトをランキングするときに検索エンジンが考慮する要因であるため、ウェブサイトがモバイルフレンドリーであることを確認してください。

ポートフォリオのウェブサイトをどのくらいの頻度で更新する必要がありますか？

新しいプロジェクトを完了するときは、ポートフォリオWebサイトを定期的に更新することをお勧めします。これは、あなたがあなたの分野で活動しており、あなたのスキルを常に向上させていることを潜在的な雇用主に示しています。

ポートフォリオのウェブサイトにすべてのプロジェクトを含める必要がありますか？

すべてのアイテムを含めることは魅力的かもしれませんが、量ではなく品質に焦点を合わせることが最善です。スキルと能力を最もよく実証するプロジェクトを選択し、各プロジェクトを詳細に説明してください。

ポートフォリオのウェブサイトを競争から際立たせる方法は？

ポートフォリオのWebサイトを際立たせるには、ユニークで思い出に残るデザインの作成に集中してください。また、コンテンツがよく書かれていて魅力的であることを確認してください。ビデオの紹介や舞台裏のワークフローを含めると、ウェブサイトをより楽しくすることもできます。

ポートフォリオのウェブサイトに履歴書を含める必要がありますか？

ポートフォリオのウェブサイトに履歴書を含めることは、潜在的な雇用主の経験とスキルの包括的な概要を提供するため、役立つ場合があります。ただし、それが最新であり、あなたのウェブサイトの情報と一致することを確認してください。

ポートフォリオのウェブサイトのテンプレートを使用できますか？

はい、テンプレートを使用すると時間を節約でき、ウェブサイトがプロフェッショナルな見方をすることを確認できます。ただし、パーソナルブランドとスタイルを反映するようにカスタマイズしてください。

表示するアイテムがない場合はどうすればよいですか？

始めたばかりのプロジェクトがない場合は、個人的なプロジェクトを作成したり、非営利団体にスキルを提供したりすることを検討してください。また、完了した関連コースまたは認定を含めることもできます。

以上が雇われるポートフォリオサイトを作成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。