Works
Portfolio Website
ポートフォリオ WEBサイト
自身のポートフォリをサイトを作成しました。コンテンツや制作実績が見易いように全体としてシンプルで、且つ個性が伝わるデザインを心掛けました。
| 使用ツール | Photoshop / Visual Studio Code |
|---|---|
| 目的 | 就職活動にて採用担当の方に見てもらい、今までの製作実績やスキルを伝えること |
| ターゲット | WEB制作会社の採用担当の方 |
| 情報設計 | 見る側が読み易い流れを意識しました。まず誰のプロフィールなのかを知ってもらうために、自身の写真と略歴・スキルを掲載し、その後に実績を掲載しています。 各実績については、その目的から情報設計・デザインに至るまで詳細に記載し、根拠を持って制作をしていることが伝わるように心掛けました。 |
| デザイン | 全体的に白を基調としたシンプルなデザインで、制作実績の写真や内容文を邪魔しないように気をつけました。 シンプルな中でも自身が好きな「木漏れ日の自然な暖かさ」を要所要所で表現しています。例えば、最初のファーストビューでは木漏れ日の葉の写真が現れ、フワッとタイトル文字がランダム浮かび、最後に写真が文字の背景色として切り抜かれるアニメーションを作成し、シンプルなデザインを維持しつつも暖かい雰囲気を出しています。文字の色も黒ではなく濃い茶色を選び、ナチュラルな印象が出るように心掛けました。
|
| 制作期間 | 調査・設計：1週間 デザイン：１ヶ月 コーディング：１ヶ月 |
| URL | https://kanako-nakahata.com/ |
