フリーランスのポートフォリオサイトの作り方：依頼が来る構成とは
この記事の内容
ポートフォリオサイトはギャラリーではありません。フィルターです。欲しいクライアントを引き寄せ、そうでない相手をそっと遠ざけ、「この人に頼んでも失敗しない」と感じさせる。フリーランスのサイトの多くがこれに失敗するのは、すべてを見せようとして、あなたと仕事をする方法については何も言わないからです。
この記事では、フリーランスのポートフォリオサイトの作り方を、「褒められる」サイトではなく「仕事が決まる」サイトに共通する要素からまとめます。
誰を助けるのか、最初の一文で言い切る
ページの最初の 1 行は、どんな画像よりも先に、「何をしていて、誰のためか」を伝えるべきです。「デザイナー。夢想家。コーヒー好き。」ではなく、「飲食スタートアップのブランドアイデンティティ」や「鎌倉・湘南のウェディングフォト」。気の利いた言葉より具体的な言葉が常に勝ちます。10 件のポートフォリオを眺めているクライアントが探しているのは、明らかに自分向けだとわかる 1 件だからです。
作品は 6〜12 件、受けたい仕事の順に並べる
ここでの仕事は、選ぶことがすべてです。最も強く、最も新しい作品を、これから増やしたい種類の案件に寄せて選びます。ロゴ制作からブランドシステム全体の設計へ移りたいなら、ロゴのほうが SNS で反応が良かったとしても、先頭にはブランドシステムを置いてください。
各作品に載せるもの：
- メイン画像を 1 枚、大きく。
- 補足の画像を 2〜3 枚。
- 3 文の説明：クライアント、依頼内容、あなたがしたこと。事例紹介の長文は不要です。
- 数字があるなら成果も：「最初の四半期で予約が 40% 増加」。
上限は 12 件です。それ以上あるなら、アーカイブページを作って控えめにリンクしておきましょう。
サービスと料金の目安を載せる
フリーランスがいちばん抵抗する部分であり、いちばん時間を節約してくれる部分です。「ブランドアイデンティティ — 24 万円〜」と書いたサービス欄があれば、届く問い合わせはすべて、相場を知った上で来ます。「ロゴを 1 万 5,000 円で」と聞いてあなたの時間を奪ったはずの人は去り、それ以外の人は残ります。しかも、より準備の整った状態で。
本当にすべて個別見積もりなら、料金なしでサービスを列挙し、代わりに標準的な期間（「4〜6 週間」）を添えてください。
証拠は短く添える
実名と会社名のあるクライアントの声 2〜3 件は、匿名の 20 件より効きます。知名度のある企業と仕事をした経験があるなら、小さなロゴの列も有効です。ただし、ファーストビューより下に。証拠は決断を後押しするものであって、決断そのものを生むものではありません。
お問い合わせフォームで、聞くべきことを聞く
ページの最後に「お名前、メールアドレス、メッセージ」だけのフォームを置いてはいけません。役に立つ返信をするために必要なことを聞きましょう。
- どんな種類のプロジェクトですか？
- おおよその納期はいつですか？
- ご予算の範囲は？（選択肢として範囲を提示すること。数字を打ち込むのはためらう人でも、選ぶことはします。）
こうしたフォームは往復のやり取りを半分にし、あなたがプロとして仕事を回していることを伝えます。送信内容は数秒以内に受信トレイに届くべきです。週に 1 度ダッシュボードを確認するだけなら、仕事を逃しています。
載せなくていいもの
- スキルの棒グラフ。 「Photoshop 90%」はクライアントに何も伝えません。
- 「準備中」のセクション。 完成したものだけを公開し、残りは後から足せばいい。
- 続かないブログ。 メモやニュースを共有したいなら、ひと言で追加できる短い「お知らせ」リストを使いましょう。
- 自動再生の動画や重いアニメーション。 あなたの作品は、カフェでスマホから開いても一瞬で表示されるべきです。
ポートフォリオサイトを作る 3 つの方法
現実的な選択肢は 3 つです。
自分でデザインしてコードを書く。 あなたがウェブデザイナーで、このサイト自体が作品になるなら最高です。それ以外の人にとっては、1 か月の夜を費やしても結局完成しないプロジェクトになります。
汎用のホームページ作成ツール。 Squarespace などでも見栄えのよいポートフォリオは作れますが、レイアウトに何晩か費やし、バッジを消すためのプランに料金を払うことになります。その後の変更も、毎回エディターに戻る手間がかかります。
ポートフォリオテンプレート付きの AI ホームページ作成ツール。 完成してホスティングされたサイトまでの最短ルートです。
- ポートフォリオサイトのテンプレートを開く。デザインではなく撮影が本業なら、フォトグラファー版を。どちらにも厳選作品のグリッド、料金目安付きのサービス、クライアントの声、案件相談フォームがすでに入っています。
- このテンプレートを使うをクリックし、自分の仕事を 1 段落で説明する。既存のプロフィール文があれば貼り付けます。
- 画像を差し替え、作品の説明を調整する。テキストはクリックして直接編集できますし、アシスタントに頼んでも構いません。
- 公開する。独自ドメインは準備ができたら接続すればいい。
yamada-taro.comのようなローマ字の姓名ドメインは、今でもポートフォリオにいちばん強い URL です。
その後、案件が終わるたびに、ひと言で追加できます。「グリッドの先頭に『ノースウィンド珈琲 リブランディング』という新しい作品を、この 3 枚の画像で追加して」。
1 週間後のテスト
公開したら 1 週間待ち、予算を持ったクライアントになったつもりでスマホからサイトを見てください。10 秒以内に、この人が何をしていて、誰のためにしていて、だいたいいくらで、どう連絡すればいいかがわかりますか。わかるなら、ポートフォリオは仕事をしています。わからないなら、最初の画面を直してください。差の 80% はそこにあります。
作る準備はできましたか。ポートフォリオテンプレートから始めましょう。Free プランにカード登録は不要です。
