デザインしたもの

works

portfolioのデザイン

ポートフォリオ

WEBサイト

シンプルで信頼感のあるデザインを通じて、人と人をつなぐポートフォリオサイトを制作しました。 制作の背景や意図を丁寧に伝えることで、成果物と制作者の両方を知っていただけるようにしています。
また、安心して相談していただけるよう、やさしい雰囲気のデザインを心がけました。

制作範囲

ワイヤーフレーム作成 / デザイン / コーディング

ワイヤーフレーム作成
デザイン
コーディング

製作時間

86時間

使用ツール

Figma / Canva / Photoshop / illustator / VSCode

ターゲット

デザイン制作を依頼したい個人事業主や中小企業
シンプルで信頼感のあるデザインを求めている人

課題

自身のデザインスキルや考え方をわかりやすく伝える場がない

目的

ターゲットに実力と人柄を伝え、依頼につながる導線を作る
制作事例を見てもらい、「この人なら任せたい」と思ってもらう

情報設計

「見やすさ」と「安心感」を第一に考え、成果物と制作者像の両方が伝わる構成にしました。
これにより、依頼への心理的ハードルを下げ、クライアントに信頼してもらいやすくなるよう工夫しています。

デザインしたもの:クライアントが必要な制作物を簡単に確認できる

WEBサイトとバナーを分けて表示することで、クライアントが依頼したい制作物を簡単に確認できるようにしました。
WEBサイトはモックアップで表示し、成果物のイメージを伝えるとともに、レスポンシブ対応が可能であることも示しています。

デザインしたもの - 詳細:成果物が課題解決につながることを伝える

成果物の制作意図が分かるように詳細ページを作成しました。
ターゲット・課題・目的を明示し、クライアントの要望に沿った成果物が作れることをアピールしています。

わたしについて:共通点を見つけてもらい、心理的ハードルを下げる

人柄を伝え、依頼してもよさそうだと思ってもらえるように工夫しました。
好きなものの写真を複数載せることで、共通点を見つけてもらい、心理的ハードルを下げています。

お問い合わせ:初めての人でも安全に問い合わせできる導線を作る

問い合わせ先を外部サイトに設定し、知らない人と直接やり取りする不安を軽減しました。
メールアドレスも併記し、外部サイトを介さず相談できるようにしています。

デザイン

「糸」をコンセプトに、私とクライアント、そしてクライアントとそのお客様が制作物を通じてつながることを表現しました。
糸と糸が結ばれてできる布地を背景に用い、やさしい雰囲気を演出しています。 制作物を目立たせつつ柔らかさを出すため、暖色の淡いベージュをメインカラーに設定し、アクセントとして落ち着いた赤を使用しました。
本文はナチュラルな背景になじむ濃いグレーを使用し、可読性も確保しています。

← もどる