Webデザイナー他、Web系職種の転職に必要なスキルまとめ

スポンサーリンク
この記事は約6分で読めます。

Webデザイナー、フロントエンドエンジニア、Webディレクター、Webマーケターの転職に必要なスキルをまとめました。

僕は未経験からWeb業界に転職し、Webディレクター → Webディレクター(兼Web制作) → Webマーケター(兼Webディレクター・Web制作)みたいなキャリアを積んできました。

今回はそんな僕の経験から現場レベルで必要なスキルを紹介します。

職務経歴書のスキル欄など、ぜひ参考にしてください。

Webデザイナー他、Web系職種の転職に必要なスキルまとめ

スポンサーリンク

Webデザイナー

必須

【ソフト・ツール】
Photoshop
Illustrator
※バージョンも書くと良い

【スキル補足】
PC、SPレスポンシブ対応

推奨

【ソフト・ツール】
Adobe XD
WinMergeなどのDiffソフト
FilezillaなどのFTPソフト
※バージョンも書くと良い

【言語】
HTML5
CSS3
※バージョンも書くと良い

【スキル補足】
UI/UXを意識したデザイン
CVを意識した導線設計/LP設計

あるとアピール度が高い

【ソフト・ツール】
キーワードプランナー
Google 広告(Google AdWords)
Googleアナリティクス
Search Console
WordPress、Movable TypeなどのCMS
Git
※バージョンも書くと良い

【言語】
JavaScript
jQuery
Bootstrap
PHP
Sass
※バージョンも書くと良い

共通

【OS】
Windows、Macなど

【ドキュメント作成】
PowerPoint, Excel, Word, グーグルスライド, グーグルスプレッドシート, グーグルドキュメント など

【案件管理・チャットツール】
Slack, Microsoft Teams, Backlogなどのツール

【使用エディタ】
VSCodeなどのエディタ

特に影響がない

※各種の資格
※資格よりもスキル・実績が大事

スポンサーリンク

フロントエンドエンジニア(コーダー・マークアップエンジニア)

必須

【言語】
HTML5
CSS3
JavaScript
jQuery
Bootstrap
※バージョンも書くと良い

【ソフト・ツール】
WinMergeなどのDiffソフト
FilezillaなどのFTPソフト
WordPress、Movable TypeなどのCMS
※バージョンも書くと良い

推奨

【言語】
Vue.js
React.js
Node.js
AngularJS
Sass
PHP
Ruby
Ruby on Rails
など
※バージョンも書くと良い

【ソフト・ツール】
Git
Photoshop
Illustrator
※バージョンも書くと良い

【スキル補足】
SEOを意識したコーディング
ページスピードを意識したコーディング
UI/UXを意識したコーディング

あるとアピール度が高い

【ソフト・ツール】
キーワードプランナー
Google 広告(Google AdWords)
Googleアナリティクス
Search Console

共通

【OS】
Windows、Macなど

【ドキュメント作成】
PowerPoint, Excel, Word, グーグルスライド, グーグルスプレッドシート, グーグルドキュメント など

【案件管理・チャットツール】
Slack, Microsoft Teams, Backlogなどのツール

【使用エディタ】
VSCodeなどのエディタ

特に影響がない

※各種の資格
※資格よりもスキル・実績が大事

スポンサーリンク

Webディレクター

必須

【ソフト・ツール】
キーワードプランナー
Google 広告(Google AdWords)
Googleアナリティクス
Search Console

推奨

【ソフト・ツール】
Adobe XD
WordPress、Movable TypeなどのCMS
はてなブログなどのブログ
Twitter, Facebook, Instagram, YouTubeなど
※バージョンも書くと良い

【スキル補足】
UI/UXを考慮したサイト設計
SEOを意識したコンテンツ作りができる
キーワードや競合調査などのニーズ調査
Webライティングができる

あるとアピール度が高い

【言語】
HTML5
CSS3
JavaScript
jQuery
Bootstrap
※バージョンも書くと良い

【ソフト・ツール】
WinMergeなどのDiffソフト
FilezillaなどのFTPソフト
Photoshop
Illustrator
※バージョンも書くと良い

共通

【OS】
Windows、Macなど

【ドキュメント作成】
PowerPoint, Excel, Word, グーグルスライド, グーグルスプレッドシート, グーグルドキュメント など

【案件管理・チャットツール】
Slack, Microsoft Teams, Backlogなどのツール

【使用エディタ】
VSCodeなどのエディタ

特に影響がない

【資格】
ウェブ解析士
Googleアナリティクス個人認定資格(GAIQ)
Google広告認定資格 など

※資格よりもスキル・実績が大事なのは変わりませんが、スキル・実績の証明が難しい場合は資格も補足するといいです。

スポンサーリンク

Webマーケター

必須

【ソフト・ツール】 
Google Analytics
Search Console
Google 広告(Google AdWords)
キーワードプランナー

推奨

【ソフト・ツール】
WordPressなどのブログ
Twitter, Facebook, Instagram, YouTubeなど
Google Adwords出稿経験
Twitter広告、Facebook広告、YouTube広告などの出稿経験
Xmindなどのマインドマップツール
SimilarWebなどの競合調査ツール
Ptengineなどのヒートマップツール
SATORIなどのMAツール

【スキル補足】
市場調査
競合調査
Web制作の全体像の理解
コンテンツマーケティングのノウハウ
Webライティングのノウハウ

あるとアピール度が高い

【言語】
HTML5
CSS3
JavaScript
jQuery
Bootstrap
WordPress、Movable TypeなどのCMS
※バージョンも書くと良い

【ソフト・ツール】
WinMergeなどのDiffソフト
FilezillaなどのFTPソフト
Photoshop
Illustrator
※バージョンも書くと良い

共通

【OS】
Windows、Macなど

【ドキュメント作成】
PowerPoint, Excel, Word, グーグルスライド, グーグルスプレッドシート, グーグルドキュメント など

【案件管理・チャットツール】
Slack, Microsoft Teams, Backlogなどのツール

【使用エディタ】
VSCodeなどのエディタ

特に影響がない

【資格】
ウェブ解析士
Googleアナリティクス個人認定資格(GAIQ)
Google広告認定資格 など

※資格よりもスキル・実績が大事なのは変わりませんが、スキル・実績の証明が難しい場合は資格も補足してアピールするといいです。

スポンサーリンク

さいごに

現場で必要なスキルレベルから紹介しましたがいかがでしたか?

全体的に言えることは、資格・知識よりもスキル・実績のほうが重要ということです。

まずは必須スキルの習得を目標に、推奨スキルまでの習得を目標にしていただくと良いと思います。

未経験からWeb業界へ転職したい人はこちらの記事をぜひご覧ください。

未経験からWeb業界への転職を目指しているあなたに伝えたいこと