Works

#website

ポートフォリオ

転職活動のためのポートフォリオサイトを制作しました。
採用担当の方に作品や自分について興味をもっていただけるよう、
情報整理とわかりやすいシンプルなデザインを目指しました。

ターゲット: 採用担当者の方々。
課題: 書類だけでは伝わりにくい自分自身を表現するツールが不足している。
制作物をご覧いただける専用サイトがない。
目的: 転職活動において書類通過を目指す。採用担当者の方に、自身がどのような人物か、そして作品やスキルを一目で理解してもらえるよう整理し、一緒に働くイメージを持っていただく。
情報設計: 本サイトは、採用担当者の方が短時間でスキルや制作内容を把握できるよう、
「実績 → 自己紹介 → スキル → コンタクト」の流れで構成しました。ユーザーが最初にアクセスした際に「どんな人物で、どんな制作ができるのか」が自然に理解できるよう、視線の流れと情報の優先順位を意識して設計しています。また、実績紹介では制作物のビジュアルを中心に配置し、クリックすることで制作背景や工夫点などの詳細を確認できるよう構成しました。
デザインプロセス: デザイン面では、「温かみと信頼感のある印象に、遊び心をプラスすること」をテーマに設計しました。
多くのポートフォリオを見るターゲットに対して、一目で少しでも人柄が伝わるようにファーストビューに自分の写真を使用しました。全体は柔らかいベージュをベースに、余白を大きく取ることで安心感と読みやすさを意識しています。

また、余白のリズムや文字サイズの階層、カード型レイアウトを用いて、情報が整理されて見えるよう工夫しています。
配色には、森や木の幹をイメージしたグリーンやブラウンを取り入れ、「着実に成長していきたい」という想いを込めました。
さらに、動物のモチーフをさりげなく配置し、親しみやすさと少しの遊び心を加えています。制作にあたっては、まだ試行錯誤の途中ではありますが、自分なりに考えた意図を一つひとつ言語化し、形にしていくことを大切にしました。
制作期間: 企画・WFデザイン（2日間）コーディング（1週間）
使用ツール: Figma / VScode
HTML / CSS / Sass / JavaScript