トップにもどるボタン

#website

ポートフォリオ

direction / design / coding

サイトをみる

ポートフォリオのモックアップ
概要
自分の制作物をまとめた転職活動のためのポートフォリオサイト。
ターゲット
採用担当者の方々
目的
履歴書だけでは伝えきれない自身のスキルや作品の意図、人柄を採用担当者にわかりやすく伝え働くイメージを持っていただくこと。
情報設計
担当者の方の時間や操作負担を考慮し、情報を一目で理解してもらえるよう整理。 また、「次の作品を見る」ボタンを設けることで操作の手間を減らし、 スムーズに作品を閲覧できる導線を意識しています。
デザイン
制作物が主役となるよう装飾は控えながらも個性を感じさせるシンプルなデザインをこころがけました。メインカラーとサブカラーには私のイメージカラーである水色を使用。明度と彩度を下げ、長時間見ても疲れにくい配色に調整。テキスト量が多いことからサイト全体の雰囲気がかたくなりすぎないように十分な余白や文字の行間・間隔の細かい調整、 愛犬をモチーフにしたイラストを取り入れることでバランスをとり、テキスト量が多くても疲れずに読めるデザインを目指しました。
メインカラー
サブカラー
ベースカラー
テキストカラー
製作期間
企画 / 情報設計 / WF
デザイン
コーディング
5日
7日
7日
使用ツール
Illustrator / Photoshop / Sublime Text / Figma
PCトップ
ポートフォリオのパソコントップページ
    
SPトップ
ポートフォリオのスマホトップページ
  
 

次の作品を見る