どこから来ても、同じ会社だと分かるように。サンダーメディコのnote・Xのヘッダーとアイコン

ブランディング
サンダーメディコのXのヘッダー画像。「会社の事情を踏まえて動ける産業医を」の文字と、向かい合う2人のイラスト

概要

株式会社サンダーメディコのサービスサイトの公開にあわせて、noteとXのヘッダー画像とアイコンを制作しました。サイトの最初の画面にある見出しと2人の人物をもとに、それぞれの画面で見える範囲に合わせて組み直しています。

課題

  • サイト・note・Xのどこから来た人にも、同じ会社だと分かるようにしたい
  • ヘッダーは媒体ごとに見える範囲が違う。noteのプロフィール画面は中央の細い帯だけが見え、Xは左下にアイコンが重なる
  • アイコンは小さく丸く切り抜かれても、ロゴのマークが読み取れる必要がある

施策

  • サイトの見出しと人物を、noteは中央の帯の中に、Xはアイコンと重ならない位置に置き直し
  • 実際のプロフィール画面に当てはめて、PCとスマホの見え方を確かめてから納品
  • アイコンはマークを円の内側に収め、青いグラデーションの地と白地の2種類を用意

期間

約1週間(2026年10月〜11月)

担当範囲

デザイン

担当者

  • デザイン:伊藤 悠希(aaam)
noteのヘッダー画像とXのヘッダー画像アイコン2種(青いグラデーションの地・白地)

関連する実績

この実績に対応するサービス