インタビュー Web制作

デザインとコーディング両方できるメリットや学ぶ際の注意点を徹底解説!

2023年12月28日

※ 当サイトではアフィリエイト広告を利用しています

私の知っているWeb制作フリーランスは『コーディングのみ』または『デザインのみ』という人が多いですが、

コーディングの勉強終わったけど、デザインもできた方がいいのかな?

と不安になる人も多いと思います(私もそうでした)

結論から言えば片方だけでも十分稼ぐことは可能ですが、今回はコーディングとデザインを両方こなしている、ちこさん(@Chiko256)にインタビューしました。

私が『コーディングとデザインを両方できる人』と聞いてパッと思い付くのは2人しかいなくて、その1人がちこさんです。

この記事を読めば、コーディングとデザインを1人で出来るようになるとどうなるかが分かると思います。

よろしくお願いします!

ちこさん

まずは簡単に自己紹介をさせて頂きます。

3年前に旦那の転勤で仕事がなくなったことをきっかけに、Web制作を始めました。

最初はコーダーとして活動していましたが、途中からデザインも学習し、現在はデザインからコーディングまでまるっと対応しています。

そして現在はWeb制作のお仕事をしながら、デザインスクールの運営もしています。

それでは続けていきます!

ちこさん
じゅんぺいブログは、Web制作コーディングWordPress制作)の技術記事を中心に、約500記事公開しています。ぜひ他の記事も参考にしてみてください!
完全無料のプログラミングスクール『ZeroPlus Gate』
30日間でWeb制作を学べる無料のプログラミングスクールがこちら
いきなり数十万するプログラミングスクールは厳しい・・・という人のお試しに最適です。
現在は無料ですがいつ有料になるか分からないので、気になる方はお早めに👇
(有料になっていたらすいません🙇‍♂️)

\ 完全無料 /

ZeroPlus Gate公式サイト

毎日先着制!

コーディングだけじゃ稼げない?

コーディングの勉強終わったから案件探し始めたけど、全然見つからない・・・やっぱりデザインもできた方がいいのかな?
もちろん両方できた方がいいですが、コーディングだけでも全然稼ぐことはできますよ!

ちこさん

私の周りの人でも、コーディングだけでも月50万など達成していますし、デザインもできる人よりコーディングだけの人の方が圧倒的に多いですよ。

 

コーディングとデザインの両方をやろうと思った理由

どうしてデザインも勉強しようと思ったの?
元々お付き合いがある制作会社さんから『デザイン案件あるけど、やってみない?』と言われたことがきっかけで、その時なかなか収入が上がらず悩んでいたので、思い切ってデザインも始めました。

ちこさん

そこでデザインも受注するようになって感じたことが2つあります。

 

両方やる人は少なく求められることが多かった

実際に制作会社さんへ営業している方で、両方ちゃんとできる人って本当に少ないです!

ちこさん

制作会社さんに話を聞いてみると、両方できると言っても、どちらかクオリティーが低かったりする方が多いそうです。

その中でデザインもコーディングをちゃんとできると、本当に重宝されるなっていうのは体感しています。

それになんでご依頼いただけたのか聞いてみると、他には、

制作会社

デザインもコーディングもできる人ってほぼいなかったから

と言われたことが何回もあります。

それだけ、両方できる人が足りていない状況です。

 

どちらの仕事も受けると収入が1.5倍に!

元々コーダーだった時は、月10万とか20万とかだったんです。

ちこさん

でも、デザインを学んだら、新規営業が0でもすぐ月80万達成するようになりました。

この話をすると、

営業してないのになんで?

と聞かれますが、それはコーダーとしてお付き合いしていた制作会社さんに『デザインも学んで出来るようになりました!』って声かけるだけで、どんどん案件いただけるようになったからです。

デザインまで巻き取ることで、仕事がどんどん依頼されるようになりました。

その後、営業も頑張ったこともあり、平均で月100万稼げるようになりました。

これだけでも、思い切ってデザインを学んで本当に良かったなぁって心から思います!

ちこさん

 

コーディングだけではなくデザインもやるメリット

デザインもやるようになってどんなメリットがあったの?
主なメリットは2つあります!

ちこさん

 

コミュニケーションコストが低い

一人でディレクションからWebデザイン・コーディングまでやることで、人と関わることがグッと減ります。

なので気を遣うことが少なくなり、気軽に仕事ができるようになりました。

私自身、人にお願いすることがすごく苦手です。。。

ちこさん

だから、デザインやコーディングを人にお願いした時に、修正依頼を出すのがすごく苦痛でした。

でも、一人でやるようになってから全て自分の中で解決できるので、本当に気持ちが楽になりました!

人と話すのは好きだけど、指摘したりすることが苦手な私には、この働き方がぴったりでした。

ちこさん

 

制作時間を大幅に時短できる

もう一つのメリットは、1人でデザインからコーディングまで行っているので、コストが省けてめちゃめちゃ時短になっていることです。

具体的には、こんな手間が省けます。

  • 人と打ち合わせやチャットをする時間
  • コーディングで悩む時間(デザインする時にコーディングも考えながらデザインします)
  • SPのデザインカンプ制作(SPはよしなに対応するので、デザインからコーディングまで全てやる時は、SPデザインを作らないことが多いです)

私の感覚では、コーディングだけやっている時よりも、デザインとコーディングセットで受けると同じ時間でも収入が1.5倍になりました。

だからこそ、収入も安定していたのかなぁって思います。

ちこさん

 

フリーランスなんだから苦痛は避けてOK!

会社員時代はやらなければならないことが決まっていましたが、フリーランスになった今、やることを自分で決められるんです。

だから『すごく嫌だ』って思うことは避けてもOK!

ちこさん

その分、得意なことを伸ばしたらいいんです。

私の場合は人とのコミュニケーションが苦手だったので、デザインからコーディングまでセットで行うことで、人間関係のストレスがほぼ0になりました!

 

コーディングとデザインを両方勉強する際の注意点

コーディングとデザインを両方勉強するのって大変じゃない?
両方勉強する際の注意点を解説します!

ちこさん

 

デザインから勉強するのがおすすめ

両方やるなら、デザインから学習するのがオススメです!

ちこさん

その理由は、コーディング知識をつけた上でデザインを始めると、コーディングしやすい固いデザインを作りがちになってしまうからです。

だからどちらから勉強してもいいのであれば、デザインから学ぶと自由な表現ができるようになってきます。

でも、一番大事なのは"継続"です。

あなたがやりたい!って思う方を先にやったらOKです!

ちこさん

 

同時進行はNG!

これだけは注意して欲しいのですが、同時進行でスキルを身につけるのはおすすめしません。

コーディングもデザインも、どちらか片方を身につけるだけでも結構大変です。

だから両方いっぺんに身につけようとすると、仕事に繋げるまで時間がかかるので挫折率も高まってしまいます。

まずは1つ身につけて、仕事が獲得できるようになってから、次のスキルを身につけるのがおすすめです!

ちこさん

 

デザインってセンスが必要?

でも、デザインって、絵が得意じゃないけどできるようになる?
正直、私自身センス0です。でもWebデザイナーとして、たくさんの依頼して頂けるようになりました!

ちこさん

 

Webデザイナーの仕事はアートじゃない

私自身やってみて『センスがなくても全然デザイナーの依頼がたくさんくるなぁ』って体感しました。

Webデザイナーの仕事はアートじゃないんです。

だからセンスからくる特別な発想というより、ちゃんとターゲットにメッセージを伝えやすく、イメージが湧きやすいデザインにすることが大切です。

私は学生時代美術の成績が2だったのですが、言語化を意識して行ったことで、今では『イメージぴったり!』『売り上げ上がったよー!』って言われるようになり、Webデザインの依頼をたくさん頂けるようになりました。

センスないって不安に思っている人も大丈夫ですよ!

ちこさん

 

Webデザインは数字で捉える

Webデザインって、センスじゃなければどうしたら上達するの?
それは、数字で捉えることだと思います!

ちこさん

例えば、上下の余白。

『賑やかに見せたい場合』と『上品に見せたい場合』で、数字が変わってきます。

上品に見せたい時のWebサイトの上下の余白って、120pxから210pxくらいのことが多いです。

逆に賑やかに見せたい場合は、 上下の余白を70pxから120pxほどにすると賑やかに見えるんです。

上下の余白の違い

上下の余白の違い

こんな感じで、どんなイメージにしたいかによって余白も変わってきます。

上で紹介したようにいろんな規則性があるので、与えたいイメージによって、それを組み合わせるイメージでデザインしています。

こう思うと、なんだかできそうじゃないですか?

だからセンスがないって不安になってる人でも大丈夫ですよ!

ちこさん

 

デザインのおすすめ教材

ちこさんおすすめのデザイン教材を教えて!
分かりました!

ちこさん

 

完全初心者向きの教材・サービスなど

完全初心者の方は、この無料のロードマップを実施することをオススメします!(画像クリックでアクセスします👇)

 

即戦力デザインスキル講座

私が運営している『デザトレを独学で進めることができる』教材を制作しました。

私が運営しているスクールは4ヶ月で、毎週講座がある上に募集も年2から3回しかないので、自分のペースで進めたい方や安く抑えたい方はこの教材がおすすめ!(画像クリックで商品ページに飛びます👇)

実際にデザトレメンバーは、

  • 1日7時間働いて月10万がやっとだった人が月平均50万行けるようになったり
  • 副業で月40万稼ぐ人が出てきたり
  • 元々フリーランスで月10から20万で停滞していたけど、月70万超えるようになったり
  • 専業主婦だった方が毎月50万以上デザインで受注したり
  • デザインだけで月170万受注したり

こんな感じでデザインのクオリティーを上げて、結果を出しています。

それを独学で進められるようにしたものが、この即戦力デザインスキル講座です。

 

海外に住みながらコーディングやデザインの仕事はできる?

ちこさんは海外に住みながらWeb制作してるけど、特に問題なく出来るの?
今はクロアチアに住んでいますが、昔ドイツに住みながらWeb制作してたので、そのときの経験談をお話ししますね!

ちこさん

 

フルリモートワークなので全く問題なし

Web制作をしているこの3年間で、ドイツ、日本、クロアチアと引っ越してきましたが、どの場所にいても仕事の依頼を頂けるし、仕事する上で困ったことはほぼありません。

基本的にはドイツにいてもクロアチアにいてもネットは遅くないので、その点でも支障はなかったですよ。

案件獲得も実務も問題ないんだね!
僕もタイに住んでるけど、停電が多いこと以外は特に問題ないよ。

余談ですが、タイは停電が多いので、iMacのように充電式じゃない場合はUPSが必須です。

僕が持ってるのはタイで買ったUPSだけど、こんなやつだよ👇

 

時差に気を付ける

ドイツは日本と時差が8時間あるので、打ち合わせの時間を間違えないようにかなり気をつけていました。

初回のお客さんは朝5:00 (日本時間の13:00)などに打ち合わせが入ることもあり、たまに早起きしないといけないのがちょっとだけ大変でしたが、月に1〜2回くらいだったので全然苦ではなかったです。

 

VPNは必ず使う

Web制作はカフェなど自宅以外で作業する人も多いと思いますが、フリーWi-Fiはセキュリティリスクが高いので必ずVPNを使っています。

海外でVPNを使わなくてサイトを乗っ取られた人を何人か知ってるよ
僕はVPNを常にパソコンとスマホで使っているよ。

VPNについて知りたい人は以下の記事を参照下さい。

あわせて読みたい
NordVPNの評判・使い方・サービスの特徴などを徹底解説&レビュー
NordVPNの評判・使い方・サービスの特徴などを徹底解説&レビュー

続きを見る

私もNordVPNを使っているよー!

ちこさん

さらに、特にWeb制作でサイトを乗っ取られたら最悪の場合は損害賠償にもなりかねないので、フリーランスが入れる保険に入っておくのをおすすめします。

フリーランスになったらフリーナンスという無料で入れる保険に入るのがおすすめだよ。

フリーナンスについては以下の記事で詳しく解説しています(1,000円貰える招待コードあり)

あわせて読みたい
入って損なし!フリーナンスの即日払いの評判やフリーランスを守る無料の保険を徹底解説!
フリーナンスの評判や無料保険の理由を解説【招待コードあり】

続きを見る

まとめ:デザインとコーディング両方できれば収入が大幅にアップ!

私自身、デザインを求められたことをきっかけに、コーディングに加えデザインも学びはじめました。

両方習得するのは大変さもありますが、コーディングもデザインもできるようになったことで収入が安定するようになったり、コミュニケーションコストが下がってストレスが減ったりと、私にとってかなりいいことばかりでした。

もしコーダーだけど、

  • 人と関わるの苦手で、ディレクションもできる気がしない
  • 稼働時間を増やしたくないけど、収入を増やしたい

という方は、コーディングもデザインも両方やることをぜひ検討してみて下さい!

 

デザトレの紹介

デザトレは、4ヶ月のデザインスクールです。

週1回講座があり、そのほかも週3日ほど添削日があります。

なので、添削が4ヶ月でMAX42回添削が受けられます。

さらに、デザイン周りのマーケティングに関しても力を入れているのがデザトレ。

ここからしか募集をしないので、興味がある方はLINE登録してみてね!

ちこさん

最大42回の添削が受けられる!

デザトレ先行案内LINEこちら!

デザトレの案内が届くのはここだけ!

この記事が役に立ったと思ったら、シェアボタンからX(旧Twitter)などにシェアすると、いいねされてフォロワーが増えたりすることがあるよ!

  • この記事を書いた人

じゅんぺい

37歳からWeb制作とブログ開始。Web制作歴5年目でコーディングとWordPressオリジナルテーマ制作が中心。これまで120件以上を納品。当ブログ月間最高15万PVで、370記事以上はWeb制作の技術記事。コンテンツ販売→累計売上1200万円&1500部超え。X(旧Twitter)フォロワー7200人以上。2024年3月からブログの経験を活かしてライターとしても活動を開始。

-インタビュー, Web制作