WORKS
WebサイトのFV画像

クライアントワーク

ポートフォリオサイト

案件概要

自身のポートフォリオサイト。
転職活動の際、選考の参考にして頂くために制作。
おにぎり作りをデザインと重ねて、テーマに。

Figmaを
見る

設計の詳細は
こちらから!

ここが一味違う!

「美味しいけれど美味しすぎない」

  • 学生時代の経験からおにぎりをテーマにしました
  • ただし主目的はおにぎりの紹介ではなく私の紹介なので、美味しいけれど美味しすぎないデザインにするため、人工的な色づかいやゲームステージのような背景デザインを心がけました
  • キャッチコピーの「一味違う美味しいデザイン」をアピールするため、作品の紹介ページに「一味違うポイント」を記載しました
  • ページ内のイラストは全て自作しました

ターゲット

採用担当者の方々

目的

  • ・web制作に関する知識やスキルがあると知って頂く
  • ・web制作の他にもできることがあると知って頂く

構成のポイント

イラスト作成や写真撮影も可能なことが私の強み。TOPページはスライドを使用し、私に興味を持って貰えるよう工夫。仕事に対する姿勢やデザインに対する心構えを伝える場所を作り、未経験でも自身の考えをしっかり持っていることを強調できる作りにしました。作品は短い時間でもスクロールでサッと見れるよう一覧で作成しました。

使用ツール

Photoshop

Illustrator

Figma

VScode

Procreate

デザインコンセプト

「一味違う 美味しい デザイン」

デザインをおにぎり作りに見立てて、イラストとキャッチコピーを作成。テーマはおにぎりだが、あくまでポートフォリオサイトであり、見せたいのはデザインとコーディング、そのほかのスキルなどが中心であるため、全体のデザインはゲーム画面のようなポップな印象のデザインで作成。

芯が強い

元気

明るい

楽しそう

ポップ

かっちり

規則正しい

コンセプトカラー

#629E42

#FF5300

#0685D8

#F7E684

制作期間

ヒアリング・分析

ワイヤーフレーム

デザイン

コーディング

3日間

3日間

4日間

7日間

デザイン完成図

デザインイメージ図 デザインイメージ図 デザインイメージ図 デザインイメージ図 デザインイメージ図 デザインイメージ図 デザインイメージ図 デザインイメージ図