PORTFOLIO
川内谷快人 ポートフォリオ
#WEB DESIGN
#SCHOOL WORKS

自分のポートフォリオサイトを制作しました。
『静かな闘志』というコンセプトで、落ち着きがありながらインパクトのあるサイトを目指しました。
コンテンツの見やすさを意識しつつ、動きのあるようなデザインを考えました。

scroll



ターゲット
採用担当の方々。
WEB制作の知識がある方々。
課題
自分の作品をまとめたサイトが欲しい。
WEB業界へ入りたい気持ちをアピールできるものが欲しい。
目的
書類選考の通過を目指す。自身のスキル・強みについて理解していただき、一緒に働くイメージを持っていただく。
情報設計
初めに、コンセプトである『静かな闘志』を表現したMVとイントロで個性をアピールしています。
トップページの作品はWEB作品を4つ厳選して紹介し、興味を持っていただけた方へ作品一覧ページを見ていただくような設計にしています。
自己紹介の中でスキルや強みについて理解いただいた後に、ご連絡いただくような流れを考えてフォームをトップページに配置しています。
デザインプロセス
男性らしいかっこよさを表現するため、ベースカラーに黒を選びました。
『静かな闘志』というコンセプトを意識し、派手すぎず単調になりすぎないレイアウトに仕上げました。
自分の強みやスキルをグラフィックにすることで、よりイメージしやすいようにしています。
作品詳細ページのWEB作品では、デザインカンプをスクロールしながら見る形式にすることで、ページが長くなりすぎないように工夫しています。
制作期間
企画/情報設計/WF
デザイン
コーディング
約30時間
約60時間
約120時間
使用フォント
- Aw Conqueror Didot
- Zen Old Mincho
- Ryo Gothic Plus N
- Acumin Pro
英文見出しで"Aw Conqueror Didot"、和文見出しで"Zen Old Mincho"を使用しています。
本文では"Ryo Gothic Plus N"、ボタンなど機能的なテキストは"Acumin Pro"を使用しています。
使用ツール
- Adobe Photoshop
- Adobe AfterEffect
- Figma
- Visual Studio Code
- Git hub