どんな仕事?
目的、利用者、掲載情報を整理し、構成と画面案を作ります。
画像や文字組みを整え、実装担当と確認しながら端末ごとの表示を調整します。
- 要件整理
- 情報設計
- ワイヤーフレーム
- ビジュアル制作
- レスポンシブ確認
- 実装連携
向いている可能性がある人
適性の断定ではなく、仕事を調べるときの判断材料です。
- 情報の優先順位を考えたい
- 文字や余白の細部を整えるのが好き
- 利用者の迷いを減らす工夫に関心がある
先に知っておきたい注意点
作品集では、担当範囲と制作意図を明確にします。
生成AIの画像や他サイトのデザインを、権利確認なしに流用しません。
必要スキルと学ぶ順番
レイアウト色と文字Figma等の制作ツールHTML/CSSアクセシビリティ著作権
- 01
既存ページの情報構造を観察する
- 02
ワイヤーを作る
- 03
1ページをHTML/CSSで再現する
- 04
スマホとPCで使いやすさを確認する
学習期間の考え方
作品数より、目的・設計理由・担当範囲・検証結果を説明できる1件を最初の基準にします。
学び・AI・資格へ進む
各サイトの役割を分け、確認済みの個別ページだけへつなぎます。
この記事の確認方法
- 執筆
- manapick career編集部
- 編集確認
- manapick編集責任者
- 最終確認日
- 2026-07-12
- 作成方法
- 入職資格が必須でないことと、採用されやすさは別であると区別。
出典
- 厚生労働省 job tag確認日 2026-07-12/資格不要との記述は採用条件の保証ではない。
AI補助を利用した場合も、公開前に編集者が全主張とリンクを確認します。誤りにお気づきの場合は訂正窓口をご利用ください。