AUTH-004 公開  更新

資格・実績つき型 著者・監修者ボックス

著者の紹介に、経験年数・担当した件数・資格を項目として並べ、詳しい経歴は開閉式でたどれるようにする設計です。
紹介文だけでは伝わりにくい経験の量を、数字と項目で示します。

ワイヤーフレーム(PC)

資格・実績つき型 著者・監修者ボックス PC版ワイヤーフレーム

ワイヤーフレーム(SP)

資格・実績つき型 著者・監修者ボックス SP版ワイヤーフレーム

SP版の特徴

  1. 項目を縦に並べ、項目名と値を左右に置く:3列のままだと値が細かく折り返すためです。
  2. 経歴は開閉式のまま残す:SPでボックスが長くなりすぎないようにするためです。

採用前の判断ポイント

向いているケース

  • 著者の経験の量や資格が、記事の説得力につながる
  • 記事のテーマに関係する経験年数・件数・資格を、事実として示せる
  • 詳しい経歴も載せたいが、紹介の部分は短くしたい

向かないケース

このワイヤーの特徴

経験の量を、項目と数字で示す

経験年数・担当した件数・資格を項目として並べ、紹介文を読まなくても経験の量が伝わるようにしています。

数字には、いつの時点かを添える

経験年数や件数には「2026年9月時点」と添えています。
数字は時間とともに変わるため、いつの数字かが分からないと、古い情報のまま残ってしまいます。

詳しい経歴は、開閉式にする

経歴や担当した主な仕事は開閉式にまとめ、読みたい人だけが開けるようにしています。
ボックス全体を長くせずに、詳しい情報も載せられます。

SPでは、項目を横長に並べ直す

SPでは3つの項目を縦に並べ、項目名と値を左右に置いています。
3列のまま並べると、値が細かく折り返すためです。

制作時のよくある失敗

根拠のない数字を載せる

数え方の決まっていない件数や、切りのよい数字に丸めすぎた実績は、あとで説明できなくなります。
「累計〇件」のような数字は、集計の条件と基準の時点を説明できるものだけを載せます。

数字が、いつの時点のものか分からない

「経験10年」が何年前に書かれたものか分からないと、読み手は今の数字として受け取ります。
時点を添え、定期的に見直します。

資格の名前を、正式な名前で書かない

略称や通称だけだと、読み手が資格を確かめられません。
正式な名前で書き、必要なら発行する団体の名前も添えます。

項目が多すぎて、紹介が表のようになる

項目を6つ、8つと並べると、どれが大切か分からなくなります。
記事のテーマに関わる3つ程度に絞り、残りは開閉式の経歴にまとめます。

よくある質問

担当した件数は、どう数えればよいですか?

何を1件と数えるか(1つのサイト、1つの契約など)を決めてから数えます。
数え方が決まっていれば、あとで説明を求められたときにも答えられます。

経歴の開閉式には、何を使えばよいですか?

details と summary の要素を使うと、特別な仕組みを作らなくても開閉でき、開いているかどうかも伝わります。

数字は、どのくらいの頻度で見直せばよいですか?

年に1回など、見直す時期を決めておくとよいと考えられます。
見直したら、時点の表記も新しくします。

同じパーツのPattern

著者・監修者ボックスの型の選び方と一覧を見る

関連ページ

この型をシェアする

チームや制作先に、この型のページを送れます。

この型は役に立ちましたか?

このPatternを書いた人

岡野 優太

株式会社ENVY DESIGN

代表取締役/ディレクター/デザイナー

Web業界歴14年。これまでに500件以上のWeb制作プロジェクトに携わり、企業サイト、採用サイト、ECサイトなど幅広い領域を手がけてきました。情報設計・ディレクション・デザインを中心に、Webサイトの企画から改善まで携わっています。近年はAIO(AI Optimization)・GEO領域に注力し、ChatGPTやPerplexity、Google AI Overviewなど生成AI検索からの引用獲得を支援しています。

レビュー・修正の履歴

  1. 公開 アバター画像岡野 優太 この型を公開