「WEBデザインで副業したいけど、何から始めればいいかわからない」
そんな声をよく聞きます。スキルも実績もゼロの状態から、どうやって案件を取ればいいのか。最初は途方に暮れますよね。
この記事では、私が実際にやってきた経験をもとに、未経験でも再現可能なWEBデザイン副業を始めるためのロードマップをまとめます。難しく考えなくて大丈夫。順番通りに進めれば、自然と最初の案件に近づけます。
tuki既にWEBデザインの知識がある方は必要なところだけ参考にしてください！
ロードマップ全体像
順番に説明していきますが、並行して進められるものも多いので、全体像を先に把握しておくと動きやすいです。
WordPress以外のサイト構築にもチャレンジする
では一つずつ見ていきましょう！
STEP1｜WordPressブログを開設・カスタマイズする
まず最初にやることは、WordPressでブログを開設することです。
デザインを学ぶより先にブログ？
そう思いますよね。でもこれには理由があります。
- WordPressの案件は個人・企業問わず非常に多い
- ブログ自体が学習の場・実験台になる
- デザインを凝ることでそのままポートフォリオになる
ブログを育てることが、学習・実績づくり・集客の三役を同時にこなしてくれるんです！
おすすめのサーバー：エックスサーバー
WordPressを始めるにはレンタルサーバーが必要です。私がおすすめしているのはエックスサーバーです。国内シェアNo.1の安定感があり、WordPressの簡単インストール機能もあるので初心者でも迷いません。料金は月1,000円前後から。
テーマはSWELLがおすすめ
WordPressにはデザインのベースとなる「テーマ」を選ぶ必要があります。
ここで重要なポイントがあります。テーマは、利用者が多い人気のものを選ぶのがおすすめです。理由は後述しますが、特定のテーマに絞ると案件が来やすくなるからです。
個人ブログで特に人気のテーマは主に2つ。
| テーマ | 特徴 |
|---|---|
| SWELL（有料） | ブロックエディタに強く、コードなしでもおしゃれに作れる。有料（17,600円・買い切り） |
| Cocoon（無料） | 無料で使えて機能が豊富。ただし凝ったカスタマイズにはコードの知識が必要 |
初心者にはSWELLが一番おすすめです。コードなしでもブロックの配置やデザイン設定だけでかなりおしゃれなサイトが作れます。
ブログの内容はなんでもOKですが、おすすめはWordPressのカスタマイズ方法を発信すること。自分がやった作業をそのまま記事にできるので、ネタに困りません。
STEP1で案件が取れることもある
WEBデザインってコードをバリバリ書くイメージなんだけど、私には無理かも…
実は、そんなことはありません！
SWELLのようなテーマを使えば、ブロックの配置やデザイン設定だけでも十分おしゃれなサイトが作れます。コードをほとんど書かない「ノーコード構築」でも、立派なWEBデザインの仕事になります。
つまり、ブログが形になってきた段階で、もう案件を受けられる状態になっているということ。だからこそ、次のSTEP2はスキルが完璧になる前にやってほしいことです。
STEP2｜ココナラに出品してみる（まずは運試し）
ブログがある程度形になってきたら、すぐにココナラに出品しましょう。
ココナラは、イラスト・デザイン・ライティングなど、個人のスキルを売り買いできるプラットフォームです。WEBデザイン関連の出品・依頼も多く、個人から企業まで幅広い層が利用しています。
こんな状態で出品していいの？
いいんです。出品してすぐ依頼が来ることはほぼありません。スキルのある人でも最初の1件の獲得は意外と難しいもの。「来たらラッキー」くらいの気持ちで出品しておくのがちょうどいいです。
その間に自分のブログをブラッシュアップしたり、STEP3以降のスキルを積んだりすることで、依頼が来る可能性が少しずつ上がっていきます。
tukiもちろん依頼が来たときに困らない程度の知識は付けてから出品しましょう
なぜ最初はココナラなのか
副業を始めたばかりのころ、いくつかのクラウドソーシングサービスを使ってみました。その結果、初心者が最初に使うならココナラが一番ハードルが低いという結論に至っています。
他のサービスはWEBデザイン案件の競争が激しく、実績のないうちはなかなか選ばれません。その点ココナラは、比較的シンプルな案件も多く、経験が浅い段階でも依頼につながりやすい印象があります。
さらに、ココナラには2つの動き方ができます。
- 出品して待つ：サービスを登録して依頼が来るのを待つ
- 自分から応募する：募集中の案件に自分から提案を送る
この両方ができるのがポイントで、待ちながらスキルを磨きつつ、余裕があれば自分から動くこともできます。
他のサービスとの比較については、別の記事で詳しくまとめます。
出品のポイント
- サービス名に「SWELL」などテーマ名を入れると検索で引っかかりやすい
- 「ノーコードでの構築」と明記する
- 自分のブログURLをポートフォリオとして載せる
- 最初は相場より少し低めの価格設定で実績を積む
STEP3｜HTML/CSSの基礎を学ぶ
ブログ運営・ココナラ出品と並行して、HTML/CSSの基礎を学んでいきましょう！
最初に覚えることはシンプルです。
- HTMLの基本タグ（見出し・段落・リンク・画像など）
- CSSの基本（色・フォント・余白・レイアウト）
- WordPressテーマのCSSを少し書き換えてみる
独学か、スクールか
プログラミングを学ぶときの永遠の課題として、よくあげられていることですね。
私自身は書籍とネットの情報だけで独学し、今では本業としてWEBデザインの仕事をしています。ただ正直に言うと、独学はかなり非効率でした。
独学でも本業にできたなら、独学で十分じゃないの？
それはそうなんですが……遠回りしすぎました（笑）
わからないことを調べて、また詰まって調べて、を繰り返す時間がとにかく長かった。体系的に教えてもらえる環境があれば、半分以下の時間で同じレベルに到達できたと思っています。
副業はあくまでお小遣い稼ぎが目的なので、学習に時間をかけすぎるのももったいない。効率よくスキルを身につけたい方は、スクールも選択肢に入れてみてください。
STEP4｜Adobeツールを触ってみる
HTML/CSSと並行して、Adobeのデザインツールにも慣れておきましょう。
副業案件で求められることが多いのは主にこれらです。
| ツール | 主な用途 |
|---|---|
| Adobe XD / Photoshop | WEBデザインのカンプ（設計図）作成 |
| Illustrator | ロゴ・バナー・印刷物 |
| Photoshop | 画像加工・バナー作成 |
最初からすべてを覚える必要はありません。まずはIllustratorを触ってみるところから始めるのがおすすめです。（デザインカンプはIllustratorでも賄えるため）
Adobe CCは月額費用がかかりますが、副業で1件でも取れれば元が取れます。まずは無料体験から試してみてください。
STEP5｜ブログをブラッシュアップしてポートフォリオにする
スキルが上がってきたら、自分のブログをどんどん磨いていきましょう。ブログのデザインクオリティが上がるほど、ポートフォリオとしての説得力が増します。
カスタマイズのアイデア
- ヘッダー・フッターのデザインを作り込む
- トップページのレイアウトを整える
- アイキャッチ画像のデザインを統一する
- フォント・カラーパレットを丁寧に設定する
実際に公開されているサイトは、架空の制作物より圧倒的に説得力があります。
STEP6｜スキルアップしながら依頼を待つ・受ける
ここまで来たら、あとはスキルを磨きながら依頼を待つだけです！
tuki自分から案件に応募してみるのもいいですね
ロードマップを振り返ると、STEP2でもう出品しています。つまりこの時点では、すでに依頼が来る状態になっているはずです。
最初の案件はどこから来るかわかりません。ココナラかもしれないし、ブログを見た誰かからの問い合わせかもしれない。大事なのは「完璧な準備が整ってから」と思わないこと。
最初の1件さえ取れれば、実績として積み上げていけます。そこからは単価も少しずつ上げられる上に、依頼も来やすくなります。
まとめ：ロードマップをおさらい
サーバーはエックスサーバー、テーマはSWELL
運試し感覚でOK、ノーコード対応も明記
まずは無料で出来る範囲で。スクールは後から検討するのでも◎
まずはIllustratorから
クオリティ＝ポートフォリオの説得力
自分から案件に応募しにいくのもこのタイミング
「全部やらなきゃ」と思うと一歩が重くなります。まずSTEP1だけやってみてください！