つくったもの

ポートフォリオサイト

type：

Webサイト
Category：

スクール課題

採用担当者さまやお客さまに、「この人なら安心して相談できそう」「一緒に仕事がしてみたい」と思ってもらえるポートフォリオサイトを目指しました。実績紹介やできることの項目は装飾を抑えて情報設計をシンプルにして、「結論ファーストで、わかりやすく」伝えています。

対して自己紹介ページは、「poco.」という人間の人となりをイメージしてもらえるように、イラストや自分が撮った写真を使って遊び心をプラスしました。

制作意図

目的・ゴール

・制作会社の採用担当者さまに、自分ができることや得意なことを知ってもらう

・自分の人柄や仕事への向き合い方・価値観を伝え、「一緒に仕事がしたい」と思ってもらう
ターゲット

・制作会社の採用担当者さま

・Web制作の依頼を検討している個人事業主の方
情報設計について

制作実績を冒頭に配置し、結論ファーストを意識

自分ができる業務内容・範囲が結論ファーストでより簡潔に伝わるように、制作実績を冒頭に配置しました。忙しい採用担当者の方にも、「この人はこんなことができるのだ」とパッと見て伝わる構成にしています。

誰が見てもわかりやすく伝わる表現

Webに精通していない方にも自分が提供しているサービスが伝わるように、専門用語を用いずわかりやすい説明を心がけました。トップページを見るだけでも私の経歴やできることが端的に伝わるように設計しています。
デザインについて

配色・イラストで「わたしらしさ」を表現

サイトを訪れた方に私の人柄や印象を伝え、「私と対面で話している気分」になってもらえるデザインを目指しました。ベース・メインカラーには自分が好きな色を、アイコンは手書き風のイラストを選び、「わたしらしさ」を表現しています。

また、文章をひらがな多めで書くことで、自分の強みである「親しみやすさ」「話しかけやすさ」が伝わるデザインを意識しました。
制作範囲・期間

制作範囲：企画・情報設計／ワイヤーフレーム／デザイン／コーディング

制作期間：企画・情報設計 1週間／ワイヤーフレーム 1週間／デザイン 15日／コーディング 20日
使用ツール

Figma／Photoshop／Visual Studio Code