Web site
Nao Motokawa Portfolio
2024.05~制作中 / 2024.06完成予定
- ◼️概要
- 自身のポートフォリオサイト
- ◼️使用アプリ
-
Figma / Photoshop / Illustrator
VS-code
(HTML / CSS / JavaScript)
- ◼️制作時間
-
デザイン : 3週間
コーディング : 3週間
- ◼️カラー
-
- 目的
-
1、就職活動のため
自身のスキルや強み、これまでの制作物や制作背景を伝える
2、スキルアップのため
CSSやJavaScriptで動きを出すコーディングがまだ自信がなかったので、動きに拘った作品をつくる - コンセプト
- シンプルに見やすく、中身のコンテンツが映えるように、自分らしく、ということをコンセプトに制作しました。 まだ未経験のWeb業界で、何色にも染まりきれていない自分を表現するのに、モノクロが合っているのではないかと思いました。また、サイトの目的は就職活動の際に、自身のスキルや強み、これまでの制作物や制作背景を伝えるためのポートフォリオ作成なので、採用担当者の方々が見て分かりやすく、中身のコンテンツが伝わるよう意識しました。
- ターゲット
- Web制作会社の採用担当者の方々
- 制作背景
-
職業訓練の6ヶ月間でWebに関する基本的なスキルを習得できましたが、多くの求人では実務経験が求められていることを知りました。そのため、さらなるスキルアップを目指し、ポートフォリオサイトを制作することにしました。
ポートフォリオのデザインでは、ありきたりなものにならないよう、自分らしさを表現することを意識しました。コーディング面では、CSSを使ったアニメーションやJavaScriptを駆使して、動きのあるサイト作りに挑戦しました。JavaScriptを一から理解するために、Udemyの教材やYouTubeを活用し、独学で学びましたが、かなり苦労しました。それでもJavaScriptのライブラリ等を活用し、できる範囲で動きのあるサイトを実現することに努めました。
自分らしさを表現しつつ、技術力を高めるために努力したこのポートフォリオが、私のスキルを証明する一助となればと思い制作しました。