ウェブ制作のお仕事の役割と流れ ～初心者向けにわかりやすく解説～
•
0 gefällt mir•332 views
本資料は、在宅ワークでのウェブ制作をこれから始める方向けにウェブ制作における役割や流れをざっくり簡単にご説明した資料です。 ウェブ制作者の方が、お客様にウェブ制作の流れを説明する際にも活用いただけます。 2021年11月の在宅ワーク入門オンラインセミナーで、口頭で解説するために作成したものを、公開可能な部分のみ残して編集したものです。
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (20)
Ähnlich wie ウェブ制作のお仕事の役割と流れ ～初心者向けにわかりやすく解説～
Ähnlich wie ウェブ制作のお仕事の役割と流れ ～初心者向けにわかりやすく解説～ (20)
ウェブ制作のお仕事の役割と流れ ～初心者向けにわかりやすく解説～
- 3. 自己紹介 株式会社ウエブル 代表取締役 増子 愛（ますこ めぐみ） コンサルタント、ディレクター、UI・UX設計、デザイナー、 プログラマ、コーダー、ウェブアナリスト 1984年 富山市に生まれる 2007年 早稲田大学 理工学部 コンピュータ・ネットワーク工学科卒 大学4年生で長女を授かり、ママに(21歳) 富山の実家で子育てをしながら、オンライン会議・リモート卒論で大学を卒業した経験から、 リモートワークによる子育てと仕事の両立の可能性を実感 富山にUターンし、就職支援企業でシステムエンジニア 2008年 実家の医薬品商社へ転職し、アナログ業務をデジタル化 （長男・次男を授かる） ネットショップを立ちあげる 2014年 フリーランスのウェブ制作者になり、リモートワークを開始（29歳） 2016年 リモートワークのウェブ制作会社、株式会社ウエブル設立(31歳) 略歴 3人の子育てをしながら、 リモートワークで ウェブサイト制作の会社をしています 3
- 4. 株式会社ウエブル 会社概要 都会と地方をつなぐ 社名 株式会社ウエブル WEBLE Co., Ltd. 所在地 〒930-0044 富山市中央通り1丁目4番16号HATCH 内 〒170-0013 東京都豊島区東池袋5-7-3 リードシー東池袋ビル2F BIZcomfort東池袋 代表者 代表取締役 増子 愛 （ますこ めぐみ） 資本金 200万円 設立 2016年9月30日 従業員数 13名(パート含む 2021年11月現在) 事業内容 ・WEBシステムの開発 ・ウェブサイト、ECサイトの制作、運用支援 ・WEBマーケティング戦略立案 ・コンサルテーション、アクセス解析、運用サポート ・Webに関する各種セミナー、内製化支援 東京 富山 2拠点で活動しています 企業理念 全メンバーの、物心両面の 幸福を追求するとともに、 出逢う人々と理想を共有し、 実現する喜びをわかちあう。 デジタルの活用による、お客様の理想の実現を支援しています。 フルリモート(在宅)ワークで、物理的・時間的制限にとらわれない仕事の在り方、 働き方をめざします。 社名の由来 WEB＋ABLE＝WEBLE WEBでALBE（できる！）を実現する というコンセプトに基づいています。 「ウエブる」 ビジョン 1.デジタルで、企業の理想を実現する 2.デジタルで、雇用の課題に挑戦する 4
- 5. 2016年からリモート(在宅)ワークを実践中！ • メンバー13名（正社員7名、パート6名）＋外部役員1名 • 出社自由・勤務地自由 • 全国にメンバーが在籍 – 富山7 東京1 大阪1 茨城1 宮城1 千葉2 – 10名が子育て中 • フレックスタイムも実施中 – 子供の送迎で中抜けOK。犬の散歩や通院で抜けてもOK。朝型でも夜型でもOK。 5
- 9. 運用・PDCA テスト・公開 コーディング デザイン ＆コンテンツ作成 企画・設計 ウェブサイト制作のフェーズと役割 ディレクター デザイナー アナリスト・広告運用 オペレーター コーダー（フロントエンジニア） ライター・カメラマン 9 ヒアリング ゴール・KPI お見積り スケジュール ワイヤーフレーム デザイン UI・UX設計 コーディング CMS構築 プログラミング デバイスチェック 原稿作成 写真撮影 ▼クライアントから 支給の場合もあり ▼必要に応じて フォームテスト お客様確認 アクセス解析 広告運用 更新・改善 保守 使 用 ス キ ル 何のために、どんな HPをつくるか決める！ どんなデザイン、内容 にするかを具体化する 実際にブラウザ上で見 られるように構築する ちゃんと動くか確認する 活用・改善する コミュニケーションスキル ウェブサイト設計 マーケティングの知見 Photoshop / Illustrator XD / Figma UI/UX設計スキル HTML・CSS JavaScript・JQuery WordPress その他 プログラミング Google Analytics 等 Google広告 等 次ページからフェーズごとに詳説！ サーバー・ドメイン手配 サイトマップ 公開
- 10. 企画・設計① ヒアリング 運用・PDCA テスト・公開 コーディング デザイン ＆コンテンツ作成 企画・設計 お客様 ディレクター うちの会社のウェブサ イトをリニューアルし たいんです。 今のは１０年前に作っ たもので…デザインも トレンドにしたいし、 ページも追加したくて。 まずは、お客様のご要望をヒアリングしましょう。 ゴール・KPI設定 サイトマップ設計 お見積り スケジュール ヒアリング ワイヤーフレーム お任せください！ まずは 「ヒアリングシート」 に可能な範囲で、 ご記入をお願いします。 ヒアリングシート 10
- 11. 主なヒアリング内容 11 サイトの方向性 • サイト制作の目的、背景、コンセプト • お客様の企業の強みや特徴 • サービスや商品の強みや特徴 • ターゲット • サイトに期待する効果 • デザインテイスト • 参考サイト サイトの規模 • ウェブサイト型 / LP型 • ページ数 • 予算 素材提供有無 • ロゴ、写真、参考パンフレット • 各ページの文章 インフラの状況 • ドメイン、サーバ • メールアカウント発行 • 既存サイトの状況 スケジュール • 納品希望時期 その他求める機能や対応 • システム開発、写真撮影、ロゴ制作 連絡ツール • チャット、電話、オンライン会議 お客様の中で明確になっていない部分もある。 必要に応じて「こうしたらどうですか？」と提案することも必要。 ヒアリングシートは、全 て埋まらなくても大丈夫 です。ミーティングの中 で、さらに詳しくお伺い します。
- 12. 【リニューアル】 • 現行サイトの確認（サイトマップを頭にいれておく） • 良い点、悪い点、不明点など気づいたことのメモ • 参考サイト、競合サイトのピックアップ 【新規制作】 • 参考サイト、競合サイトのピックアップ • 求人情報の確認（ハローワークや求人サイトの情報） • 飲食店の場合はぐるなびや食べログなどの確認 デザインは△△工業さんの 写真をドーンと使ったイ メージみたいなのがいいん です。 ○○商事の、サービス事例 ページは、うちがやりたい ことに近いです。 事前調査と、競合・参考サイト調査もしよう 12 事前調査：クライアントのビジネスを知る 競合・参考サイト調査 • 沿革、社員数、取扱商品、業界の特徴、営業手法など • 代表者情報（社長のお名前でGoogle検索） • 不明な業界用語があれば調べておく 調べて分かることはヒアリング前に調べておくことで、 ヒアリング当日に、スムーズにヒアリングができます。 参考サイト探しを案件の初期段階 で行うことで、クライアントやデ ザイナーとの完成イメージの共有 がスムーズになります。 どんなサービス・ 商品を提供してる 会社かな？ 今のサイトはどう かな？競合や参考 となるサイトは？
- 13. 企画・設計② ゴール・KPI設定 運用・PDCA テスト・公開 コーディング デザイン ＆コンテンツ作成 企画・設計 お客様 ディレクター リニューアル後には、 お客様からの「お問い 合わせ」につなげたい んです。 特に、社として注力し ているAサービスとB サービスへの集客を増 やしたくて。 KPIはKGIに貢献する要素であることが必要 Aサービス、Bサービスに 関する情報を充実させる とともに、お問い合わせ ページへの動線を設けた いですね。 お問い合わせ以前に、 「資料請求」のステップ を追加するのも一手かも しれません。 KGI KPI 1 KPI 2 KPI 3 PV 20000件/月 お問い合せ率 1% トップページの 直帰率 20％ 減 お問い合せ 月20件/月 ゴール お問い合せを増やす 最終目標が達成されて いるかを計測する指標 KGIを達成の 要因となる指標 そのために そのために 13 KPIツリー (例) 直帰率：そのページを見て次のページに行かずに帰ってしまう率 ゴール・KPI設定 サイトマップ設計 お見積り スケジュール ヒアリング ワイヤーフレーム
- 14. ＫＧＩ・ＫＰＩ ＫＧＩ Key Goal Indicator 重要目標達成指標 最終目標が達成されているかを計測するための指標 ＫＰＩ Key Performance Indicator 重要業績評価指標 KGIを達成するための、過程を計測する中間指標 参考：サイト別のKPI KGIの例や説明が掲載されている https://ferret-plus.com/1868 14 KGI KPI 1 KPI 2 KPI 3 PV 20000件/月 お問い合せ率 1% トップページの 直帰率 20％ 減 お問い合せ 月20件/月 • 検索エンジンで○○のキーワードで３ 位を目指す、そのために○○のページ の内容を詳しくする（SEO) • SNSを活用して集客をする • Aサービス、Bサービス • 特典付きのキャンペーンを行う • お問い合せページへのバナーを、ペー ジの下に貼って誘導する ・トップページの写真やキャッチコピーを ユーザーの興味を引く内容にする ・トップページから、他のページへのリン クを分かりやすく配置する KPIを明らかにすると 具体的な施策が見つ かります。 施策 施策 施策
- 15. （おまけ）コンバージョン ウェブサイト種別 コンバージョンの例 ＫＧＩの例 ＥＣサイト 商品購入 売上高 コーポレートサイト サービスサイト 製品紹介サイト お問い合わせ 資料請求 お問い合わせ数 資料請求数 コミュニティサイト メディアサイト 会員登録 メルマガ登録 会員登録数 メルマガ読者数 15 コンバージョン ウェブサイトの最終的な目標 ユーザーに起こして欲しいアクション コンバージョン率 訪問者またはページビューに対して、コンバージョンが達成された割 合。（コンバージョン数÷訪問者数） ウェブサイトの種類別 コンバージョンの例 よく「コンバージョン」って聞くけど、どんな意味なんでしょうか？ 「商品の購入」や「お問い合せ」など、ウェブサイトで ユーザーに起こして欲しいアクションのことを言います。 コンバージョンを数値的な指標にしたものがKGIと言えます。
- 16. 企画・設計 ③サイトマップ設計 運用・PDCA テスト・公開 コーディング デザイン ＆コンテンツ作成 企画・設計 ディレクター 「サイトマップ」はウェブ サイトの目次のような物で す。 どんなページが必要かを、 まとめていきましょう。 16 お客様 トップページの他に、 会社概要やサービス紹 介が必要だなぁ。 あっ、定期的に更新で きる「お知らせ」の ページと、お問い合せ フォームも必要です。 サイトマップ ゴール・KPI設定 サイトマップ設計 お見積り スケジュール ヒアリング ワイヤーフレーム お客様がページを更新される場合は、 CMS（WordPress）の導入が おすすめです。 トップページ 会社 概要 サービ ス一覧 お問い 合わせ フォーム お知ら せ一覧 Aサービ ス紹介 Bサービ ス紹介 お知ら せ詳細 お知ら せ詳細 お知ら せ詳細 更新機能あり
- 17. 企画・設計 ④お見積り 運用・PDCA テスト・公開 コーディング デザイン ＆コンテンツ作成 企画・設計 ディレクター サイトマップを作成して、 おおよそのウェブサイト のページ数などがわかれ ば、お見積りに着手でき ます。 原稿やお写真をお客様で 作成されるか、カメラマ ンやライターが作成する かでも、費用が変わりま すよ。 17 お客様 予算におさまれば、 原稿や写真もお願いし たいです。 もし予算オーバーにな りそうなら、必須じゃ ないページを削って調 整できるでしょうか。 ゴール・KPI設定 サイトマップ設計 お見積り スケジュール ヒアリング ワイヤーフレーム お見積書
- 18. お見積りの主な項目 18 項目 詳細 ディレクション料 • サイト企画・設計 • スケジュール管理 コンテンツ制作 • ライティング、写真撮影、動画制作、ロゴ作成 デザイン制作 • トップページ、特設ページ、下層テンプレート サイト構築 • コーディング、プログラミング • データ移行 • コンテンツ流し込み • （EC）商品登録 • WordPress等のCMSインストール インフラ • ドメイン取得、サーバ取得、SSL設定 • メールアカウント発行 運用 • Google Analytics等での解析 • ファーストビューやバナー、新規ページ作成等 • 定期的な更新 • コンテンツの追加や変更 インフラ保守 • データバックアップ • WordPress等のCMSアップデート フリーランスの方は自分の価格表をつくっておくのがおすすめ お見積書のおすすめサービスは後述
- 19. 企画・設計⑤ スケジュール 運用・PDCA テスト・公開 コーディング デザイン ＆コンテンツ作成 企画・設計 ディレクター スケジュールを引いてみました。 お客様と制作会社ごとに役割が わかるように記載しています。 原稿やデザインのチェックなど、 お客様にも協力いただくことが たくさんあります。 期間は○ヶ月ほどになりそうで す。推敲で後ろ倒しになること が多いので、余裕をもって長め に見ていただいた方が良いです。 お客様 了解です！ 予算もスケジュールも OKですので、これで進 めてください。 スケジュール ゴール・KPI設定 サイトマップ設計 お見積り スケジュール ヒアリング ワイヤーフレーム 19
- 20. スケジューリングと進捗管理のフォーマット① 20 簡易なスケジュール管理例 お客様のタスク 制作側のタスク 両社のタスク • ベタだがエクセルでざっくりとしたスケ ジュール案を作る • 計画変更(リスケ)が発生したら、予定の 枠をドラッグしてずらす • お客様側、制作側、両者のタスクを分け て書くことで、お客様への依頼事項も明 確になる
- 21. スケジューリングと進捗管理のフォーマット② 21 • 作成に時間がかかる • 計画変更(リスケ)が発生するたびに、更 新をする必要がある • タスクを細かくブレイクダウンして、工 数を見える化できる • 進捗が一目瞭然になる • タスク同士の「つなぎ」がわかりやすい メリット デメリット プロジェクト管理ツールの活用。 「ガントチャート形式」で流れを 確認できる。
- 22. 企画・設計⑥ ワイヤーフレーム 運用・PDCA テスト・公開 コーディング デザイン ＆コンテンツ作成 企画・設計 ディレクター ワイヤーフレームは、ウェブ サイトを白黒の線で示した骨 格図です。 色や写真などのデザインまで は入れずにつくります。 全体のレイアウトやナビゲー ションといった要素の配置を 確認するために活用します。 お客様 デザインに入る前に、 こんな工程があるので すね！ ワイヤーフレーム案 ゴール・KPI設定 サイトマップ設計 お見積り スケジュール ヒアリング ワイヤーフレーム 22 Excel 手書き PowerPoint Illustrator よく使うソフト XD その他
- 23. ワイヤーフレームの作成例 23 写真 3つの輪の図 健康を支える 笑顔をまもる YOU GROUP ワーク・ライフのあらゆる面で 健康と笑顔をサポートします ロゴ ホーム 企業様へ 個人様へ 養成講座 会社概要 EＶENT イベントや単発講座のお知らせです メ ル マ ガ 登 録 企業様向け 健康研修 個人様向け 教室案内 講師を目指す方 養成講座 2021.00.00 新しいサービスを公開しました カテゴリ 2021.00.00 新しいサービスを公開しました カテゴリ 2021.00.00 新しいサービスを公開しました カテゴリ 2021.00.00 新しいサービスを公開しました カテゴリ COMPANY 当社について SERVICE 3つの事業領域 お問い合せ お問い合せ お問い合せ ここに説明が入ります。ここに説明が入 ります。ここに説明が入ります。 MISSION について マーク ここに説明が入ります。ここに説明が 入ります。ここに説明が入ります。 ホーム 企業様へ 個人様へ 養成講座 会社概要 ロゴ お問い合せ 富山県富山市○○1－1－1 PowerPointで作成の例 Illustratorで作成の例
- 24. デザイン＆コンテンツ作成① デザイン 運用・PDCA テスト・公開 コーディング デザイン ＆コンテンツ作成 企画・設計 UI・UX設計 原稿作成 写真撮影 デザイン ディレクター デザイナー デザイン案 色・フォント・写真などを入れてビジュアルをデザイン ディレクターからデザイ ナーへ、要件を伝え、ウェ ブサイトの画面を、まずは 「画像」として再現します。 事前に、デザイナーととも にクライアントの元へ同行 して、事前にすり合わせる こともありますよ。 Illustrator・Photoshopなどの ソフトを活用して、ウェブサイ トそっくりに画像を作りますよ。 24 Photoshop XD Illustrator Figma よく使うソフト ワイヤーフレームを元に 詳しいソフトについては後述
- 25. デザイン＆コンテンツ作成② UI／UX設計 運用・PDCA テスト・公開 コーディング デザイン ＆コンテンツ作成 企画・設計 UI・UX設計 原稿作成 写真撮影 デザイン デザイナー UIデザインの例 デザインの際には、ユーザーに使いや すいサイトになるように、ボタンやナ ビゲーションなどのUI設計も行います。 スマートフォンでのUIも設計しますよ。 25 ボタン ボタン ボタン ボタン ボタン アイコンやナビゲーション スマホ版UI
- 26. デザイン＆コンテンツ作成 ③原稿作成 ④写真撮影 運用・PDCA テスト・公開 コーディング デザイン ＆コンテンツ作成 企画・設計 UI・UX設計 原稿作成 写真撮影 デザイン ディレクター ライター 写真撮影の流れ カメラマン 撮影する物リストのリストアップ ロケハン（下見） 撮影資材の手配 撮影 現像 デザインへ掲載 原稿作成するページのリストアップ インタビュー項目のリストアップ 取材・インタビュー 文字おこし・推敲 デザインへ掲載 ライティングの流れ ウェブサイトの原稿や 写真などのコンテンツ は、 ・お客様から支給 ・ウェブ制作者が作成 の両方の場合がありま す。 後者の場合は、ディレ クターがライター・カ メラマンに協力を依頼 して作成します。 26
- 28. コーディング ①コーディング 運用・PDCA テスト・公開 コーディング デザイン ＆コンテンツ作成 企画・設計 CMS構築 プログラミング サーバードメイン取得 コーディング コーダー HTML・CSSでコーディング レスポンシブ対応 28 HTMLやCSSといったマー クアップ言語（コーディ ングをするための記述方 法）を記述して、ブラウ ザで見える形にすること をコーディングといいま す。 ウェブサイト制作では欠 かせない作業です。 後はお任せください！ HTML JavaScript CSS JQuery 使う技術・要素 Sublime Text Dreamwaver VS Code TeraPad よく使うソフト 詳しいソフトや技術については後述
- 29. ウェブサイトの基本 HTMLとCSS HTML CSS ウェブサイトの文章・リンク・ボックスの並びなどの構造の情報。 ウェブサイトの文字やボックスの大きさ・色などの情報。 引用元 https://style.potepan.com/articles/20773.html ウェブブラウザで見ると ホームページになっている！
- 31. ウェブサイトに動きを付ける JavaScriptとJQuery JavaScript JQuery 引用元 https://www.sejuku.net/blog/6436 • クリックしたら画像が入れ替わる • ボタンにマウスオーバーしたらボタンの色と文字の色が逆転する • 入力フォームで入力するとすぐに内容をチェックする • 画面をスクロールしていくと見た目や数値が変わっていく ウェブサイト上で動きの表現を実現！ • 処理をJavaScriptで書こうとすると膨大なコードになってしまい、ウェブサイトの容量が増 えて表示速度等に影響がでてきます。 • jQueryを使えば、短いコードで簡単にHTMLやCSSを操作できて開発の効率が上がるため、 頻繁に使われます。 JavaScriptの便利な機能集！ JavaScriptを使ってHTMLやCSSを操作することで実現しています。 31
- 32. コーディング ②CMS構築 運用・PDCA テスト・公開 コーディング デザイン ＆コンテンツ作成 企画・設計 CMS構築 プログラミング サーバードメイン取得 コーディング ディレクター コーダー CMSの活用 実際のウェブサイト制作ではCMSを導入するケースが多い。 （ウエブル案件では7割ほどがWordPress） CMSにはページの更新機能の他に、画像の管理やメール フォームなど、便利な機能がついています。 CMSとは Contents Management System の略。 ブラウザ上でブログを更 新する要領で、ウェブサ イトを更新・管理できる ソフトウェアです。 CMSの中でも、 「WordPress」がメ ジャーです。 WordPressのカスタマ イズや、ちょっとした プログラミングもコー ダーがやりますよ。 ブラウザ上の 管理画面から更新・管理 32
- 33. CMSとは？ • CMS ＝ Contents Management System – コンテンツ（ウエブサイトのページ） を管理するシステム • ページの管理 • 文字や画像の管理 • ウエブサイトがブラウザ上で 手軽に更新管理できる • HTMLやCSSといった専門知識が なくてもOK 技術的なことで悩まずに、ページの内容づくりや マーケティングに専念できる。 企業のウェブサイト更新チームに採用されているケースが多数。 33
- 34. WordPressとは？ • メジャーなCMS（コンテンツマネジメントシステム）の1つ • PCへのインストールは不要 • サーバーへの設置(インストール)が必要 • オープンソース（無料） • 導入後は継続的なアップデートやデータのバックアップが必要 オンライン上でウェブサイトを、効率的に更新管理できるシステムです。 34
- 35. 日本のCMSシェア 35
- 36. コーディング ④サーバー・ドメイン取得 運用・PDCA テスト・公開 コーディング デザイン ＆コンテンツ作成 企画・設計 CMS構築 プログラミング サーバードメイン取得 コーディング サーバー インターネット上にウェブサイトを 公開するための、データの置き場 レンタルサーバーで調達ができる https://www.onamae.com/clever/about/domain.html https://myshop.com 「レジストラ」という管理機関がある ドメイン ウェブサイトのアドレス インターネット上の住所のようなもの HTMLやCSSなどのコーディング ができあがったら、FTPと言うソ フトで、PCからサーバーへデータ を送信することで、ウェブサイト を公開できますよ。 新しくドメインを取得する際は、 どんなドメインにするかをクライ アントと打ち合わせます。 サーバー・ドメインともに、 初期費用や維持費がかかります。 36
- 37. テスト・公開 ①ブラウザテスト ②フォームテスト ③お客様確認 運用・PDCA テスト・公開 コーディング デザイン ＆コンテンツ作成 企画・設計 フォームテスト お客様確認 ブラウザテスト 公開 チェックリストの例 公開前にはチェックリス トに基づいてチェック・ テストを行います。 できれば複数人の 目でチェック！ お客様 こちらでも最終確認を します！ 大丈夫であることが 確認されたら、 いよいよ公開ですね！ ✓ リンク切れがないか ✓ 誤字脱字がないか titleタグとdescriptionタグが入っているか ✓ 表記の揺れはないか ✓ スマートフォンで崩れがないか タブレットで崩れがないか ✓ GoogleAnalyticsのタグが埋めこまれているか ✓ noindexを解除したか サーチコンソールに登録したか ・・・・ 37
- 38. テスト・公開 ④公開 運用・PDCA テスト・公開 コーディング デザイン ＆コンテンツ作成 企画・設計 ウェブサイトの公開 お疲れ様でした！ 公開できて 嬉しいです！ 次は集客ですね！ フォームテスト お客様確認 ブラウザテスト 公開 打ち上げだ！
- 39. 運用・PDCA 運用・PDCA テスト・公開 コーディング デザイン ＆コンテンツ作成 企画・設計 広告運用 更新・改善 アクセス解析 保守 アクセス解析 広告運用 更新・保守 アナリスト マーケター（広告運用） オペレーター アクセス解析ツールを活 用して、ウェブサイトの 効果測定と改善提案を行 う。 ウェブサイトへの集客の ため、ウェブ広告の出稿 や調整を行う。 ウェブサイトの更新や保 守に関するオペレーショ ンを行う。 CMSのアップデートや データのバックアップも 行う。 デザイナーやコーダーが 担当することもある。 ディレクター デザイナー コーダー 39
- 40. なお現場では…役割を兼務することも多い ディレクター デザイナー ライター カメラマン アナリスト コーダー デザイナー ディレクター デザイナー ディレクター デザイナー コーダー ディレクター 企画・設計からデザインまでの落とし込みがスムーズ デザインからコーディングの工程がスムーズ 企画・設計から原稿までの落とし込みがスムーズ デザインへの写真の反映がスムーズ お客様への改善提案がスムーズ 一人で一通りの工程を完結できる 進化 40
- 46. 商品の販促ページの一例 46
- 47. ショップページの運用・更新のお仕事 販促ページ作り 制作チーム（制作会社・フリーランス・インハウス） ネットショップの運営開始後、お店の運用を行い、売上アップを目指します。 ショップ店長 商品登録 キャンペーン実施 ショップの運営会社 ショップの売上をアップして いくために、様々なマーケ ティング施策の実施を行いま す。 外部パートナーと協業するこ ともありますよ。 オペレーター （ショップ担当） 商品の追加や入れ替え作業を行 います。 複数店舗を展開している場合は 連携のシステムを扱うことも。 追加のバナーや ページをおつくり します。 ショップページの運用・更新 ディレクター デザイナー コーダー その他更新 商品更新 その他更新 マーケティング アナリスト マーケター （広告運用） その他パートナー 分析・改善 広告 集客 47