その他

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

更新日: ※本記事は[プロモーション]が含まれています

htmlとcssのイメージ

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

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

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

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

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

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

プレゼン資料の作成

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

社内のデザインワーク

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

1日のスケジュール

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

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

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

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

などです。

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

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デザイナーを目指す方にとって参考になれば幸いです。

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

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

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

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

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

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

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


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

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

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

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


Web業界に求めらるスキルが最短で身につく実践型カリキュラム!

nests(ネスト)の公式サイト

nests(ネスト)
現役クリエイター・エンジニアの指導をオンラインor通学で受けられます。受講・卒業生に向けた求人・インターン紹介あり

nests(ネスト)の[公式サイトへ]


未経験からプロクリエイターを目指せる!【転職・副業に強い】

忍者CODEの公式サイト

忍者CODE
業界最安クラスの受講料と現役クリエイターのサポートで、未経験からプロクリエイターが目指せる人気スクールです!

忍者CODEの[公式サイトへ]


開校25年の実績!実践的なスキルを習得して就/転職を目指す!

インターネット・アカデミーの公式サイト

インターネット・アカデミー
Web制作会社として超有名な企業が運営するスクールです。太いパイプを活かした求人紹介やキャリアサポートに定評あり

インターネット・アカデミーの[公式サイトへ]

もっと多くのWebデザインスクール・講座の中から比較したい方は「転職に強い!Webデザインを学習できるおすすめスクール7選【副業・フリーランスにも】」を参考にしてください。就職・転職、副業・フリーランス、スキルアップなど、目的に合わせたスクールを探すことができますよ!

転職に強い!Webデザインを学習できるおすすめスクール7選【副業・フリーランスにも】

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

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

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

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

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

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


クリエイター・デザイナー専門!量より『質』にこだわった求人が多数!

HIGH-FIVE(ハイファイブ)公式サイト

HIGH-FIVE(ハイファイブ)
クリエイティブ業界に精通した専門のエージェントが、好条件で活躍できる求人を『精度高く』マッチングしてくれます。

HIGH-FIVE(ハイファイブ)の[公式サイトへ]


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

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

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

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


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

ギークリー 公式サイト

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

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


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

マスメディアン

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

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

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

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

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

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

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

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

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

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

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

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

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

-その他
-, , , , ,

関連記事

《番外編》SNSマーケターの1日|広報・集客担当者の仕事の流れと働き方に密着!

SNSマーケターの1日の流れ|広報・集客担当者の仕事内容と働き方、生活スタイルとは?

ユイさん(仮名) のプロフィール 年齢 20代半ば 性別 女性 会社の業種 ウェディング・ホテル・レストランを経営する会社 転職回数 なし(新卒入社) こちらもおすすめ! SNSマーケティング基礎知識 …

転職に強い!Webディレクタースクールおすすめ5選【副業・フリーランスにも】

転職に強い!Webディレクタースクールおすすめ5選【副業・フリーランスにも】

Webディレクションを学べるスクール 本記事は、 Webディレクションを学習できるおすすめスクールを知りたいな 仕事や家事・育児と両立しながらの学習って可能なのかな? 未経験からでもWebディレクター …

タイプ別・SNSマーケティングが学べるおすすめスクール3選!

タイプ別・SNSマーケティングが学べるおすすめスクール3選!

転職、副業、フリーランスの仕事を探している時、『せっかくなら安定して稼げて、年収をアップできそうな仕事をしたい』とお考えになると思います。 そこで働き先を調べると、『SNS運用業務』や『SNS運用代行 …

Webマーケティングに向いてる人・向いていない人の特徴とは?必要なスキルや経験も解説!

Webマーケティングに向いてる人・向いていない人の特徴とは?必要なスキルや経験も解説!

この記事ではマーケターに向いている人について紹介します。マーケターになるにはどうすれば良いのか考えている人の参考になればと思います。 近年のインターネット広告費の伸びから「webマーケティングは成長市 …

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

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

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

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

転ストの中の人

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

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

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