Studio制作：Webメディア

講義で作ったプロジェクトを複製して制作しても、ゼロからプロジェクトを制作しても、どちらでも構いません。

自分でテーマを1つ決め、そのテーマに興味を持つユーザーへ情報を届ける「Webメディア」を制作してください。

次の条件を満たすテーマを選んでください。

• 自分が興味を持っているテーマ
• 3つ以上の記事を考えられるテーマ
• 誰に向けたサイトなのか説明できるテーマ
• Web上で紹介しやすいテーマ
• 使用できる画像を準備できるテーマ

テーマ例

旅行／本／映画／ゲーム／音楽／スポーツ／料理／文房具／家電／ファッション／勉強／仕事術／地域情報など

※映画や本は画像の著作権に注意してください（Studioのサイトを最後に公開します）

自分がもっている本やパンフレット、商品の画像を撮影する/AIにイメージ画像を作成してもらうなどしてください

具体的なテーマ例「仕事に役立つ文房具」

仕事や勉強を少し快適にしてくれる文房具やアイテムを紹介するWebメディア。

ターゲット

新社会人・仕事を始めたばかりの人

掲載内容例

• おすすめノート
• デスク周りの便利グッズ
• 持ち歩きに便利なアイテム
• 用途別おすすめ
• 新着記事

CMS記事例

• 「仕事で使いやすいノート」
• 「デスク周りをすっきりさせるアイテム」
• 「持ち歩きやすい文房具」

※紹介するものによってレイアウトが異なる場合は「CMS」ではなく「通常ページ」で作成してください。無理にCMSを使わなくて構いません。適切なページ選択を優先させてください。

課題のゴール

• テーマとターゲットが設定されている
• 3件以上の情報を届けている
• ヘッダー・フッターをコンポーネント化している
• レスポンシブ対応している（デフォルト/タブレット/モバイル）
• リンク切れしていない
• ページタイトル（公開前準備を参照）が設定されている

※CMS/フォームは必須ではありません。必要なければ使用しなくて構いません

AIの使いどころ

• ターゲットを分析する
• キャッチコピー、見出し、紹介文などの文章案をAIで作成し、自分で修正して使用する
• 誤字脱字や文章の分かりにくい部分をAIにチェックしてもらう

※AIの回答はそのまま使用せず、内容が正しいか確認し、自分の目的に合うように修正してください

Canvaの使いどころ

• メインビジュアルの作成
• 記事用画像の作成
• Webページで表示するスライドや動画の作成

Figmaの使いどころ

• 画像のリサイズ
• ファビコン作成（時間があれば作成してください）