ホームページの実績紹介、何を書く？写真に添えたい5つの情報

実績紹介は「似た相談を任せられるか」の判断材料

写真から伝わるのは、色や形、完成した様子です。一方で、どんな依頼に応えたのか、条件の中で何を優先したのかまでは、写真だけでは読み取れないことがあります。これから依頼する人のために、その背景を短く補います。

たとえば「使いやすさにこだわりました」だけでは、何をしたのかが曖昧です。「初めての方がサービスを選べるよう、用途ごとに入口を分けました」と書けば、狙いと作業が具体的になります。これは説明用の例で、特定の案件の成果を示すものではありません。

1. 01どんな状況？

   依頼の背景と、守る必要があった条件

2. 02なぜその形？

   優先したことと、選んだ方法

3. 03何をした？

   完成物・担当範囲・確認できた結果

写真に添えたい、5つの情報

最初から長い制作秘話を書く必要はありません。次の5項目を、分かる範囲で一文ずつ埋めてみてください。書けない項目を想像で補うより、依頼時のメモやお客様との確認内容に戻る方が、仕事の説明として確かです。

• 背景：誰から、どんな相談を受けたか。団体の活動なら、誰に向けた何の活動だったか。
• 条件：期間、用意できた素材、既存の設備やルールなど、進めるうえで前提になったこと。
• 判断：その条件の中で、何を優先し、どんな方法を選んだか。
• 担当範囲：自分が行った仕事と、お客様・協力者が担った仕事。
• 結果：何が完成したか。反応や数値を書く場合は、実際に確認できた内容と確認した時点。

double one様の事例では、提供された企画も明記する

Bee Kindのdouble one様の制作事例は、5ページ・制作期間1週間として紹介しています。お客様からはロゴと写真に加え、ページの構成案や掲載したい内容について具体的なご提案がありました。Bee Kindはそれをもとに構成を整理し、文章作成・デザイン・実装・公開を担当しました。

この事例を紹介するなら、すべてをBee Kindがゼロから企画したかのようには書きません。「お客様の具体的な構想を、Webで伝わる形に整えた」と担当の境界を示すことで、どんな準備があり、どこを任せていただいた案件なのかを説明できます。

掲載画面では、車の写真とサービスの説明に続けて、「在庫車を見る」「電話で相談する」という異なる行動の入口が確認できます。画面で確認できる工夫と、問い合わせが増えたかという成果は別です。ここでは効果を示す検証済みの数値は掲載していません。

「丁寧に対応」を、仕事が見える文章に変える

ここからは架空の説明例です。地域の音楽団体が、活動報告ページで自主公演を紹介するとします。「楽しい公演になりました。準備を頑張りました」だけだと、写真の外側にある工夫は伝わりません。

例えば「初めて聴く方にも曲の雰囲気を楽しんでいただけるよう、演奏前に短い曲紹介を入れました。会場の設営は運営メンバーが、写真撮影は協力者が担当しました」とすると、対象・工夫・担当が分かります。実際に行っていない取り組みや、確認していない感想を足す必要はありません。

施工や制作の事例でも考え方は同じです。「こだわり」「丁寧」「高品質」といった評価の言葉だけに頼らず、何を選んだのか、どう進めたのかを書きます。お客様の反応を紹介するときも、自分の感想と混ぜず、確認と掲載許可の取れた範囲に限ります。

写真は「全体」と「工夫した部分」を選ぶ

同じ角度の写真を何枚も並べる前に、完成した全体が分かるものと、本文で説明した工夫を確かめられるものを選びます。画面の事例なら、トップ画面だけでなく、説明した機能や情報配置が分かる部分を添える方法もあります。枚数を埋めることより、一枚ごとに見せる理由を持たせます。

写真の下の説明文には、「何の写真か」に加えて「どこに注目してほしいか」を短く添えます。例えば画面上部の事例なら、「在庫を探す人と、まず相談したい人の入口を並べた画面」と説明できます。ただし、画像を見ただけでは確認できない使いやすさや効果まで断定しないようにします。

画像が見えない場合などに内容を伝える代替テキスト（alt）も、掲載目的に合わせて考えます。W3Cの画像チュートリアルでは、情報を持つ画像の代替テキストは、見た目の細部を機械的に列挙するのではなく、伝える意味や内容に対応させると説明されています。今回なら、車の色の説明だけでなく、サービス説明と二つの入口がある画面だと分かる言葉にします。

成果がまだ分からなくても、実績は説明できる

公開直後で問い合わせ数などを把握できていないなら、制作したもの、担当した範囲、判断した理由を説明します。「集客を大幅に改善」と置き換える必要はありません。成果の数値を後から加える場合は、何を、どの期間に、どの方法で数えたかも残します。

Googleのユーザー第一のコンテンツに関する案内でも、独自の情報や実体験、読者に役立つ説明が自己評価の観点として挙げられています。ただし、実績の項目を増やせば検索順位が上がるという意味ではありません。読んだ人が、自分の相談に合う仕事かどうかを判断できる具体性を優先しましょう。

まずは一件、このメモから書いてみる

実績を一度にすべて書き直すより、これから増やしたい相談に近い一件から始めます。文章を整える前に、次のメモと掲載できる写真を揃えてみてください。不明な項目は「未確認」として残し、公開前に確かめます。

• 案件・活動名と、掲載してよい範囲：
• 相談の背景と、前提になった条件：
• 優先したことと、そのために行った工夫：
• 自分の担当／お客様や協力者の担当：
• 完成したもの／確認済みの反応・数値（なければ未集計）：
• 全体を見せる写真と、工夫した部分を見せる写真：