HOW TO WEBDESIGNER

デザインを、仕事に変える。

素材を作れるだけでは、仕事にならない時代になりました。
Webの知識をかけ合わせて、プロジェクトを動かせる人材へ。

↓ まずはこのサイトについて

このサイトについて

こんな人のために

  • グラフィック経験はあるが、Webに越境したい方
  • Canva / Figmaは触れるが、Web制作の全体像が掴めていない方
  • コードは書かないが、クライアント対応・ディレクションでWebに関わる方
  • 「言われた作業をこなすだけ」を卒業したい方

なぜ作ったか

素材を作るだけでは、収入の天井が見えてきます。
でも、コーディングが初歩レベルでも「プロジェクトを動かす力」があれば、仕事は大きく変わります。
AIが実装を担う今だからこそ、「何を依頼するか」「成果物が妥当か」を判断できる人に価値が集まっています。
このサイトは、あなたのデザイン力に「仕事を動かす視点」をかけ合わせるための教材です。

読み終えたら、あなたは

  • クライアントと対等に要件定義ができる
  • 制作者やAIに的確な指示が出せる
  • 成果物のクオリティを自分で判断できる
  • 案件の採算・AI コスト配分を見極められる
  • 「素材を納品する人」でなく「プロジェクトを完遂するディレクター」として仕事を取れる
みなさんお疲れ様です。制作(したAIを監督しました)H.K.です。
動画を観て、課題をこなして、また次のテーマへ——その繰り返しの中で、「普段の研修まとめ教材だけでなく、もう少し踏み込んだ地図があれば」と思って今回の教材を作りました。
半年後・一年後に、今より一歩踏み込んだ人材でいるために。読んで損はないと思います。
― H.K.

このサイトで学べること

7つのテーマで、Web デザイナーとして活躍するための知識を体系的にまとめています。気になるカードから読んでもOK。

はじめての方へ: Page 01(仕事を知る)→ Page 05(AIと活用)→ Page 07(始め方)の順で読むと全体像が掴みやすいです
では、Page 01 から読み始めよう

このサイトの使い方

はじめての方は順番に

Page 01 から Page 07 へ進むと、Web デザイナーの仕事の全体像が自然に理解できる構成になっています。

気になるテーマから読んでもOK

各ページは独立して読める構成です。ヘッダーのナビから気になるテーマへ直接ジャンプしてください。