"HARUKA ITO PORTFORIO"

Website / Design / Cording | 卒業制作

HARUKA ITO PORTFORIOのモックアップ画像

  • HARUKA ITO PORTFORIO
  • HARUKA ITO PORTFORIO

DATA/

制作時期 :
2025.3
制作時間 :
企画 - 15時間
デザイン - 35時間
コーディング - 50時間
対応機種 :
スマートフォン、タブレット、PC
使用技術 :
HTML / Sass(scss) / jQuery
デザイン、画像編集ツール :
Adobe Photoshop / Figma

DESCRIPTION/

概要
就職活動時に使用することを目的とした自身のポートフォリオサイト
ターゲット
Web制作会社の採用担当者の方々
目的
就職活動を行うにあたり、自身の経歴やスキル、またこれまでの制作物やプロセスを伝えるため
コンセプト
「この先も、挑戦を続ける」
私はこれまで、困難なことがあっても挑戦を続けることを大切にすることで、自らの成長に繋げてきました。この先も、困難な状況や苦手意識があることに直面しても、挫けずに向き合っていきたい、といったメッセージを伝えたく、このコンセプトを設定しました。
情報設計
見やすさとサイト全体の回遊性を重視し、スムーズに情報を得られる構成を心がけました。
採用担当者の方に、まず自分の想いを伝えた上で、制作物を見ていただけるように、ファーストビューの後に自己紹介コンテンツを設置。キャッチコピーからメッセージへと自然に繋がる流れを意識し、伝えたいことが一貫して伝わるように設計しました。
デザイン
「自分らしさ」を前面に出し、個性と想いが伝わるようにしました。斜めのモチーフを取り入れることで、挑戦を続ける姿勢を表現。オブジェクトには丸みを持たせ、背景にグラデーションを施すことで、優しさや穏やかさを演出し、力強さとのバランスを意識しました。
フォントについては、可読性の高いものを選び、ジャンプ率を意識して文字組を調整しました。読みやすく、情報がスムーズに伝わるよう心がけました。
配色はベースにベージュ、アクセントにブルーを採用。冷静さの中に情熱が宿るイメージで、自分らしさを表現しています。
デザインで使用したカラーコード

HARUKA ITO PORTFORIO PC版 デザインカンプ

HARUKA ITO PORTFORIO タブレット版 デザインカンプ

HARUKA ITO PORTFORIO スマートフォン版 デザインカンプ