しもむらのITブログ

(更新日: )

実案件から学ぶWeb制作【ヒアリングからコーディングの流れをすべて公開】

こんにちは、しもむらです
Web制作で月に60万〜80万くらいを稼いでいます

今回はクライアントさんから特別に許可を頂き「実案件から学ぶWeb制作」という教材を作ることが出来ました。

ほとんどのWeb制作者は秘密保持契約を結ぶこともあるので実際の案件を取り扱っている教材は世の中にほぼ無いと思います
※僕も結んでいるクライアントさんもいます。

本書の内容

実際の案件で制作したサイトを例にしてサイト制作を解説します
クライアントさんから頂いた情報をもとにデザイン・コーディングを行います

想定読者

Web制作で5,000円以上を稼いだことがある人
基本的にはすでに案件を受注したことがある人を対象にしています

クラウドソーシングや知り合いのフリーランスからの下請けの仕事は受注できた、、けど直案件を受けるには少し不安だな、、、

そういった方に向けた内容です

その理由としては既に案件を受注したことがあるなら本教材を買ったとして足りなかったスキルをつけることで本書の代金を回収できるからです。

お値段は「3,000円」です

なお、後で説明しますがWordPressの有料テーマ代金が別途かかります🙇‍♂️

購入前の注意点

事前準備を終わらせた方
最低限ググって解決出来る人限定

事前準備を終わらせた方のみご購入をお願いします

特典も用意いたしました

  • 限定コミュニティーへの招待
  • デザイン素材の配布
  • コーディング、フィードバック

※デザイン素材はFigmaの共有リンクで配布します

限定コミュニティーで質問も受け付けます
しかし、数が多くなった場合は回答できない可能性もあります

配布素材の規約

購入者にはイラスト・画像の二次使用の悪用・販売を禁止します

なお完成した制作物は、「Basic認証とnoindex」を忘れずにつけてください
※Basic認証をかけずにウェブ上に公開してしまうと、本家のクライアントさんのサイトに迷惑がかかり通報される可能性があるので必ずBasic認証をつけてください
「エックスサーバー」の場合、ベーシック認証は簡単で「アクセス制限（BASIC認証）」のページで解説されています。

目次

1.前提知識,はじめに
2.環境構築
3.営業
4.サイト制作デザイン編
5.サイト制作コーディング編

事前準備を「無料公開」します

本教材では事前準備が必要です
事前準備をやった方のみご購入下さい

事前準備の１章〜３章は無料公開します

僕が言うのもあれですが、ぶっちゃけ１章から３章が自力で出来れば制作会社などの就職も余裕です

» 購入ページはこちら（販売サイトのBrainに移動します）

1.前提知識

動画でも解説しました

前提知識としてHTML/CSS,Bootstrapの基礎はわかっている人でお願いします

HTML,Bootstrapの学習方法は以前に無料公開しました。

HTML,CSSの基礎がわかったら、WordPressの基礎もやっていただきたいです

WordPressの勉強ステップは以下のツイートの通り。

  • １.基本的なプログラミング言語を学ぶ
  • ２.既存テンプレートを使ってWordPressでサイトを運営
  • ３.自作テーマを制作

ここまで来ているあなたは基本的なプログラミング言語はできているはず。

WordPressに進みましょう！

ブログを作る方法、簡単な自作テーマの作り方は以下の動画で解説しました。

WordPressを使ったブログの始め方

【簡単】 WordPressでブログを始める6ステップ【初心者向け】

WordPressでブログをはじめたい人向け。本記事ではエックスサーバー でWordPressを始めるための手順を紹介しています。企業や個人向けに30以上のサイトを作った僕が画像付きで紹介しました。

WordPressの自作テーマの作り方

WordPress自作テーマを作ろう

そして今回の教材では動画内でも紹介しているのですが本書では以下のツールを使います

追加費用になってしまい申し訳ないのですが、有料のWordPressテーマを使用します🙇‍♂️
購入ページはこちらです

ゼロからテーマ作らないの？！と思うかもしれないですが、今回はクライアントさんと相談しコードのカスタマイズがしやすくSEOなどの問題がない「Manablog Copy」を使用しました

僕もテーマの開発に関わりましたがデザインやSEOの設定など細かい部分も手が入っておりとても勉強になります
あと、コードがシンプルでカスタマイズしやすく様々なサイトに仕様が可能だと思います
参考：【発表】Manablog Copyの大きめなアップデート【使いやすくなった】

2.環境構築

なお今回使用するManablog CopyのテーマではCompassというscssコンパイルツールを使っています

環境構築はこちらの動画で解説しました。

関連リンク

3.営業

まずはこちらの記事を読んで下さい

【経験談】Web制作クリエーター４つの営業方法【大学生OK】

クラウドソーシングサイトで仕事を取るのは正直キツイと思っている人、WEB制作の勉強をしていてそろそろ仕事を取りたい人へ営業方法です。クラウドソーシング、SNSや知人からの紹介、メール営業の方法を教えます

上記の記事でも触れていますが仕事のとり方は大きく４つ

この形かなと思います。

今後の章でも取り扱いますが、クライアントと取り決めをする部分はフリーランス向けの営業代行サービスや求人サイトなどでも登録して勉強できます。

以上で無料エリアは終わりです

追伸

直案件でWebサイトが作れるようになれば確実に収益は伸びます。
なのでちゃんと頑張れる人だけ購入お願いします

そしてWeb制作で稼げると、人生が少し豊かになるので個人的におすすめです

お待ちしております😌

» 購入ページはこちら（販売サイトのBrainに移動します）