プロローグ

■ はじめに
■ 未経験からWebデザイナーになるためには
■ デザイナーは商売道具にコダワレ！
■ デザインとアートの違い

第1章

僕がWEBデザイナーになるまで

■ 時給換算311円からの脱却
■ 求人で見かける「デザイン未経験者OK」の裏側
■ 未経験から実務経験を積めるクラウドサービス
■ デザイン力（りょく）≠案件獲得
■ HTMLを学んでもデザイナーにはなれない現実
■ 全ての学びはTTMから始まる
■ センスの正体とは？
■ 「稼げるデザイナー」になるための5つの教え
■ Webデザイナー最強デザインツール
■ たった4時間で270万円の売上を作った話
■ 社長が欲しがるデザイナーの特徴
■ Webデザインが「初心者」におすすめな理由
■ クリエイターの資格は時間と金の無駄
■ Webサイトは単なる目的達成のためのツールでしかない
■ 「カッコイイデザイン」は売れない話
■ 「反応率」デザインの良し悪しの新基準
■ 稼ぐデザイナーと稼げないデザイナーのたった一つの違い

第2章

「売れるデザイン」を作る具体的手順

■ ユーザーを丸裸にするヒートマップツール
■ ボタン色を変えるだけで売り上げ倍増！？
■ Webサイトで一番クリックされてる部分・・・
■ 自分の頭は狂ってる
■ Webサイトは作ってからが本当のスタート
■ Webで失敗しない法則「構え、撃て、狙え」
■ クイズです。次のAとBのデザイン、どちらの反応が良かったでしょうか？
■ クリック率が３倍変わる、Webサイトの「申し込みボタンの色」の秘密
■ クイズの結果から判明した、反応率を倍増させる「文字」に隠されたアルゴリズム
■ コンバーション率を最大化させる方法
■ 反応率を最大化させるランディングページ
■ 綺麗でかっこいいデザインから人が離れていくワケとは

第3章

Webデザインで獲得するお客さんは2種類

■ 注意。新規のお客様はあなたを疑っている。
■ 「用心深すぎる新規顧客」を「あなたのファン」に変えるためのデザインの役割
■ Webデザイナーなら知っておくべき「広告審査」とは
■ 疑いの余地なし、顧客にはこれまで以上にあなたの魅力を伝え続けるべき理由
■ 「物販」と「物販以外」では全くデザインが変わる
■ 物販編：物販のためのデザインの鍵は「写真」
■ 「これなら肌が白く綺麗になりそう」と思わず感じてしまう美白クリームの
　写真の見せ方
■ 物販以外編
■ 全てのWebデザイナーが絶対知っておかなければならない、「文字」の重要性とは
■ 購入するかしないかに直結するデザインの「3秒ルール」
■ 「デザインは文字の邪魔をしてはいけない」このことを知るまでは
　デザインしないでください
■ 関係値0のお客様が、思わずもっと見たいと感じてしまうWebデザインの鉄則
■ 疑っている人の信用を更に失ってしまう、9割の人がやってしまう落とし穴
■ 偶然ではありません。確実に反応を取る為の、文字の優先順位とは
■ お願いです。Webデザイナーは決して「装飾」をしないでください
■ 高速でスクロールする人の手を、ピタッと止める「見出しの書き方」とは
■ 左テキスト右写真の法則
■ 自分をアホにすればするほど、良いデザインが作れる理由
■ 男性向けのデザインと女性向けのデザイン。知ると知らぬで倍以上結果が変わる
　3つのポイント
■ 嫌でも文字に注目してしまう写真の使い方
■ 労力を半減しながらデザインスキルを上げる。
■ 理想のルーティーンを習慣化するために必要なたった一つのアイテムとは？
■ 成功しているWebデザイナーが、こっそり地道に継続している習慣とは？

第4章

フリーランスになるまでのロードマップ

■ 3,000人以上の未経験者をWebデザイナーに導いたロードマップ
■ 上位1％の稼げるデザイナーになる最低条件「Photoshop爆速操作術」
■ Webデザイナーが絶対用意すべきポートフォリオ
■ あなたの時給を1万円以上にするための鍵はランディングページ
■ 未経験者がいきなりフリーランスを目指しては行けない理由
■ もしWebデザイナーになりたいならば、まずはやるべきこと

まとめ

■ それぞれ教える側も目指している頂きが異なります
■ あとがき
■ 著者プロフィール