WEBSITE
自分の制作実績を体系的にまとめ、クライアントに向けて
「デザインスキル」と「マーケティング視点」の
両立をアピールするために制作したポートフォリオサイトです。
単なる作品集ではなく、
「誰に・何を・どう届けるか」を考え抜いた制作物を見せることで、
信頼感と安心感を与えることを目的としています。
ターゲット
- WEBデザインを依頼したい個人事業主や中小企業
- LPやバナー制作を求めるクライアント
- 信頼感と実績を重視し、デザイン外注に不安を感じている層
課題
- 自身の制作物や強みを一目で伝えられる場所が必要
- SNSや営業での発信だけでは、デザインスキルの裏付けとして弱い
- 「見た目」だけでなく「考え方やプロセス」も伝えることで、差別化が求められていた
目的
- 制作実績を分かりやすく提示し、クライアントに安心感を与える
- デザインスキル＋マーケティング視点をアピールする
- お問い合わせにつなげる導線を整備する
情報設計
- Heroエリア：キャッチコピーで世界観を表現し、信頼感を醸成
- Works：自分の制作実績（LP・バナー・動画など）をジャンル別に並べ、
視覚的にスキルを伝える - About：経歴と強みを端的に紹介
Contact：シンプルにメールで問い合わせできる導線
プロセス
- 自身の制作実績を整理し、ジャンルごとにピックアップ
- 実績を魅力的に見せるためにサムネイルを作成
- 必要な要素（Works / About / Contact）を決定
- サイト全体の配色とトーンを「パープル×グレー」で統一
- 実績を中心に据え、信頼感を重視したポートフォリオとして構築
デザインのポイント
- パープル×グレーの配色で「洗練」「信頼感」を演出
- 余白を広めにとったレイアウトで、作品を引き立たせる
- 実績サムネイルを大きめに表示し、視覚的にアピール
イラストを活用し、親しみやすさと差別化を両立 - シンプルなコンタクト導線で、迷わず問い合わせできる設計
使用ツール
Figma / WordPress / Canva / Photoshop
制作期間
1.5ヶ月