HOW TO WEBDESIGNER

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

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

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

このサイトについて

こんな人のために

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

なぜ作ったか

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

読み終えたら、あなたは

  • クライアントと対等に要件定義ができる
  • 制作者やAIに的確な指示が出せる
  • 成果物のクオリティを自分で判断できる
  • 案件の採算・AI コスト配分を見極められる
  • 「素材を納品する人」でなく「プロジェクトを完遂するディレクター」として仕事を取れる

このサイトで学べること

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

では、Page 01 から読み始めよう

このサイトの使い方

はじめての方は順番に

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

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

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

このサイトの制作過程を見る
ワイヤーフレーム → 完成版への変遷をメイキング形式で追体験できます