ZINEN様ポートフォリオ画像

ポートフォリオサイト

Web site ❘ 自主制作

URL ❘ https://reiya-takahashi.com/

概要

overview

就職活動を行う際に提出するポートフォリオサイトを制作いたしました。




担当:文章作成、情報設計、ワイヤーフレーム作成、デザインカンプ作成、コーディング、実装
制作期間:12/17~1/14 (実質2週間ほど)
使用言語とツール:HTML、CSS、jQuery、Photoshop、XD、Visual Studio Code

サイト設計

design

【コンセプト】
分かりやすく確実に自分をアピールする



【デザイン】
白×グレー×紺をメインに構成し、落ち着きと安定感を出しました。
メインビジュアルの写真もこちらの3種類の色構成を意識して撮影。 トップページでは全体的にシンプルな雰囲気にして、情報量も絞ることで届けたい情報を確実に相手に届けるという意識を持ちました。 それに対して下層ページの作品紹介ページでは 「概要」、「デザイン」など各テーマごとに分けて見やすさも意識しながら情報量を盛り込みました。 また、採用担当者様に少しでも"見てみたい"と思っていただきたかったので、Worksセクションの各作品のサムネイルをテイストを変えて別途制作したり データや実際の運用場面なども掲載したりしました。


【構成】
全体を「作品集」、「出来ること」、「私について」この3つのセクションに分けました。これは私がポートフォリオサイトの役割として 重要な要素と考える順番になっております。まずは相手に実績やスキルを提示することが筋だと考えるからです。

デザイン

design

portforioデスクトップサイトイメージ portforioスマホサイトイメージ