Loading...

WORKS:目的から設計する、サムネイルデザイン

"信頼できるWeb制作者" を一瞬で伝える。SNS・ポートフォリオ向けビジュアル設計。

01. LinkedIn カバー画像

(ポートフォリオ・SNS:プロフィールカバー画像)

工藤孝吉 LinkedInカバー画像 1280×420px

[ デザインコンセプト ]

「安心感 × 実務感 × 対応範囲」をテーマに、"信頼できるWeb制作者" を1秒で伝えることを重視したカバー画像。単なる装飾性ではなく、「この人に依頼したら安心そう」と思ってもらえることを最優先に設計しました。

IT業界での経験を活かし、専門用語を使いすぎず、対応可能な実務スキルを視認性高く整理して配置。薄いグレーとネイビーをベースに、水色のアクセントを加えることで、落ち着き・清潔感・信頼感を演出しました。

[ 制作仕様 ]

  • サイズ:1280px × 420px
  • 用途:LinkedInプロフィール カバー画像

[ 各サイズの最適化戦略 ]

  • 1280×420(カバー画像):
    横長レイアウトに最適化し、左側にキャッチコピーと対応可能スキル、右側にノートPCモックアップを配置。ユーザーの視線が「キャッチコピー → 対応範囲 → 制作実績」へ自然に流れる構成を設計しました。スマホ表示時でも視認性を保てるよう、文字サイズ・余白・行間を調整しています。

[ テクニカルポイント ]

視線誘導を意識し、左文字・右ビジュアル構成を採用。情報量が多くなりすぎないよう余白と文字サイズを調整し、重要な情報が埋もれないよう設計しました。右側には実際の制作サイトを表示したノートPCモックアップを配置し、実制作イメージを視覚的に伝えることで信頼感と実務感を強化しています。また、キャッチコピーは太めのフォントを使用し、縮小表示時でも情報が判別しやすいよう設計しました。

02. Instagram 投稿用サムネイル

(ポートフォリオ・SNS:Instagram投稿用ビジュアル)

工藤孝吉 Instagram投稿用サムネイル 1080×1350px

[ デザインコンセプト ]

"エンジニア寄りWebデザイナー" をテーマに制作したInstagram用ビジュアル。明るいライトグレーをベースに、ダークネイビーの文字で可読性と信頼感を演出。サイトモックアップを主役に配置し、デザインから実装まで対応できる強みを一目で伝える構成を目指しました。

[ 制作仕様 ]

  • サイズ:1080px × 1350px
  • 用途:Instagram投稿用サムネイル

[ 各サイズの最適化戦略 ]

  • 1080×1350(Instagram投稿):
    縦長構成を採用し、タイムラインでの画面占有率を最大化。文字情報を絞り、制作実績を直感的に伝える構成に調整しました。

[ テクニカルポイント ]

ライトグレーの背景にダークネイビーの文字を組み合わせることで、清潔感と可読性を両立。ゴールドをCTAに使用し、視線を自然に行動へ誘導する設計にしました。情報量を絞り、モックアップを主役に置くことで、デザインから実装まで対応できる強みをひと目で伝えています。

CONTACT
← Back to Works