大学生のうちにWebデザインを学ぶべき理由|就活にも副業にも強い


この記事のポイント
- ✓大学生がWebデザインを学ぶべき理由を解説
- ✓おすすめの学習ルートを現役大学生ライターがリアルに紹介します
「大学生のうちに何かスキルを身につけたい」
去年の春、友達のユウトにこう相談されました。彼はバイトを3つ掛け持ちしていて、「時間の切り売りをいつまでも続けるのはキツい」と漏らしていた。僕が「Webデザインやってみたら?」と返したのが、そいつのキャリアが変わるきっかけになったので、その話も含めて書きます。
プログラミングほど敷居が高くないし、就活でも副業でも使える。僕の周りでも、Webデザインを学んで在学中に月5〜10万円稼いでいる大学生が何人かいます。
Webデザインが大学生に向いている理由
初期投資がほぼゼロ
プログラミングスクールに30万円払う必要はない。Webデザインの学習に必要なものは、パソコンとインターネットだけ。
デザインツールもFigmaなら無料。Photoshopを使いたい場合もAdobe Creative Cloudの学割なら月額2,178円(税込)。バイト2時間分で1ヶ月使えます。
さっき書いたユウトは、最初Figmaだけで始めて、3ヶ月後にはCanvaのテンプレを超えるクオリティのバナーを作れるようになっていた。初期投資ゼロで。
成果物が「見える」から面白い
プログラミングと違って、Webデザインは成果物が視覚的にわかりやすい。バナーやWebサイトのデザインは、スクショ撮ればそのままポートフォリオになる。
就活の面接でスマホを見せて「これ、僕がデザインしたサイトです」って言えるのは強い。ESの「学生時代に頑張ったこと」のネタとしても具体的で使える。
案件の幅が想像以上に広い
| 案件ジャンル | 単価目安 | 作業時間 |
|---|---|---|
| バナー制作 | 1,000〜5,000円/枚 | 1〜3時間 |
| SNS投稿画像 | 500〜2,000円/枚 | 30分〜1時間 |
| LP(ランディングページ)デザイン | 3〜10万円/1ページ | 10〜30時間 |
| Webサイトデザイン | 5〜30万円 | 20〜60時間 |
| ロゴデザイン | 1〜5万円 | 5〜15時間 |
バナー制作なら授業の空きコマで1枚仕上げられます。「今日は2限がないから、バナー1枚作ろう」みたいな動きができるのは大学生だからこそ。
おすすめの学習ルート
ステップ1:Figmaの基本操作を覚える(1〜2週間)
YouTubeに無料のチュートリアル動画がたくさんある。「Figma 初心者」で検索すれば、2〜3時間の動画で基本操作はマスターできます。
Xでこんなポストを見かけて、なるほどなと思いました。
「表現力を身に着けたいならトレース」。これ、100%同意です。いきなりオリジナル作品を作ろうとしても、引き出しがないと手が止まる。まずは上手い人の真似から入るのが最短ルート。
ステップ2:バナーを模写する(2〜4週間)
既存のバナー広告を見て、同じものをFigmaで再現する練習。模写を10〜20枚やると、レイアウト・配色・フォント選びの感覚が身につく。
Pinterestやバナーまとめサイトで参考デザインを集めて、片っ端から模写していく。地味だけど、これが一番力がつきます。
で、僕の失敗談。模写の段階で「自分流のアレンジ」を入れまくっていた時期がある。色味を変えたり、フォントを差し替えたり。結果、模写15枚やったのに上達した実感がなかった。
先輩のアオイに相談したら「模写は完コピが鉄則。アレンジは次のステップでやれ」とバッサリ。そこから忠実に再現するようにしたら、5枚でレイアウトのコツが掴めました。遠回りした。
ステップ3:オリジナルのバナーを作る(2〜4週間)
模写で基礎力がついたら、架空のカフェ、架空のアパレルブランド、架空のイベント。何でもいいので設定を自分で考えてデザインする。
これがそのままポートフォリオになる。
ステップ4:小さい案件を受注する(1〜2ヶ月目)
ポートフォリオが5〜10点たまったら、クラウドソーシングで案件に応募してみる。最初はバナー制作がおすすめ。1枚1,000〜3,000円くらいの案件なら、初心者でも受注できます。
@SOHOのお仕事ガイドによると、Webデザイナーの業務は「バナー制作」「LP制作」「コーディング」の3つに大別される。未経験者はバナー制作から始めるケースが多く、Figma等のツールを使えば初期投資ゼロでスタートできる。
未経験の大学生でもWebデザイナーになる方法と勉強方法。Webデザインの要素であるデザインの知識、ソフトスキル、コーディングを効率よくプロのレベルに引き上げるにはやはりスクールに通学するのは近道です。 — 出典: 未経験の大学生でもWebデザイナーになる方法と勉強方法(デジタルハリウッド)
スクールも選択肢としてはアリだけど、まず無料教材で1〜2ヶ月試してからでも遅くない。
就活でのアピール方法
Webデザインのスキルは就活でかなり有利に働きます。特にWeb系企業、広告代理店、マーケティング会社を狙うなら。
ポートフォリオサイトを作る。 自分の作品をまとめたWebサイトを作れば、それ自体がスキルの証明になる。@SOHOにはポートフォリオ機能があるので、作品を一覧表示して案件応募時にアピールできる。「大学3年生でここまで作れるのか」と面接官に驚かれたという話を、ゼミの先輩から聞きました。
副業経験をガクチカに使う。 「クラウドソーシングでバナー制作の案件を月10件受注し、クライアントからリピート発注をいただきました」。これは「サークルの副部長をやっていました」よりずっと具体的で、印象に残る。
総合職でも差別化になる。 IT企業じゃなくても、デザインスキルがある人材は重宝されます。社内の資料作成、イベントのチラシ、SNS投稿のデザイン。どんな会社でも「デザインできる人」は求められている。
プログラミングを推す声も多いけど、Webデザインも同じ。「スキルを持っている大学生」は就活市場で圧倒的に有利です。デザインならプログラミングより敷居が低い分、始めやすいと僕は思ってます。
大学生がWebデザインで失敗しないために
有料スクールに急いで申し込まない。 まずは無料教材で1〜2ヶ月試す。向いていないと感じたら他のスキルに切り替えればいい。30万円のスクールに通ったのに「合わなかった」は痛すぎる。
NG例: 「Webデザイン稼げるらしい」とだけ聞いて、いきなり30万円のスクールに申し込む。3ヶ月通ったけどデザインが好きになれず、結局挫折。借金だけ残る。
OK例: Figma(無料)でバナーを10枚模写。「これ楽しいかも」と感じてから、必要であればスクールを検討する。もしくはYouTubeとUdemy(セール時1,500円)で十分深く学べる。
著作権に注意。 素材サイトの画像を無断で商用利用すると著作権侵害になる。必ずフリー素材を使うか、ライセンスを確認。
安すぎる案件は避ける。 「ロゴデザイン500円」みたいな案件は実績作りにもならない。最低でもバナー1枚1,000円以上の案件を狙いましょう。
Webデザイン学習を加速させるツール選びとワークフロー
Webデザインを大学生時代に効率よく習得するには、適切なツール選択と日々のワークフロー設計が極めて重要です。プロが使っているツールを最初から触ることで、就職・副業の両面で即戦力となるスキルを構築できます。
現在のWebデザイン業界で標準的に使われているツールを整理します。
第一は「デザインツール」です。Figmaが業界標準として圧倒的な地位を確立しており、無料プランで個人利用なら十分機能します。Adobe XDからFigmaへの移行が進んでおり、新規学習者はFigmaから入ることが推奨されます。プロトタイピング、コンポーネント管理、チームコラボレーション機能などを基礎レベルで使えるようになることが、最初の3ヶ月の目標です。
第二は「画像編集ツール」です。Photoshopは依然として写真編集・合成・リタッチの分野で標準ツールとして使われています。学割で月額2,178円(税込)で利用可能であり、Figmaと組み合わせて使えるとプロのデザイナーに近づけます。Illustratorも同じく学割で利用可能で、ロゴ・アイコン制作には不可欠です。
第三は「ノーコード制作ツール」です。STUDIO・Webflow・Wixなどのツールを使えば、コーディング知識ゼロでもWebサイトを公開できます。デザイナーが自分でWebサイトを完成まで仕上げられるようになることで、案件の幅が大きく広がります。
第四は「コーディングツール」です。HTML・CSS・JavaScriptの基礎を学ぶことで、デザイナーとしての価値が大きく高まります。VSCodeをエディタとして、ChromeのDevToolsを使ったデバッグまでをワンセットで習得することが推奨されます。
第五は「素材・参考デザイン収集ツール」です。Pinterest、Dribbble、Behance、Awwwards等のプラットフォームで、世界中のデザイントレンドを継続的にキャッチアップする習慣をつけます。
| ツール分類 | 推奨ツール | 学割・無料利用 | 学習優先度 |
|---|---|---|---|
| デザイン | Figma | 無料 | ★★★★★ |
| 画像編集 | Photoshop | 月2,178円(学割) | ★★★★ |
| ベクター | Illustrator | 上記Adobe学割 | ★★★ |
| ノーコード | STUDIO・Webflow | 一部無料 | ★★★ |
| コーディング | VSCode | 無料 | ★★★★ |
| 参考収集 | Pinterest・Dribbble | 無料 | ★★★★★ |
| 動画素材 | Mixkit・Pexels | 無料 | ★★ |
経済産業省の「IT人材白書」でも、デザイン人材の市場価値の高まりが継続的に示されています。
デジタル化が進展する社会において、ユーザー体験(UX)を重視したサービス設計の重要性が高まっており、デザイン人材への需要は業種を問わず拡大している。とりわけWebデザイン・UIデザインの分野では、未経験から数ヶ月のトレーニングで即戦力レベルに到達できる学習機会が整備されており、若年層のキャリア形成手段として有効な選択肢となっている。 出典: meti.go.jp
効果的な日々のワークフローとして、以下のサイクルを推奨します。
朝(15〜30分)は、Pinterestやデザインまとめサイトで「今日の良いデザイン」を3〜5枚保存します。継続することで、自分なりのデザインライブラリが蓄積されていきます。
昼休みや空きコマ(60〜90分)は、模写または小規模な制作物の作業時間に充てます。「1日1バナー」「週1ロゴ」のような定量目標を設定することで、確実にスキルが向上します。
夜(60〜120分)は、新しい技術・ツールの学習時間とします。YouTubeチュートリアル、Udemy講座、デザイン書籍など、インプット中心の学習を行います。
週末(2〜4時間)は、ポートフォリオの整理、案件の応募、クライアントとのコミュニケーションなど、ビジネス面の活動に時間を充てます。
このサイクルを6ヶ月継続できれば、就活・副業の両面で十分な競争力を持つレベルに到達できます。
学生時代に経験しておくべき案件タイプ
学生のうちに経験しておくべき案件タイプを戦略的に選ぶことで、卒業時に即戦力として評価されるポートフォリオを構築できます。各案件タイプの特性を理解し、計画的に経験を積みましょう。
第一の優先タイプは「バナー制作」です。1案件あたり1,000〜5,000円と単価は低いですが、作業時間が短く回転が早いため、初期の実績作りに最適です。3ヶ月で30〜50枚のバナーを制作すれば、配色・レイアウト・タイポグラフィの基礎が体に染み込みます。
第二の優先タイプは「SNS投稿用画像」です。1枚500〜2,000円程度で、テンプレート化しやすく継続案件になりやすい特徴があります。月10〜20枚程度の継続案件を1〜2件確保できれば、月2〜5万円の安定収入が見込めます。
第三の優先タイプは「ロゴデザイン」です。1案件1〜5万円と単価が比較的高く、ヒアリング力・提案力・修正対応力など、デザイン以外のビジネススキルも磨ける案件です。クライアントとの濃密なやり取りが発生するため、コミュニケーション能力の向上にも直結します。
第四の優先タイプは「LP(ランディングページ)デザイン」です。1案件3〜10万円の高単価案件で、就活時のポートフォリオとしても極めてインパクトが大きい仕事です。コピーライティング・マーケティング理論・ユーザー心理など、幅広い知識を統合的に活用する必要があります。
第五の優先タイプは「Webサイト全体のデザイン」です。1案件5〜30万円規模の大型案件で、複数ページの一貫性・サイト構造設計・ユーザー導線設計など、Webデザイナーとしての総合力が問われます。
| 案件タイプ | 単価レンジ | 必要時間 | 学べるスキル |
|---|---|---|---|
| バナー制作 | 1,000〜5,000円 | 1〜3時間 | 基礎・スピード |
| SNS画像 | 500〜2,000円 | 30分〜1時間 | テンプレ運用・継続性 |
| ロゴデザイン | 1〜5万円 | 5〜15時間 | 提案力・修正対応 |
| LPデザイン | 3〜10万円 | 10〜30時間 | コピー連携・マーケ |
| Webサイト | 5〜30万円 | 20〜60時間 | 構造設計・統合力 |
| 名刺・チラシ | 5,000〜2万円 | 2〜5時間 | DTPスキル |
| アプリUI | 5〜30万円 | 20〜80時間 | UX・プロトタイピング |
案件選定の戦略として、以下の3点を意識することが重要です。
第一は「段階的な難易度上昇」です。最初の3ヶ月はバナー・SNS画像で実績を積み、その後ロゴ・LPへとステップアップしていく順序が確実です。いきなり大型案件に手を出すと、品質トラブルやスケジュール遅延でクライアントとの信頼を失うリスクがあります。
第二は「ジャンルの分散」です。同じジャンル(例:飲食店向けバナー)ばかりでなく、複数業界・複数用途の案件をバランスよく経験することで、応用力が身につきます。
第三は「リピート獲得への投資」です。1件目の案件で次回発注の話が出るような関係構築を意識します。納品時に「次回はこんな提案ができます」と先回りした提案をすることで、リピート率を大幅に高められます。
中小企業庁の調査でも、フリーランスの安定経営のためには「リピート率と紹介率の向上」が極めて重要な要素として指摘されています。
フリーランス・小規模事業者の事業継続性を高めるためには、新規顧客獲得だけでなく、既存顧客との長期的な関係構築・紹介ネットワークの拡大が不可欠である。質の高い納品とコミュニケーションを通じて、信頼関係に基づくビジネスモデルを構築することが、安定した事業運営の基盤となる。 出典: chusho.meti.go.jp
学生時代に多様な案件を経験することは、就職活動でも大きな強みとなります。「学生時代に副業でWebデザインの案件を50件以上受注し、リピート率70%を達成しました」といった具体的な実績は、面接での説得力が圧倒的に高くなります。
学生フリーランスの確定申告と税務知識
Webデザインの副業で月5万円以上の収入を得るようになると、避けて通れないのが税務処理です。学生だからといって税法上の特別扱いはなく、正しい知識を持って対応することが、将来のキャリア形成においても重要な基礎となります。
学生フリーランスが知っておくべき税務の基本ポイントを整理します。
第一は「確定申告の必要性」です。給与所得がある場合(アルバイト等)、給与以外の所得が20万円を超えれば確定申告が必要です。給与所得がない場合は、所得(収入から経費を引いた額)が48万円(基礎控除額)を超えると確定申告が必要となります。
第二は「学生バイト+副業の関係」です。アルバイトの給与所得とWebデザイン副業の所得は別々に管理する必要があります。アルバイト先での年末調整は給与所得分のみ対応されるため、副業所得については自分で確定申告を行います。
第三は「親の扶養との関係」です。学生は通常、親の扶養家族として税制上の優遇を受けています。年間所得が48万円(給与収入なら103万円)を超えると親の扶養から外れ、親の所得税・住民税が増加することになります。「親の扶養を維持したい」場合は、年収管理に注意が必要です。
第四は「社会保険の扶養との関係」です。健康保険の扶養の判定は、年収130万円が基準です。これを超えると親の社会保険の扶養から外れ、自分で国民健康保険に加入する必要が生じます。年間収入の予測を立てて、扶養範囲内に収めるか・外れるかの戦略を意思決定する必要があります。
| 年収帯 | 税務影響 | 社会保険影響 | 対応 |
|---|---|---|---|
| 〜48万円 | 申告不要・扶養維持 | 扶養維持 | 通常通り |
| 48〜103万円 | 申告必要・扶養維持(給与含む場合) | 扶養維持 | 確定申告 |
| 103〜130万円 | 親の扶養控除減額 | 扶養維持 | 親と要相談 |
| 130万円超 | 扶養控除なし | 扶養から外れる | 国保加入必要 |
| 200万円超 | 青色申告検討 | 同上 | 開業届検討 |
国税庁では、学生・若年層を含む全納税者向けに、確定申告の基礎知識を継続的に発信しています。
給与所得者で給与の収入金額が2,000万円以下の方であっても、給与所得及び退職所得以外の所得金額の合計額が20万円を超える場合には、所得税の確定申告書を提出しなければなりません。雑所得・事業所得については、必要経費を差し引いた金額が所得となり、所得控除を適用した上で課税所得が計算されます。 出典: nta.go.jp
学生フリーランスが計上できる主な経費を整理します。
第一は「機材費」です。デザイン用PC、外付けモニター、ペンタブレット、ヘッドフォンなど。10万円超の機材は減価償却の対象となります。 第二は「ソフトウェア・サブスクリプション」です。Adobe Creative Cloud(学割版)、Figma有料プラン、デザイン素材サイトの月額利用料など。 第三は「学習費」です。デザイン関連書籍、Udemy等のオンライン講座、デザインスクール費用、デザインカンファレンス参加費など。 第四は「通信費」です。インターネット料金・スマホ料金の業務利用分(自宅作業時間で按分)。 第五は「事務用品」です。プリンター用紙、文房具、業務用ノート、ストレージなど。
これらを月3〜5万円程度経費化することで、年間36〜60万円の所得圧縮効果が得られ、結果的に手取りを増やすことができます。
副業所得が安定的に月10万円を超え、本格的に事業として継続する見込みが立った段階で、開業届と青色申告承認申請書の提出を検討します。65万円の青色申告特別控除を活用すれば、さらに大きな節税効果を得られます。
学生時代に税務知識を身につけることは、卒業後にフリーランスを継続する場合にも会社員になる場合にも、極めて有用なライフスキルとなります。早い段階から「収入を得たら税金が発生する」という意識を持ち、適切な記帳と申告の習慣を作ることが、将来の経済的安定の基礎となります。
よくある質問
Q. Webデザイン初心者ですが、最初に学ぶべきはIllustratorですか?
Webデザインに特化したいのであれば、まずはFigmaから学習することをお勧めします。操作が直感的で、無料ですぐに始められるためです。ロゴ作成や本格的なグラフィックに興味が出てきた段階でIllustratorを学ぶのが、挫折しにくいステップです。昔の教本には「まずIllustratorとPhotoshop」と書かれていることが多いですが、現代のWebデザインにおいては必ずしもそれが正解ではありません。
Q. 未経験からでもバナーデザイン副業はできますか?
できます!でも、いきなり「仕事」として受けるのはハードルが高いので、まずはクラウドソーシングのコンペに応募しまくって、10枚くらい採用レベルの作品を作りましょう。それがそのまま最強の営業ツールになります。
Q. どのようなPCスペックが必要ですか?
Figmaやv0はクラウドベースのツールであるため、極端に高いスペックは必要ありません。メモリ16GB以上のMacBook Airや同等のWindows PCがあれば、十分に実務をこなすことが可能です。
Q. 案件獲得のために準備すべきポートフォリオは?
Iを活用して制作したことを明記した上で、制作プロセスの解説を含めるのが効果的です。「AIで何を効率化し、自分の手でどこに価値を付け加えたか」を論理的に説明できるポートフォリオは、クライアントからの信頼を得やすいです。
Q. 副業で月10万円稼ぐにはどれくらいの時間がかかりますか?
スキルレベルによりますが、AIツールを使いこなせば、週10〜15時間程度の稼働で月10万円を目指すことが可能です。@SOHOのような手数料0%のサイトを活用することで、効率的に手取り額を増やすことができます。
@SOHOでスキルアップと案件獲得を両立する
学んだスキルを実案件で試すことで、市場価値はさらに高まります。@SOHOなら対象講座の検索から案件獲得まで一気通貫で支援します。
@SOHOで関連情報をチェック
お仕事ガイド
年収データベース
資格ガイド

この記事を書いた人
宮田 陸
現役大学生フリーランサー
法政大学3年生。高校時代にYouTube切り抜き動画でクラウドソーシングを始め、大学2年でバイトを完全にやめる。月収15万円を達成し、大学生×フリーランスのリアルを発信中。
関連記事

旅行業務取扱管理者 在宅 副業 2026|旅行手配の知識を活かす始め方と単価

簿記論 税理士科目 活かす 副業 2026|会計の専門知識を在宅で活かす始め方と単価

簿記2級 在宅 仕事 2026|取得後にできる経理代行の仕事と単価

MOS 資格 在宅 副業 2026|事務系の在宅ワークでどこまで役立つかを検証

在宅 副業 テストライティング 通過 コツ 2026|採用される提出物の整え方

Canva 代替 無料ツール 2026|デザイン在宅ワークで使える比較

在宅ワーク ポートフォリオ 作成 ツール|実績を見せて受注を増やす

衛生管理者 資格 活かす 副業 2026|労働衛生の知識を在宅で活かす始め方と単価
カテゴリから探す

クラウドソーシング入門
クラウドソーシングの基礎知識・始め方・サイト比較

職種別ガイド
職種・スキル別の案件獲得方法と単価相場

副業・在宅ワーク
副業・在宅ワークの始め方と対象者別ガイド

フリーランス
フリーランスの独立・営業・実務ノウハウ

お金・税金
確定申告・節税・経費・ローンなどお金の知識

比較・ランキング
サービス比較・おすすめランキング

最新トレンド
市場動向・法改正・AIなど最新情報

発注者向けガイド
クラウドソーシングで外注・人材探しをする企業・個人向け

転職・キャリア
転職エージェント・転職サイト比較・キャリアチェンジ

看護師
看護師の転職・副業・フリーランス・キャリアガイド

薬剤師
薬剤師の転職・副業・キャリアパスガイド

保険
生命保険・医療保険・フリーランスの保険設計

採用・求人
無料求人掲載・採用コスト削減・人材募集の方法

オフィス・ワークスペース
バーチャルオフィス・コワーキング・レンタルオフィス

法律・士業
契約トラブル・士業独立開業・フリーランス新法

シニア・50代
シニア世代のキャリアチェンジ・副業・年金

セキュリティ
サイバーセキュリティ・脆弱性対策・情報保護

金融・フィンテック
暗号資産・決済・ブロックチェーン・金融テクノロジー

経営・ビジネス
経営戦略・ガバナンス・事業承継・知財

ガジェット・機材
フリーランスに役立つPC・デバイス・周辺機器

子育て×働き方
子育てと在宅ワークの両立・保育園・時間管理

補助金・助成金
個人事業主・フリーランスが使える公的補助金・助成金・給付金の申請ガイド