【Web 制作講座|構成編】 サイトの「考え方」を整理する60 分

オンライン

「この構成で合っているのか不安…」そんなモヤモヤをスッキリ解消。 サイト構成とページ設計の考え方を整理し、迷わない判断軸を60 分で共有。

こんなことを学びます

<この講座で扱うパートについて>

この講座は、Web 制作の中でも
デザインに入る前の“設計判断”に特化した実践講座です。
扱うのは、次の3 つのレイヤーです。

1. 目的設計 ― サイトの目的とゴールを決める
2. 全体設計 ― 目的達成のために必要なページを決める
3. ページ設計 ― そのページで伝える順番を決める

デザインやツール操作ではなく、「何を、どの順番で決めるべきか」を整理します。
この講座は、「どう作るか」ではなく「なぜその構成にするのか」を説明できるようになる時間です。


<Web 制作全体の構造整理>

Web 制作の全体像を俯瞰する
Web 制作に存在する主なパート
・企画/ディレクション
・構成(全体設計)
・設計(ページ設計)
・デザイン
・実装

今日扱うのはどこか?
・デザイン前の「決める領域」

よくあるズレ
・いきなりデザイン
・ページを足しながら迷子

構成設計の実践的思考
【目的設計】パートに含めるもの
・誰に向けたサイトか
・何をゴールにするか
・どこで判断させるか

【全体設計】パートに含めるもの
・サイト構成とページ構成の違い
・ページを増やしすぎる問題
・「全部大事」問題

【ページ設計】パートに含めるもの
・情報を並べすぎる
・ワイヤーに落とす前に整理すべきこと
・情報の順番

ケース共有・軽い壁打ち
1. 想定ケースをもとに構成の考え方を確認
・コーポレートサイト
・サービスサイト など
2. 受講者の状況に応じて
・「今の悩みは、どの段階の話か」を整理

振り返り・質疑応答
1. 今日の内容の振り返り
2. 明日から意識してほしいポイント整理
3. 質疑応答(小さな疑問歓迎)
4. 次につながる考え方のヒント
・設計・デザイン工程とのつながり
続きを読む

希望の日程で調整できます

現在開催日程はありませんが、開催リクエストを送ることで希望の日時で講座開催を相談できます。

開催予定エリアオンライン

価格(税込)¥3,000

受けたい
0人が受けたい登録しています

オンライン受講日程

価格(税込)¥3,000

オンライン受講料に含まれるもの

講座代、レジュメ代が含まれます。

この講座の先生

中武 善夫のプロフィール写真
構成を、感覚ではなく判断基準で整える
中武 善夫
Web制作に25年以上携わり、打ち合わせ・企画・構成・デザインまでを一貫して行っています。
長年現場に立つ中で感じているのは、経験豊富な制作者同士であっても、「なんとなく分かったつもり」で制作が進んでしまうことが少なくないという現実です。

その結果、後から構成がブレたり、目的が曖昧なままデザインに入ってしまうことも多くあります。
私は、そうした制作現場の“曖昧さ”を少しでも減らし、構成を説明できる状態で進められる人を増やしたいと考えています。

Web制作は、文章・デザイン・導線・マーケティングなど、あらゆる要素が絡み合う総合表現です...
+続きを読む

この講座の主催団体

WEB制作 現場解決ラボ

主催団体確認済み
  • 0人
  • 0回
WEB制作の実務で止まるポイントを“現場目線”で

WEB制作をしていると、
「これ以上どう進めればいいか分からない」
そんな場面に直面することがあります。

この個別相談では、設計・デザイン・実装の流れを一緒に見直しながら、どこで詰まっているのかを整理し、解決の糸口を探します。

現場で実際に起きがちな悩みや、作業が止まってしまった状態を前に進めるための実務者向け相談の場です。

※特定のツールや正解を教える講座ではありませ...
+続きを読む

主催団体に質問する 主催団体ページを見る

当日の流れとタイムスケジュール

0~5 分|前提共有・自己紹介
― 今日扱う“設計の範囲”を揃える

5~10 分|導入・認識のズレを可視化
― なぜ構成は混ざるのかを整理する

10~20 分|目的設計 ― 何を達成するかを決める
― サイトのゴールを言語化する

20~35 分|全体設計 ― 必要なページを決める
― 目的からページ構成を導く

35~50 分|ページ設計 ― 伝える順番を決める
― 情報の流れを設計する

50~60 分|まとめ・現在地の確認
― 自分の課題レイヤーを明確にする
続きを読む

こんな方を対象としています

・実務でWeb 制作をしているが、構成を感覚で進めている方
・サイトマップやワイヤーを作っているが、説明に自信がない方
・デザイン前に、何から決めるべきか整理したい方
・クライアントに“なぜこの構成なのか”を言語化したい方
・テンプレートに頼らず、判断できる力を身につけたい方

「作れるけど、説明できない」状態から
“決めて作れる人”になるための講座です。
続きを読む

受講する際は以下をお読み下さい

<この講座で扱わないこと>

・Canva / Figma / Adobe などツールの操作説明
・デザイン装飾テクニックやトレンド集
・コーディング・実装方法
・SEO・マーケティングの専門的な施策

この講座は、「どう作るか」ではなく「なぜそう考えるか」に集中します。
すべてを一人で抱え込むのではなく、Web 制作を分業として捉え、自分の担当パートで価値を出すための思考整理が目的です。
続きを読む
※ストアカでは講座に適用される保険を用意しています。詳しくはストアカ補償制度をご覧ください。

Webデザインのおすすめの先生Webデザインの先生を探す

Webデザインの関連カテゴリーから講座を探す

先生のスキルから探す