その他

女性Webデザイナーの1日の仕事の流れ|受託開発での仕事内容と働き方、生活スタイルとは?

更新日: 投稿日:2019年12月30日

htmlとcssのイメージ

リノさん(仮名) のプロフィール

  • 年齢 20代
  • 性別 女性
  • 会社の業種 Web制作会社
  • 担当の職種 Webデザイナー
  • お住いは? 福岡県
未経験からWebデザインのスキルを習得できるスクールや、未経験から転職できるWebデザイナー職に強い転職エージェントを知りたい方は、下記より本文を読み飛ばして記事の後半にお進みください!

→ 今すぐ人気Webデザインスクールを見る
→ 今すぐWebデザイナー職に強い転職エージェントを見る

どんな仕事をしているの?

大手・有名企業のWebサイトの構築

メインとなる業務は、直取引や広告代理店経由で受注した大手・有名企業のWebサイト構築・運用となります。Webディレクターの指示のもとWebサイトのデザインやコーディングを行います。その他、ランディングページやバナー、アイコンなどのデザインも行います。

プレゼン資料の作成

クライアントへのプレゼンで使用する資料(主にPowerPointで作成)のサポートを行います。具体的には資料内で必要なグラフィックやイラスト、場合によってはデータ収集などの補佐も行います。また、プレゼンや打ち合わせにも同行して、デザイナーの立場から提案することもあります。

社内のデザインワーク

自社のWebサイトの更新やリニューアル、名刺や封筒、ロゴなどのあらゆるデザインワークを担当します。また、自社で運営するブログの更新・管理(WordPress)なども交代で担当します。

1日のスケジュール

10:00[出社〜メールのチェック]

朝は10時出社ですが、必ず10分前には自分の席に着くようにしています。私の会社では特に朝礼などはないので、直ぐにPCを起ち上げ、まずはメールをチェックして、必要に応じてクライアントへの返信や直接電話をします。

その後毎日見ているWeb関連のサイトやニュースサイトなどを一通りチェックします。

私が良くチェックする技術系サイトは、

などです。

【2022年】フロントエンドの皆さん!あなたが《日々チェックするサイト》を教えてください

10:15[その日の進捗状況の共有]

この日の仕事の流れを把握する

継続して制作中の案件がある場合は、作業に入る前にチームメンバーとの進捗状況の確認をしながら、他のスタッフの仕事の流れを把握します。

今回私の担当は主にコーディングなので、作業の優先順位などを考えながら、コーディングに必要なグラフィックパーツなどを予めデザイン担当者に依頼しておきます。

10:30[コーディング開始]

コーディング作業に入ります。

ここからはあらかじめ支給されていたデザインのラフを見ながら、ひたすら集中してHTML/CSSでマークアップをおこないます。デザインカンプのデータはデザイナーさんによりけりで、私の会社ではPhotoShopが多いです。私がデザインとコーディングを両方担当する場合は、ディレクターさんとXDでワイヤーを作ってから、細かいデザインはコーディングしながらフォトショで作り込むやり方で進めています。

この作業の間も過去に担当したクライントから電話やメールが入れば対応します。緊急でバナーのデザイン修正をおこなったり、公開済みのサイトの文言や写真の差し替えなど様々な依頼が入ってきます。

私の会社は受託開発の制作会社ですので、新規でのサイト制作がメインではありますが、これまでに受注したクライアントの運用・保守などの業務などもあります。

自社開発と受託開発の働き方の違いとは?メリット・デメリットなど現役エンジニアが徹底開発!

12:00[打ち合わせの準備]

インターネットで情報収集をするイメージ

ディレクターより新規サイト制作案件に関する打ち合わせの指示が入ったので、一旦コーディング作業の手は止め、午後からの打ち合わせに必要な準備をします。

必要な準備とは、

  • 競合サイトの洗い出し
  • 担当する作業の工数の洗い出し(今回はデザイン、コーディングの両方を担当)
  • デザインのアイディア出し(参考サイトをピックアップするなど)

などです。

13:00[昼食]

昼食の時間ですが、午後一で新規サイト制作案件の打ち合わせがあるため、コンビニでおにぎりなどを買ってきて簡単に済ませ、先程の必要な準備を更に進めます。

14:00[打ち合わせ]

ミーティングのイメージ

新規サイト制作案件」に関する打ち合わせが始まります。

内容としては、

  • プロジェクト参加メンバーの役割の確認
  • クライアントへの提案内容
  • 見積もり
  • スケジュール

について、参加メンバーが各自準備した情報や資料を交えながら話し合いました。

私は次回の打ち合わせまでに、クラインアントに提案するデザイン案を用意する事になりました。

ちなみに今回のプロジェクト参加メンバーは、

  • 営業:1名
  • ディレクター:1名
  • デザイナー:1名 ← 私です
  • エンジニア:1名

に決まりました。

15:30[コーディング再開]

打ち合わせ後はマークアップを再開します。

サイトの仕様上どうしてもJavaScriptのカスタマイズが必要な箇所があるので、そこは同じ部署のフロントエンドエンジニアの方に対応してもらいます、その間私は他の箇所のコーディングを進めます。

その後フロントエンドの方にお願いしていたJavaScriptのカスタマイズが戻ってきたので、そちらをコーディング中のページに組み込みます。この日は2ページ分のコーディング作業を完了させる目標なので、更に集中して作業を進めます。

18:00[コーディング完了〜チェック依頼]

無事完成した2ページをデザイナーと上司であるディレクターにチェックしてもらいます。修正点があればなるべくその日のうちに対応します。

19:00[終業前にメールチェック]

帰宅前にも必ずメールのチェックをします。

19:15[退社]

勤務時間にはバラつきがあります

退社する時間については、残業がなければ定時の19時に帰る事ができますが、納期が近づくと残業も増えてきます。

20:00[帰宅〜就寝]

パソコンと本で勉強するイメージ

帰宅後は食事や洗濯など身の回りの事をします。

就寝前の1時間くらいはインターネットで調べ物をしたり、買っておいた技術本を読んだりします。

私はまだまだ勉強することが多い為、平日は帰宅後も仕事に関係のある事が中心になってしまいます。また個人的なポートフォリオのサイトも持っているので、余裕があるときにはこちらに制作したデザインを公開したりしています。

就寝はだいたい深夜12時くらいです。明日に備えて早めに寝ます。

私の1日は以上となります。

その他よくある質問

ミーティングの頻度はどのくらい?

複数の案件を同時進行で担当することもあるため、ほぼ毎日何かしらのミーティングに参加しています。会社の方針で「無駄に長い会議はNG」となっているので、参加者は積極的に議論する風潮があります。

他部署や外部パートナーとの連携は?

プロジェクトの規模や内容によって、エンジニアやライター、イラストレーターなどと連携します。やり取りはチャットやメール、電話などで行います。進捗管理などはディレクターが行いますが、開発中の修正などの以来は担当デザイナーから直接依頼します。

リモート、テレワークはできるのか?

作業自体は自宅で行っていますが、プレゼンや営業同行など状況に応じて外出することがあります。基本的にはslackやBacklog(バックログ)を使ってプロジェクトを進めています。

まとめ|Webデザイナーの1日の流れ

以上、受託開発会社で働くWebデザイナーの働き方と仕事内容をご紹介しました。

基本的にはパソコンに向かってのデザイン・コーディング作業がメインとなりますが、クライアント対応やチームメンバーとの連携などコミュニケーション能力も重要なスキルとなります。また、Webサイトの構築だけではなく印刷物や資料作り、営業同行など携わる業務は幅広いです。

納期が近づけば残業が続くこともあり体力的にもハードな部分もありますが、その分スキルもレベルアップするのでやりがいを持って仕事に向き合えています。

つたない文章にお付き合い頂きありがとうございました、これからWebデザイナーを目指す方にとって参考になれば幸いです。

もう一度「女性Webデザイナーの1日の仕事の流れ|受託開発での仕事内容と働き方、生活スタイルとは?」を読む ↑

未経験からWebデザイナー必須のスキルを学べるスクール

社会人・学生でも無理なく確実にスキルを習得できるWebデザイナー向けスクールをご紹介します。費用や学習内容、就職・転職支援など、まずは無料体験や説明会に参加して色々と聞いてみることをおすすめします。

Web制作会社LIGが運営するWebデザインスクール!

デジタルハリウッド STUDIO by LIG

デジタルハリウッド STUDIO by LIG
Web制作会社としても有名な『LIG』が運営する人気スクール。就職サポートや案件紹介制度あり!

デジタルハリウッド STUDIO by LIGの[公式サイトへ]


未経験から【最短1ヶ月】でプログラミングスキルを身につける

DMM WEBCAMP 学習コース(旧:SKILLS)

DMM WEBCAMP 学習コース|Webデザインコース
未経験でも高い継続率を誇るカリキュラムで挫折せずに学習できます。全額返金の補償制度あり

DMM WEBCAMP 学習コースの[公式サイトへ]


最短4週間!未経験からプロを目指せる【オンライン完結】のスクール!

TechAcademy(テックアカデミー)の公式サイト

TechAcademy(テックアカデミー)|Webデザインコース
業界最大手!現役エンジニアの徹底指導でスキル習得を確実に。コスパ良いです

TechAcademy(テックアカデミー)の[公式サイトへ]


業界最安級!実践的カリキュラムでプロデザイナーを目指す!

デザナル
【初期費用なし】業界最安級(月額9,800円・税込)の高コスパ!現役デザイナーの徹底指導でプロのデザイナーを目指せます

デザナルの[公式サイトへ]


現役デザイナーによるオンライン&マンツーマンで効率よく学習!

CodeCamp(コードキャンプ)の公式サイトへ

CodeCamp(コードキャンプ)|Webデザイン副業コース
完全オンラインだから全国どこからでも受講可能。朝7時〜夜23時まで現役デザイナーの講師に質問し放題!

CodeCamp(コードキャンプ)の[公式サイトへ]

未経験からのWebデザイナー転職

Webデザイナー(未経験OKあり)への転職に強い転職サイト、転職エージェントをご紹介します。最短で理想の職場を見つけるためにも、気になるサービスがあれば無料カウンセリングで気軽に相談してみると良いですよ!

Web職・ゲーム業界に特化した転職エージェント。20代・30代の転職で迷ったらまずここ!

マイナビクリエイターの公式サイト

マイナビクリエイター
業界出身のキャリアアドバイザーによるサポートに定評あり。無料のポートフォリオ作成ツールが利用できます。

マイナビクリエイターの[公式サイトへ]


専門用語が通じるIT/Web系に強いエージェント。徹底した企業研究で面接通過率が高い!

レバテックキャリアの公式サイト

レバテックキャリア
面接対策やポートフォリオへの技術的なアドバイスもあり。専門的な知識が深いからマッチング率が高い!

レバテックキャリアの[公式サイトへ]


マーケティング・クリエイティブ系に特化!転職支援実績は6万人超!

マスメディアン

マスメディアン
広告・マスコミ業界の求人に圧倒的な強さを持つエージェント。運営元はあの「宣伝会議」。

マスメディアンの[公式サイトへ]


IT・Web・ゲーム専門。専門用語が通じるカウンセラーが徹底サポート!

ギークリー 公式サイト

ギークリー(Geekly)
高年収・高待遇の求人を多く保有しているので、キャリア志向にある方や管理職の方には特におすすめです。

ギークリー(Geekly)の[公式サイトへ]


IT・Web・ゲーム系に特化した転職エージェント!

TechStars Agent(テックスターズエージェント)の公式サイト

TechStars Agent(テックスターズエージェント)
キャリア志向がある方でIT・Web・ゲーム業界に転職する方におすすめ。フリーランス転向の相談もできます。

TechStars Agent(テックスターズエージェント)の[公式サイトへ]

もっと多くの転職サイト・転職エージェントの中から比較したい方は「Webデザイナー向け!おすすめ転職エージェント【11選】未経験OKの求人サイトも」を参考にしてください。経験者・未経験・女性それぞれに向けたサービスをご紹介しているので、ぜひじっくり比べて自分”ぴったり”の求人を見つけてくださいね!

Webデザイナー向け!おすすめ転職エージェント【11選】未経験OKの求人サイトも

エンジニアスクールでプログラミングスキルを習得したいかたへ!

「Webデザイナーのスキルの幅を広げたい」
「プログラミングの学習をしてみたい」
「エンジニアの仕事に興味がある」

そう考える方には、プログラミングスクールの受講をおすすめします。

未経験・社会人でも安心して学習できるスクール、そして転職付き(転職保証型)のスクールなど、条件や目的によって選ぶ基準も様々だと思います。まずはじっくりと比較して、少しでも気になる教室があれば無料相談・体験会に申し込んでみると良いでしょう。

未経験・社会人、学生におすすめなプログラミングスクールを比較するなら、「おすすめプログラミングスクール比較11選!社会人・未経験の転職・就職にも有利!」という記事を参考にしてください。

おすすめプログラミングスクール比較11選!社会人・未経験の転職・就職にも有利!

転職付き(転職保証型)のプログラミングスクールの詳細を知りたいかたは、「【無料あり】転職支援・保証型プログラミングスクール比較11選!社会人・学生さんの就職に強い!」をご覧いただき、自分の目標や目的にぴったりのスクールを見つけてくださいね。

【無料あり】転職支援・保証型プログラミングスクール比較11選!社会人・学生さんの就職に強い!

[PR]:Webデザイナーの転職ならまずはここ【完全無料】
マイナビクリエイター

-その他
-, , , , ,

関連記事

子どもとプログラミング教育の必要性とは?体験を交えつつ現役エンジニアが解説!

子どもとプログラミング教育の必要性とは?体験を交えつつ現役エンジニアが解説!

こんにちわ、現役システムエンジニアのOgAzです。 新型コロナウイルスの影響により働き方が見直されるようになった昨今、子どもたちの教育現場でも、オンラインという新たな手段が導入されつつあります。「仕事 …

《番外編》マーケターの1日|データドリブンマーケティング部署の仕事の流れと働き方に密着!

マーケターの1日の流れ|データドリブンマーケティング部の仕事内容と働き方、生活スタイルとは?

アヤメさん(仮名) のプロフィール 年齢 30代前半 性別 女性 会社の業種 広告代理店のデータドリブンマーケティング部署 転職回数 1回 前職の職種 営業・広告企画 本記事は、広告代理店のデータドリ …

Webマーケターに転職する方法やおすすめの業種を解説!【未経験必見】スクール紹介も!

Webマーケターへの転職方法やおすすめ業種を未経験向けに解説+スクール/転職サイトの紹介も!

Webマーケターの転職方法やおすすめ業種 インターネット関連で近年特に注目度が高い職種「Webマーケター」。インフルエンサーや動画クリエイターなど、あなたが身近で耳にする職業も、広義では「Webマーケ …

現役WEBマーケターがマーケティングの面白さや魅力、やりがい(大変さも)を解説!

現役WEBマーケターがマーケティングの面白さや魅力、やりがい(大変さも)を解説!

筆者はWEB関連の事業会社に勤務しており、デザインやマーケティングや分析など、WEBで目にするコンテンツに幅広く関わってきました。 他にも、自社のテレビCMや雑誌の記事などの4マスと呼ばれるメディア関 …

フリーランス向けおすすめクレジットカード11選!選び方や審査についてなど詳しく解説!

フリーランス向けおすすめクレジットカード11選!選び方や審査についてなど詳しく解説!

フリーランスエンジニアにおすすめのクレジットカード 本記事でわかること フリーランスはクレジットカードを作れるか? ビジネスカードがおすすめな理由、デメリット クレジットカードの選び方 審査を通りやす …

[PR]:
お得なキャンペーン中!!

転ストの中の人

  • 運営者のstaff H
  • 運営者のstaff M

エンジニア歴15年のstaffHとWebデザイナー・ディレクター歴20年のstaffMの2名が中心となりこのサイトを運営しています。転職/就職やフリーランスへの転向、未経験からのプログラミング学習など、これから”新しい一歩を踏み出そうとしている、エンジニア・クリエイター”に役立つ情報を発信しています。

プロフィール詳細 / Twitter
[PR]:





[PR]:
ページのトップへ戻る