デザイン（職業訓練校） - ポートフォリオ
登録日：
更新日：
- ポートフォリオのトップページへ
- エンジニア（業務）のポートフォリオへ
- デザイン（職業訓練校）のポートフォリオへ
目次
Web制作総合 2026年3月18日～4月13日 (11日間)
- 3月24日 ホームページ制作
動画制作学習 2026年2月2日～3月13日 (22日間)
教材：Premiere Pro よくばり入門 改訂３版（できるよくばり入門） (インプレス)
- 2月18日 ジム宣伝広告動画作成
- 2月16日 バナー動画作成
Web制作学習 2025年12月26日～2026年1月27日 (15日間)
教材：1冊ですべて身につくHTML & CSSとWebデザイン入門講座 第2版 (SBCreative)
- 1月27日 ハンバーガーショップのレスポンシブ対応ページ作成
- 1月16日 ハンバーガーショップのページ作成
コンテンツ制作学習 2025年12月2日～12月25日 (16日間)
教材：世界一わかりやすいIllustrator & Photoshop 操作とデザインの教科書 改定4版 (技術評論社)
- 12月19日 A4チラシ作成2回目
- 12月18日 バナー広告作成
- 12月17日 A4チラシ作成1回目
- 12月15日 バナーのトレース
Web制作総合
期間
- 2026年3月18日～4月13日 (11日間)
2026年3月24日～4月13日授業課題 ホームページ制作
課題内容
- ヒアリングからウェブサイト制作までを模擬的に行う。
- ペアを組み、お互いに依頼と制作を行う。
使用ソフトウェア
- Adobe Illustrator 2025 (macOS Ventura)
- Adobe Photoshop 2024 (macOS Ventura)
- Adobe Stock
- figma
- VSCode
制作時間
- 24時間
制作物
動画制作学習
期間
- 2026年2月2日～3月13日 (22日間)
教材
2026年2月18日～2月25日授業課題 ジム宣伝広告動画作成
横動画（自社サイト向け）
- フレームサイズ：1920 x 1080px
- フレームレート：30fps
- 動画尺：45~60秒
- 書き出し：MP4(H.264 / AAC)
※軽量化のため、下記動画は 960 x 540px で再出力したものを掲載しています。(動画サイズは2MB)
縦動画（インスタグラム向け）
- フレームサイズ：1080 x 1920px
- フレームレート：30fps
- 動画尺：30秒以内
- 書き出し：MP4(H.264 / AAC)
※軽量化のため、下記動画は 540 x 960px で再出力したものを掲載しています。(動画サイズは2MB)
使用ソフトウェア
- Adobe Illustrator 2025 (macOS Ventura)
- Adobe Premiere Pro 2025 (macOS Ventura)
- Adobe Photoshop 2024 (macOS Ventura)
- Adobe Firefly
- Google Vids
- Google Youtube Studio
制作時間
- 30時間
課題内容
- 目的
- 新規オープン告知動画
- WEB用の横型動画と誘導用の縦動画の2つを作成
- 自社WebサイトのTOPページへの掲載と、SNS(Instagram)のショート動画でPRを予定
- 構成
- (1) 導入 ・視聴者の興味を引く・悩みの提示
- (2) 本編 ・サービスの内容や魅力を紹介 (複数シーンでも良い)
- (3) 締め ・印象的な一言・ロゴの提示など
- クライアントからの要望
- 情報を分かりやすく伝えてほしい。
- 動画なので文字情報は少なくして欲しい。
- BGMや効果音、背景に動画素材など効果的に使って欲しい。
- スポーツジム未経験やジムで何をしたら良いか分からない方に「通いやすさ」や「安心」を伝えたい。
- ターゲット
- ターゲット、ペルソナは各自で決めてください。
ペルソナ
- 性別：女性
- 年齢：37
- 勤務：百貨店勤務・計画職
- 年収：400万（世帯年収1,000万）
- 居住：福岡市中央区大濠 3年前に新築分譲マンション購入（9000万 35年ローン）
- 家族：夫(39 同業・管理職 600万) と ペット(犬) との２人暮らし。子供なし
- 経歴と悩みなど
- 22に大学新卒で東京で就職。
- 27の時にUターンで福岡に転勤。
- 28の時に結婚。夫と相談し、楽で裕福な生活を過ごすために子供は作らないことにした。
- 健康と美容、ファッションへの意識が高く、ランニング環境もあり、勤務地にも近い大濠公園に近いマンションに住んでいる。
- 5年前に管理職になってからデスクワークも増え、3年前から姿勢や骨格の歪みに気になり始めた。
- 現在、ジムに通ってるが、パーソナルトレーナーによる指導だけでは物足りなく感じ、カイロプラクティックもできる施設を探している。
2026年2月16日授業課題 バナー動画作成
動画
- フレームサイズ：600 x 600px
- フレームレート：30fps
- 動画尺：10~20秒
- 書き出し：MP4(H.264 / AAC)
※課題で提出した動画をそのまま掲載しています。音声はありません。(動画サイズは1.3MB)
使用ソフトウェア
- Adobe Premiere Pro 2025 (macOS Ventura)
- Adobe Illustrator 2025 (macOS Ventura)
- Adobe Photoshop 2024 (macOS Ventura)
制作時間
- 3時間
課題内容
- 目的
- 「ローカルWEBメディア」や「地域のポータルサイト」などへ動画バナーを掲載し、イベントLP(イベントWEBサイト)への誘導を促す。
- クライアントからの要望
- 日程や開催時間を伝えたい。台湾祭の魅力を伝えたい。
- バナーをクリックしてもらって、イベントLPにて詳しい内容を見てもらいたい。
- ターゲット
- (2)福岡近郊のファミリー層（GWのお出かけ先探し）
Web制作学習
期間
- 2025年12月25日～2026年1月27日（15日間）
教材
2026年1月27日授業課題 ハンバーガーショップのレスポンシブ対応ページ作成
PCレイアウト
モバイルレイアウト
使用ソフトウェア
- VSCode
- figma
制作時間
- 4.5時間
課題概要
- 配布されたデザインカンプをもとに、HTMLとCSSを用いてレスポンシブ対応のWebページを作成してください。
要件
- 命名規則
- フォルダ名や、ファイル名、CSSクラス名等は命名規則に則り定義してください。
- HTML構造
- 適切なタグを使用し、セマンティックなHTMLを記述してください。
- CSSスタイル
- フォントや、カラーコード、余白等はデザインカンプに従い実装してください。
- リンク設定
- リンクについては、期待される遷移先を考え、記述してください。
- リンク先は必要であれば仮のパスでも構いません（例：”#” や “example.html”）。
- コード整理
- コードは適切にインデントを揃え、読みやすさを意識し記述してください。
- 可読性を高め、エラーを見つけやすく、後からのメンテナンスがしやすい状態を保つよう記述してください。
注意点
- title、descriptionの記述は採点基準に含みませんが、可能であれば各自考え記述してください。
- PCファースト、SPファーストどちらで記述しても問題ありません。
2026年1月16日授業課題 ハンバーガーショップのページ作成
レイアウト
使用ソフトウェア
- VSCode
制作時間
1.5時間
コンテンツ制作学習
期間
- 2025年12月2日～12月25日（16日間）
教材
2025年12月19日授業課題 A4チラシ作成2回目
使用ソフトウェア
- Adobe Illustrator 2025 (macOS Ventura)
- Adobe Photoshop 2024 (macOS Ventura)
制作時間
- 6時間
課題内容
- 一般向けではなく限られた方に向けたお知らせのポスターです。貼る場所も教室や各会館などに限定されます。
- 会員様すでに雰囲気はお分かりなので茶会のイメージ写真などは不要です。
- ポスターには記載しませんが、流派によってドレスコードがあります（着物の格）
- バックは黒に近いような濃色で、和風により過ぎないテイストが希望です。
- 「品がある」「高級」「特別感」「知る人ぞ知る」告知ポスターを作ってください。
- 桜などのイラストを使う際も、例えば木々の輪郭やにぎやかにせず花びらを舞わせるといった程度が好ましいです。
クライアント要望
- 和風に寄り過ぎず高級感がほしい
ターゲット
- 和風に寄り過ぎず高級感がほしい
コンセプト
- 夜の月明かりと桜の花ビラの反射の光と、お茶を立てた時の波紋を、最低限の表現で伝えられるようにしました。
2025年12月18日授業課題 バナー広告作成
使用ソフトウェア
- Adobe Illustrator 2025 (macOS Ventura)
制作時間
- 3時間
課題内容
- 目を引くバナー広告を作成する。指定された文言は必ず入れること。
コンセプト
- イラストも含め、イラストレーターだけで全て作成しました。
2025年12月17日～12月18日授業課題 A4チラシ作成1回目
使用ソフトウェア
- Adobe Illustrator 2025 (macOS Ventura)
- Adobe Photoshop 2024 (macOS Ventura)
制作時間
- 9時間
課題内容
- ターゲット層を設定してチラシを作成する
クライアント要望
- 新規開店するパン屋のチラシを作成してほしい
ターゲット
- 未婚または既婚子無しの30~40代男女
コンセプト
- 街頭で配ったり、店頭で掲載しても遠目から分かるようにロゴをベースとしたチラシにしました。
2025年12月15日授業課題 バナーのトレース
使用ソフトウェア
- Adobe Illustrator 2025 (macOS Ventura)
- Adobe Photoshop 2024 (macOS Ventura)
制作時間
- 4時間
課題内容
- トレース画像を目視で真似て新規作成する