PORTFOLIO KAITO KAWAUCHIYA

PORTFOLIO

川内谷快人 ポートフォリオ

#WEB DESIGN

#SCHOOL WORKS

portfolio モック画像1

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

portfolio モック画像2

scroll

デザインカンプ top
デザインカンプ works
デザインカンプ salon

ターゲット

採用担当の方々。
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