卒業制作のポートフォリオで意識したこと｜Webデザインの専門校での学びの記録
卒業制作のポートフォリオを作り始めたとき、一番悩んだのは「何を見せればいいのか」ということでした。
技術力をアピールしたい気持ちもありましたが、完成して振り返ると、自分らしい学びや挑戦が伝わる作品になったように感じています。
この記事でわかること
- 自分らしさが伝わる構成の考え方
- 一番気に入っている作品と苦労したこと
- 制作スケジュールの立て方
- 今作り直すなら大事にしたいこと
結論
卒業制作のポートフォリオは、上手な作品を並べるより、学んだ過程と自分らしさが伝わる作りを大事にしました。参考にしたサイトの良いところを組み合わせ、自分の理想を足して形にしています。
等身大の自分が伝わる構成を意識した
実際の卒業制作のポートフォリオは「AIMI PORTFOLIO」で見られます。
作品は「Study（授業課題）」と「Original（自主制作）」に分け、それぞれを技術ごとに絞り込めるようにしました。
- Webサイト
- バナー制作
- JavaScript
- PHP
- WordPress
- Webデザイン
「どんな作品を作ったか」だけでなく、「何を学びながら制作したのか」が伝わる構成を意識しています。
Photo by Balázs Kétyi on Unsplash
また、ポートフォリオサイト自体もHTML・CSS・JavaScriptを使って自作しました。
作品を並べるための「器」も作品の一部だと考え、学習の成果が伝わるサイトづくりを目指しました。
一番気に入っている作品
一番気に入っているのは、料理（クッキング）をテーマにしたオリジナルサイトです。企画書づくりから始めて、制作まで自分で手がけました。
企画の段階で作りたいことを全部詰め込んでみたところ、「これはアプリだね」と言われました。
そこで学んだのが、目的によって、サービスの届け方（Webサイトにするか、アプリにするかなど）を変えるという考え方です。やりたいことの幅が一気に広がった気がして、その瞬間はとてもワクワクしました。
まずは、そのアプリのWebサイトを思い描いて作るところから始めました。学校としては卒業課題でしたが、私にとっては、やっとスタートラインに立ったばかりだと感じた作品です。
料理アプリのサイト「KITCHEN LOGIC」（卒業制作で作った架空のサイトです）
子ども向けの世界観を統一したかったものの、イメージに合うフリー素材が少なく、必要な画像を一枚ずつ生成していきました。
以前は子ども写真を専門に撮影するカメラマンとして仕事をしていたこともあり、子どもの表情や雰囲気には特にこだわりがあります。
その経験をWebデザインに生かせたことも、このサイトへの思い入れにつながっています。
一番苦労したこと
Photo by Amélie Mourichon on Unsplash
AIを活用したことで制作スピードは上がりましたが、その分、画像の微調整には時間がかかりました。
「ここに配置したいのにサイズが合わない」「人物の向きが違う」といったことが何度もあり、Chromeの検証ツールを見ながらレイアウトを調整し、AIへの指示文（プロンプト）も繰り返し修正しました。
AI画像は便利ですが、思い描いたイメージをそのまま形にするには、試行錯誤が欠かせないことを実感しました。
授業で習っていないことにも挑戦した
授業で学んだ内容だけで満足せず、気になったことは積極的に挑戦するようにしました。
スマートフォン向けのレイアウトやアニメーションなど、授業では扱わなかった内容も、自分で調べたり先生へ質問したりしながら取り入れています。
カリキュラムの範囲だけにとどまらず、自分から学びに行く姿勢が、作品全体の完成度を高めてくれたと感じています。
まわりの反応
作品全体については好意的な感想をいただくことが多く、自信につながりました。
一方で、AI画像については「やっぱり写真のほうが温かみを感じる」という意見もありました。
AI画像にも魅力はありますが、写真ならではの空気感や、その瞬間にしか撮れない表情には別の価値があることを改めて感じました。
卒業制作の発表のときは緊張で声が震えましたが、ほかの受講生から「色づかいが好き」と声をかけてもらえたのがうれしかったです。
制作スケジュールの管理について
卒業制作は約1か月という限られた期間だったため、最初に大まかなスケジュールを立てて制作を進めました。
デザインを決めてからコーディングへ進み、最後に素材を調整する流れを想定していましたが、実際は何度も行き来することになりました。
計画どおりに進まないことも含めて、制作現場では柔軟に対応する力が必要なのだと学びました。
今後の更新予定
ポートフォリオは卒業時点で一区切りにはなりますが、それで終わりではありません。
新しい制作物が増えるたびに更新し、自分の成長記録として残していきたいと考えています。
制作を振り返って得た自信
卒業制作を完成させたことで、「自分にもここまでできるんだ」という自信が生まれました。
技術的に完璧な作品ではないかもしれませんが、最後まで取り組んだ経験そのものが、その後の制作活動を続ける大きな支えになっています。
一から作ったオリジナルサイトで知った「形にする難しさ」
ポートフォリオの中で一番時間をかけたのは、オリジナルサイトの制作でした。
課題とは違い、テーマから構成、デザインまで、はじめて一から自分で手がけた作品だったからです。
頭の中ではイメージができているのに、いざ形にしようとすると思うように表現できない。その難しさを、この制作で初めて実感しました。
一からサイトを作ったことで、自分の力が足りない部分もはっきり見えました。納得できるまで勉強を続けようと覚悟が決まったのは、この瞬間です。
構成について「なぜこの形にしたのか」と聞かれたときは、参考にしたサイトをいくつか掛け合わせたうえで、自分の理想を加えたと答えました。
ゼロから考えるのではなく、良いと感じた部分を組み合わせて自分なりに作り変えることも、デザインの大切な考え方のひとつだと感じています。
形にするときに一番つまずいた余白の話は「Webデザインの勉強で一番つまずいたこと｜余白と最初の画面に悩んだ話」でくわしく書いています。
今作り直すなら、流行より「伝わりやすさ」を一番に
もし今ポートフォリオを作り直すなら、はやりのデザインを取り入れることよりも、情報をどう伝えやすく工夫するかを一番に考えると思います。
見た目の新しさは時間とともに変わっていきますが、見る人にとって分かりやすいことの価値は変わりにくいからです。
卒業制作を経て、デザインを見る目が少し変わったことも、大きな学びだったのかもしれません。
この記事のまとめ
卒業制作のポートフォリオは、「上手な作品を並べる場所」ではなく、「学びの過程と成長を伝える場所」だと考えています。
背伸びをするよりも、自分らしく取り組んだことや工夫したことを丁寧にまとめることで、その人ならではの魅力が伝わります。
これからも新しい作品を追加しながら、ポートフォリオもこのブログも少しずつ成長させていきたいと思っています。
私のプロフィールは「はじめまして」、これまでに作ったWebサイトやデザインは「ポートフォリオ」にまとめています。制作のご相談は「お問い合わせ」からどうぞ。
よくある質問（FAQ）
Q. AI画像だけでポートフォリオを作っても大丈夫ですか？
A. AI画像を活用すること自体は問題ありません。ただし、どのように制作し、どんな工夫をしたのかを説明すると、自分らしさが伝わりやすくなります。
Q. ポートフォリオは卒業後も更新したほうがいいですか？
A. はい。新しい作品や学びを追加することで、自分の成長や現在のスキルを伝えやすくなります。
Q. ポートフォリオには何点くらいの作品を載せるべきですか？
A. 決まった数はありません。私のポートフォリオは、授業課題（Study）と自主制作（Original）に分け、技術ごとに絞り込めるようにしました。数が多いときほど、1点ずつ「何を学んだか」を説明しておくと、見る人に伝わりやすいと感じています。
Q. ポートフォリオサイトはどんな技術で作りましたか？
A. HTML・CSS・JavaScriptで自作しました。フレームワーク（作るための便利な土台）は使わず、素の書き方にこだわることで、基礎力が伝わる作りを意識しました。
Q. 就職活動でポートフォリオはどのくらい見られますか？
A. 見られ方は会社によって違いますが、授業では「なぜそう作ったのかを説明できること」が大切だと教わりました。作品の見た目だけでなく、意図を言葉で説明できるように準備しておくのがおすすめです。
