works

ポートフォリオサイト

direction / design / coding

サイトをみる
ポートフォリオサイトのモックアップ画像

自身のポートフォリオサイトを制作しました。
採用担当者の方に実績や人間性が最大限伝わるよう、コンセプト設計や構成を工夫しています。

案件概要

目的
  • 採用担当者の方に自分のスキルや実績を知ってもらうため
  • 人柄を理解し、一緒に働きたいと思ってもらうため
ターゲット
  • 企業の採用担当者様
  • 20〜50代の男女
課題
  • 経験が浅く、作品数が少ない
  • 書類の提出だけでは、人柄や個性までは伝わらない
解決策
  • 作品一つ一つに詳細ページを設け、デザインの意図を記載し、考えを理解していただく
  • わたしについてのページで、自身の生い立ちや今後のビジョンを詳しく表記することで、企業で実際に働くイメージを持っていただく

デザインコンセプト

デザインコンセプト

ここがポイント!

”感謝を伝える”を表現したデザイン

仕事をする上で一番大切にしたい「感謝」の気持ちを形にして表すことが、私にとってのデザインだと考えています。その想いをポートフォリオサイトで表現したかったので、手紙に花を添えて届けるというイメージを持ってデザインしました。また、自分の好きな書道と花の要素も取り入れ、実際に書いた文字を入れたり、花で装飾をしました。

手紙をイメージしたメインビジュアル

メインビジュアル画像

手書き文字

サイト内の手書き文字をキャプチャした画像

ポストをイメージしたフッター

フッターの画像

写真素材について

サイト内で使用した写真素材は全て自分で撮影したものを使用しています。一枚ずつ明るさなどを調整しました。メインビジュアルに使用した写真はPhotoshopで枯れた部分を調整しています。

before

サイトのメインビジュアルに使用した写真のレタッチ前の画像

after

サイトのメインビジュアルに使用した写真のレタッチ後の画像

制作データ

制作期間

設計:5h

デザイン:42h

コーディング: 41h

使用ツール

figma

VScode

Photoshop

使用言語

HTML / CSS

Javascript

URL https://yuka-kozono.com/
サイトのpc版全体画像 サイトのsp版全体画像
サイトのpc版全体画像
サイトのsp版全体画像 サイトのsp版全体画像

他の作品