Webデザイナー・HTMLコーダー・フロントエンドの仕事内容とは。働き方から平均年収、未経験からの就職のコツまで解説!

このエントリーをはてなブックマークに追加mixiチェック
Webデザイナー・HTMLコーダー・フロントエンドの仕事内容とは。働き方から平均年収、未経験からの就職のコツまで解説!

Webデザイナー・HTMLコーダー・フロントエンドとは?Webデザイナー・HTMLコーダー・フロントエンドの仕事内容

企業HPやキャンペーンサイト、一般ユーザー向けのWebサイトのデザインを担当します。WEBディレクターが企画したサイト設計書に基づいて、レイアウトの設計とビジュアルの設計を行います。具体的にはHTML(マークアップ言語)、CSS(スタイルシート)を用いてレイアウトの設計を行い、Photoshop、Illustratorなどの画像編集ソフトを使ってビジュアルの設計を行います。加えてSEOの実装やFlashの作成なども行うことが多くなってきています。また大きなサイトほど協業する人間も多くなり、コミュニケーション力が必要になってきます。


Webデザイナー・HTMLコーダー・フロントエンドに求められるスキル

Adobe系ツールとHTML、CSSは最低限必要とされているレベル。あとは上記の守備範囲が広いほど、評価が高くなります。年齢や役割によりますが、ページ要件をCLヒアリングを基に構成したり、SEOの実装、または実装提案、問題提起、グランドデザイン・デザインルールの構築などのスキルが求められます。さらに各種プログラムをページに実装までできれば、WEBデザイナーとしては十分実力があると考えられます。


Webデザイナー・HTMLコーダー・フロントエンドの労働環境

案件の納期が近づくと、忙しくなる傾向があります。また更新するまでに修正、手直しも頻繁にあります。


Webデザイナー・HTMLコーダー・フロントエンドの年齢別平均年収(@type調べ)

【20代】270?320万円、【30代】390?440万円、【40代】500?550万円


Webデザイナー・HTMLコーダー・フロントエンドの転職難易度

大小さまざまな案件が存在し、インターネットメディアの広がりと共に常に案件は増加傾向にありましたが、景況の影響下で案件は減少。WEB制作会社の新規案件は大幅に減少していますが、中小規模の案件やWEB、モバイル分野の自社サービスが好調な企業では案件があり、他業界に比べて求人は多いと言えます。しかし、求めるスキルレベルは上昇しているのが現状です。


Webデザイナー・HTMLコーダー・フロントエンドの履歴書・職務経歴書作成のポイント

●縦の守備範囲と横の守備範囲を明記しましょう。縦はデザイン?ディレクション、企画、顧客折衝まで行っているか。横はデザインだけでなく、SEO、Flash、プログラムまでリーチできているかがポイントとなります。
●言語、ツールは習熟度に応じて全て記載しましょう。HTML,XHTML,JavaScript,ActionScript2.0/3.0(マークアップ言語)、Adobe Photoshop、Illustrator、CSS、Dreamweaver、Fireworks など


Webデザイナー・HTMLコーダー・フロントエンドの代表的なキャリアパス・キャリアプラン

●Web系初級人材(コーダー、デザイナー)
⇒Web系中級人材(チーフデザイナー、ディレクター)
⇒Web系上級人材(Webマスター、Webプロデューサー) (別途専門職としてFlasherや、WEBプログラマーなどがあります)


転職ならtype | タイプな仕事きっと見つかる
エンジニア転職フェア開催 IT&モノづくりエンジニアを求める優良企業が大集結!

typeに掲載中の大手・人気企業の求人

type編集部が集めた人気注目企業の求人をご紹介します。

企業名・職種名給与勤務地
■想定年収:450万~800万円(基本給12ヶ月分+賞与2ヶ月分)日本国内を前提に、全国の各オフィスや在宅など、働く場所をご選択いただけます。

亀田製菓株式会社

オープンポジション

配属組織や担当プロジェクトにより異なります。
想定年収:400万円~1000万円
配属組織や担当プロジェクトにより異なります。

日本マイクロソフト株式会社

オープンポジション

配属組織や担当プロジェクトにより異なります。
▼参考 年俸650万〜(1/12を月々支給)
品川本社
(東京都港区港南2-16-3 品川グランドセントラルタワー)
年俸制(経験、能力等を考慮のうえ当社規定により決定)東京都(新宿区)、大阪府(大阪市中央区)

コクヨ株式会社

オープンポジション

前職のご経験・スキル等を考慮して決定します。東京都、大阪府

株式会社オーディオテクニカ

オープンポジション

想定年収:経験・スキルを考慮の上、決定します。東京都 (文京区、町田市)

その他の条件で探す

@typeでは職種や勤務地、仕事探しで譲れないこだわりの条件など、様々な切り口から自分の働き方に合った求人を探すことができます。気になるキーワードやテーマから転職・求人情報をチェックしてください。

転職活動を進める

あなたの転職活動をサポートする、@typeの各種サービスをご案内します。

  • スカウト

    スカウト

    匿名だから安心!あなたに興味を持った企業の採用担当から直接メールが届くサービスです。

  • オファーDM

    オファーDM

    あなたが登録した情報と近い内容の募集条件の企業から、メールが届くサービスです。

  • 検討中リスト

    検討中リスト

    興味を持った求人を保存しておくことができ、気になる求人を一覧にて比較検討できます。