Instagram限定特典
14｜知る・整える・始める
Webデザイン
未経験から
初案件への道筋
未経験から
初案件への道筋
作る理由を説明できる、
最初のポートフォリオへ。
最初のポートフォリオへ。
目的
配置
確認
Instagram限定特典 14｜2026年9月版
01 / 14
在宅フリーランススタート50大特典
進める順番
最初の1か月で基礎を固める
1
配置・文字・色を学ぶ
余白、揃え方、文字の強弱を、
作例で確かめる。
作例で確かめる。
2
参考を観察して再現する
学習用の模写と、
公開する自主制作を区別する。
公開する自主制作を区別する。
3
架空の依頼で制作する
誰に何を伝えるかを決め、
バナーを3案作る。
バナーを3案作る。
Instagram限定特典 14｜2026年9月版
02 / 14
ひと目で整理図解 14
デザインは、依頼の目的から始める
ツールを開く前に、作るものの役割を決めましょう。
- 01誰に、何を伝える？
対象者・目的・使う場所を依頼書に。
- 02何を優先して見せる？
情報の順番と、大きさ・配置を決める。
- 03指定形式に仕上げる
サイズ・数量・書き出しを確認。
- 04工夫を説明する
目的と、自分の判断を作品に添える。
在宅フリーランススタート50大特典
ポイントを比べる
自主制作の依頼書を作る
目的を具体的にする
例：架空のカフェで、
平日ランチの予約を増やす。
対象は近隣で働く人とする。
平日ランチの予約を増やす。
対象は近隣で働く人とする。
条件を先に決める
掲載場所、サイズ、
必須の文言、使える写真を整理。
公開時は架空案件と明記する。
必須の文言、使える写真を整理。
公開時は架空案件と明記する。
Instagram限定特典 14｜2026年9月版
03 / 14
在宅フリーランススタート50大特典
選ぶ前に比べる
作品説明で、考え方を見せる
見た目の説明だけ
「おしゃれにしました」では、依頼の
目的とのつながりが伝わりにくい。
目的とのつながりが伝わりにくい。
判断の理由を書く
予約ボタンを目立たせた理由や、
スマホで読みやすくした
工夫を説明する。
スマホで読みやすくした
工夫を説明する。
Instagram限定特典 14｜2026年9月版
04 / 14
在宅フリーランススタート50大特典
あなたの場合を書いてみよう
1作品の説明を組み立てる
誰に、何を伝える？
例：近隣の会社員にランチ予約を案内。
どの工夫で解決する？
例：価格・時間・予約先を順番に配置。
何を確認して改善した？
例：スマホ表示で文字の大きさを調整。
Instagram限定特典 14｜2026年9月版
05 / 14
在宅フリーランススタート50大特典
具体例で考える
告知画像は、
読む順番を決める
読む順番を決める
修正前の状態
店名、説明、日付、価格を
すべて同じ大きさで並べると、
何の案内か見つけにくい。
すべて同じ大きさで並べると、
何の案内か見つけにくい。
修正するときの判断
架空の教室体験会なら、①体験内容、
②開催日、③申込方法の順に強調。
説明は短くし、余白を残す。
②開催日、③申込方法の順に強調。
説明は短くし、余白を残す。
説明用の架空例です。
実際の成果や受注実績ではありません。
実際の成果や受注実績ではありません。
Instagram限定特典 14｜2026年9月版
06 / 14
在宅フリーランススタート50大特典
気になったことを、
自分の経験と重ねよう。
自分の経験と重ねよう。
デザインのどの工程に惹かれたかを、
自分の副業選びにつなげてみましょう。
自分の副業選びにつなげてみましょう。
副業スキル診断
学習や仕事の選び方を考えるきっかけに。
無料診断を受ける→診断は、仕事選びを考えるための参考としてお使いください。
Instagram限定特典 14｜2026年9月版
07 / 14
在宅フリーランススタート50大特典
同じ条件で比べる
最初の案件で確認する範囲
バナー
画像制作
サイズ違いの追加を確認。
Webページ
画面デザイン
スマホ版を含むか確認。
公開作業
実装・設定
デザインとは分けて確認。
素材準備
写真・文章
誰が用意するかを決める。
Instagram限定特典 14｜2026年9月版
08 / 14
在宅フリーランススタート50大特典
進める順番
提案から初稿までの流れ
1
要件を聞き、文章で確認
用途、納期、予算、
必要素材を揃える。
必要素材を揃える。
2
方向性を先に合わせる
ラフや参考で、
配置と雰囲気を確認する。
配置と雰囲気を確認する。
3
初稿と判断理由を提出
デザインの意図を短く添え、
修正点を集約する。
修正点を集約する。
Instagram限定特典 14｜2026年9月版
09 / 14
在宅フリーランススタート50大特典
確認しておきたいこと
納品前に確認すること（1/2）
文字とリンク
誤字、価格、日時、URLを照合する。
見え方
スマホで読めるか、
写真が切れないか。
写真が切れないか。
利用条件
写真、フォント、
素材の商用条件を確認。
素材の商用条件を確認。
Instagram限定特典 14｜2026年9月版
10 / 14
在宅フリーランススタート50大特典
確認しておきたいこと
納品前に確認すること（2/2）
渡すデータ
画像形式、元データ、
権利の扱いを確認。
権利の扱いを確認。
Instagram限定特典 14｜2026年9月版
11 / 14
在宅フリーランススタート50大特典
あなたの場合を書いてみよう
今日から進めることを決める
最初に扱う制作物は？
例：飲食店の告知バナー。
今の課題は？
例：文字の優先順位をつける。
今週の練習は？
例：同じ依頼で3案を作り比べる。
Instagram限定特典 14｜2026年9月版
12 / 14
在宅フリーランススタート50大特典
参考にした情報
確認に使える公式情報
厚生労働省 job tag｜Webデザイナー↗ウェブフリ公式｜学習カリキュラム↗2026年9月確認。制度・取引・受講の条件は、
各窓口の最新案内も確認してください。
各窓口の最新案内も確認してください。
Instagram限定特典 14｜2026年9月版
13 / 14