大田 心春のロゴマーク

つくったもの

Works

桜の枝

ポートフォリオサイト

ポートフォリオサイトを制作しました。
自分らしさを大切に、柔らかな色合いとシンプルなレイアウトで温かみのある印象を意識しました。 採用担当者目線で必要な情報だけをトップページにまとめ、自分の強みが一目で伝わるよう工夫しました。 また、モックアップを活用し、作品の活かし方が視覚的に伝わる構成にしています。 シンプルながら記憶に残る、「会ってみたい」と思ってもらえるポートフォリオを目指しました。

大田 心春のポートフォリオ
ポートフォリオ
ターゲット
採用担当の方々
課題
自分のデザインスキルや人柄が伝わる場所がなく、就職活動でアピールできる材料が不足している。
目的
自分の強みや雰囲気を伝え、デザイン職への熱意を感じてもらう。 採用担当者が安心して「一緒に働きたい」と思えるよう、誠実さや人柄を伝える。
情報設計
採用担当の方が欲しい情報にすぐアクセスできるよう、トップページには「作品一覧」「プロフィール」「お問い合わせ」の3つに絞って配置しました。 無駄な要素は省き、迷わず目的の情報にたどり着けるようにしています。 また、ファーストビューには自分の写真を大きく使い、人柄や雰囲気が直感的に伝わるよう工夫しました。
デザイン
「心春=心温まるデザイン」をテーマに、春を感じられるやわらかな色合いや桜のあしらいを取り入れました。 ファーストビューにはぼかしを入れた写真を使い、じんわりと表示されるようにすることで、あたたかみのある印象にしました。 くるくる回る文字で、さりげなく動きをつけています。
制作時間
ワイヤーフレーム:2日
デザイン:1週間
コーディング:2週間
使用ツール
Photoshop / XD / VSCode / HTML / CSS / JavaScript
桜の枝

トップページ

ポートフォリオサイト

下層ページ

ポートフォリオサイト