my portfolio

my portfolio

at Tono Vocational Training School

このホームページは、
遠野高等職業訓練校 Webデザイン科での
6ヶ月間の学びについてまとめたものです。
私自身の学びの記録に、
そしてこれから学ばれる方の参考になればと思いながら作りました。

これからWeb制作やデザインについて学ぶ方
現在学んでいる最中の方
学び始めようか迷っている方
学んだ人の作品を見てみたい方 など、

様々な方に楽しんでご覧いただけたら嬉しいです。

learned

訓練校で学んだ内容と感想を少しずつですが記しました。
6ヶ月間でとてもたくさんのことを学びました。


HTML

ページの構成をするための言語。初挑戦。Wordでのページ構成に慣れていたおかげか、そこまで困難には感じなかった。


CSS

ページの飾りつけをする言語。初挑戦。HTMLもだが、英語入力に慣れることが大事。タイピング技術の重要性を実感。


JavaScrip

ページに動きを付ける言語。初挑戦。訓練では基礎に触れた。Excelの関数に似ている。


WordPress

ノーコードでWebサイトを作れるツール。初挑戦。慣れれば作りやすく、その後の更新や運用もしやすい部分がある。

Illustrator

素材制作やレイアウトデザインができるツール。初挑戦。丁寧なマウス操作が重要。検定試験ではエキスパートを取得。

Photoshop

画像加工ができるツール。初挑戦。あまり使用しないでしまい習得度は低め。どのツールもたくさん使うことが大切。

InDesign

冊子やポスターなどのレイアウトデザインができるツール。初挑戦。訓練課程には無いが補講を実施いただき基礎を学習。

Word

基礎を学習。office系ソフトは使い慣れているもののかなり我流で使っていたため、ここで正しい操作を習得。

Excel

関数も含めた基礎を学習。やはりこれまでの使い方は我流であり、知らなかったテクニックを習得できた。

PowerPoint

操作の基礎を学習。別の授業でPowerPointによって作成された資料を見る機会が多くあり、資料作りの参考になった。


キャリアガイダンス

キャリア形成、マネジメントなどを学び、「働く」ということに改めて向き合った。自分とも向き合った。


コミュニケーション

アサーション、傾聴について、グループワークも交えながら学習。実際に体験することでその効果や重要性を実感した。


end more...

DX人材、マーケティング、マナー、社会保障、労働保険など、デザインの他にも働くうえで大切なことを様々に学んだ。

works  - web -

訓練中に制作したWeb作品の一覧です。
クリックすると作品の紹介ページに移ります。
紹介ページでは、制作の意図や工夫した点、実際のサイトへのリンクなどを記しています。
クリックしてぜひご覧ください。

架空の小説家のHP【before】

自主製作架空の小説家のWebサイト【before】

予習として、コーディングの授業に入る前に制作。コーディングはガタガタだが、「自分でも作れた!」という喜びを感じられた取り組みとなった。

架空の小説家のHP【after】

自主製作架空の小説家のWebサイト【after】

「架空の小説家のWebサイト【before】」をコーディングの授業後に再作成したもの。現在制作中。

城川商店街HP(架空)

授業課題城川商店街Webサイト(架空)

テキスト通りに作成して技術を学んだ後、独自のデザインで新たに作るという課題の元に制作したもの。現在制作中。

thanks to you

自主製作thanks to you

訓練校を修了する際、職員のみなさんにお礼の言葉を伝えたくて制作したWebページ。

Thank you Web9!

自主製作Thank you Web9!

「thanks to you」と同じ構成で、クラスメイトへのお礼を伝えるものとして制作した。コーディングはそのままで内容を差し替えた。後述の「message from me」も同じ構成。

message from me

卒業製作message from me

卒業制作。これから学ぶ方へのメッセージをまとめた。本来であれば当サイト(「my portfolio」)を卒業制作としたかったが間に合わず、それでも何か訓練校のWebサイトに残すものをと考えて制作した。

my portfolio

自主製作my portfolio

当サイト。ひとつのページに2つ以上の記事があって更にページも複数あるWebサイトは、これが初めての完成作品となる。

works  - graphic -

訓練中に制作したグラフィック作品の一覧です。
クリックすると作品の紹介ページに移ります。
こちらの紹介ページでも制作の意図や工夫した点などを記しています。
どうぞご覧ください。

Donutキャンペーンサイト用ヒーローイメージ(架空)

授業課題Donutキャンペーンサイト用イメージ
(架空)

講師が練習題材として提供してくれたロゴタイプをアレンジし、春のキャンペーンサイトのヒーローイメージを想定して制作。最初に作った作品。

Rocheインスタ広告(架空)【A】

授業課題Rocheインスタグラム広告
(架空)【A】

架空の化粧品メーカーのインスタグラム広告として制作。使用する素材やコピーは指定されており、制限がある中での制作を体験した。

Rocheインスタ広告(架空)【B】

授業課題Rocheインスタグラム広告
(架空)【B】

「Rocheインスタグラム広告(架空)【A】」の別パターン。わかりやすさや伝わりやすさを重視した。

Pecky商品紹介HP用イメージ(架空)

授業課題Pecky商品紹介サイト用イメージ
(架空)

架空のお菓子の商品紹介サイトにおけるヒーローイメージとして制作。コンセプトを意識した制作を体験。ロゴも別途作成。
(※素材に使用した商品には一切関係ありません。)

u:mai商品紹介HP用イメージ(架空)【A】

授業課題u:mai商品紹介サイト用イメージ
(架空)【A】

架空の炊飯器の商品紹介サイトにおけるヒーローイメージとして制作。クライアントの意図を反映させながらの制作を体験。

u:mai商品紹介HP用イメージ(架空)【B】

授業課題u:mai商品紹介サイト用イメージ
(架空)【B】

「u:mai商品紹介サイト用イメージ(架空)【A】」の別パターン。同じ素材で表現を変えた。

クラスメイトSさんロゴ

自主製作クラスメイトSさんロゴ

クラスメイトSさんにクライアントとなってもらい、要望に合わせてロゴを制作。
(※ご本人の許可を得て掲載しています。)

クラスメイトSさん名刺

自主製作クラスメイトSさん名刺

「クラスメイトSさんロゴ」と併せて名刺も制作。色や配置の違いも含めて10パターン以上制作した。
(※掲載内容は全てダミーです。ご本人の許可を得て掲載しています。)

クラスメイトKさん名刺

自主製作クラスメイトKさん名刺【M】

Sさん同様、クライアントになってもらって制作。「自由に」というオーダーの元に制作。
(※掲載内容は全てダミーです。ご本人の許可を得て掲載しています。)

自分用名刺

自主製作自分用名刺

手書きの文字、手描きのイラストを使用した。先述のSさん、Kさんの名刺と併せて、訓練校でのプレゼン会にて発表。

「一緒に何か作りませんか?」【before】

自主製作「一緒に何か作りませんか?」
フライヤー【before】

クラスメイトに向けた提案と案内をするためのフライヤー。制作して配布し、フィードバックをもらった。

「一緒に何か作りませんか?」【after】

自主製作「一緒に何か作りませんか?」
フライヤー【after】

「「一緒に何か作りませんか?」フライヤー【before】」に対してクラスメイトや講師からフィードバックをもらい、再度作成したもの。現在制作中。

ペンツールトレース練習

授業課題ペンツールトレース練習

Photoshopのペンツールを使用して画像のトレースをする練習。細かいところまで速くきれいに、を目標に取り組んだ。

Web9 ロゴマーク

自主製作Web9 ロゴマーク

Web9(訓練中のクラス名)のロゴマーク。訓練初期の作品。

works  - collaboration -

クラスメイトと一緒に共同制作をした作品の一覧です。
クリックすると作品の紹介ページに移ります。
こちらの紹介ページにも、制作の意図や工夫した点、実際のサイトへのリンクなどを記しています。
友人とともに作り上げた作品、ぜひご覧ください。

Illustration

作品で使用した自作のイラストを紹介します。
(クリックすると拡大されます。)

message

あとがき

あとがきは、サイト内のすべてのコンテンツが完成した後に記します。

同訓練校で学ばれる方に向けてのメッセージをまとめてみました。
リンクをクリックして読んでみてください。
(※別のサイト「message from me」に移動します。)



profile

プロフィール画像

mizuho

平成初期生まれ。
岩手県南地区出身。
子どもの頃から絵を描くことが好きで、同時に音楽や運動も好きであった。小学校時代はピアノと書道を一生懸命に取り組み、小学校高学年から中学・高校時代は部活動(バスケットボール)に力を注ぐ。
弟が障害を持っていることがきっかけで大学は児童福祉の分野へ。
しかしもっと知らない世界を見てみたいと考え、東京の広告制作関連会社に就職。
知らないことや知らない場所、知らない世界にたくさん触れて、そこでグラフィックデザインやWebデザインに憧れを抱く。
一眼レフカメラの使い方やパソコンスキルも身につけていく。
東京でとてもたくさん働いた。
その後は岩手県の県央地区へ移り、公共事業の事務局運営にも携わる。必要に迫られて試行錯誤しながら使っているうちに、Word、Excel(特に関数)、PowerPointの技術が身についていく。
2024年、やはり東京時代に憧れを抱いたデザインの仕事をしたいと考えて遠野高等職業訓練校Webデザイン科へ。
訓練校講師や外部講師の方々、クラスメイトを始めとする多くの人からの支えを受け、このWebサイトに記した通りたくさんのことを学び、経験した。
修了後は、Webデザイナーやグラフィックデザイナーの他、子ども時代からの夢であった小説家、絵本作家も志している。
どれも勉強中ではあるものの、【自称】で名乗って活動中。
趣味は読書、アート鑑賞、ピアノ。
特技は書道、タロット占い。

Thank you everyone.