Web site

ポートフォリオ
サイト

■ 制作期間
2ヶ月と2週間
■ 担当領域
企画設定・デザイン制作
■ 概要
転職活動用のポートフォリオサイト。「見た人に信頼感を与え、シンプルかつわかりやすい内容で自分のことを知ってもらう」をコンセプトに、作品についての情報と私自身の人となりについて採用担当者さまの目線に立ってまとめることを目指す。

■ ターゲット
制作会社の採用担当者さまと所属するベテランデザイナーの方
■ 使用ツール
Figma / Photoshop

Process

制作過程

■ 課題設定

今までの自分のポートフォリオサイト以上のものを作成することを第一に企画しました。また自分という人物をデザインで表現する力の挑戦を目的に設定しました。そのうえで自己分析を徹底し、表現の幅を狭めない意識で準備を進めました。

■ 制作意図

基本情報は短くまとめる方向で設計し、メリハリをつけたわかりやすいデザインになるよう仕上げました。またそれぞれのセクションにスムーズに進めるよう、装飾や要素をどこに配置するかを細かく考えて、作品の詳細とデザインフローに注目していただける設計にいたしました。

■ 工夫した点

全体的に明るく、柔らかい雰囲気のデザインにして、文言とのギャップや先に進む意識を持たせられる印象にいたしました。

portforio-pc-design2

薄い色をメインで使用しつつも、余白や配置などでグルーピングを明確にできるように少しづつ調整をかけてまいりました。

portforio-pc-design3

補色同士のグラデーションを取り入れて、悪目立ちすぎない程度に大事な箇所に動きをつけられるようにいたしました。

portforio-pc-design4

作品紹介のページは導入に進みやすくなる順番に情報を並べ、下に進むことで工夫した点をピックアップして見ていただけるよう設計しました。

portforio-pc-design5

丸く落ち着いた印象を与える配色と図形だけでなく、線やフォントなどで先進的な印象を与えられるようアクセントを付け足しました。

■ 成果・学び

自分をプロデュースする上で、自己理解の不足が一番の課題でした。しかしそこを時間をかけて乗り越えたことで、表現したいものや伝えたい思いが形にしやすくなったことが大きな成長に感じました。またデザインとして多くの要素を掛け合わせ、最適なプロデュースをするための引き出しを増やすことの大切さも改めて感じました。今後はこれまで以上に扱える要素や考え方を増やし、主役とそれを強調する要素をバランスよくデザインする力をさらに高めてまいります。

■ 備考

https://andeight.net

※サイト制作にご協力いただいたコーダーさんのプロフィールURLです。

next

次の作品

Works 三角の矢印 About me 三角の矢印