ECサイト実践研修集客からECサイトのカスタマイズ・運用の実践力を習得

ECサイト実践研修では、Shopifyの基本から運用までの流れ、プラグインやデータ管理を含むサイト構築などの開発分野までを実践的に学ぶことができます。また、Shopifyの中でもUI/UXを意識したサイト構成や運用についての事例も交えて知識を深めていきます。

さらに、デザインを自在にカスタマイズするためのコーディングスキルや、集客に欠かせないデジタルマーケティングの知識、商品写真を魅力的に補正するためのPhotoshopの技術を学習します。

対象者

  • EC事業部の方や自社でECサイトを立ち上げたい方
  • Shopifyで運用中のサイトをカスタマイズしたい方

研修の目的

  • Shopifyについて学習することで、できるだけ低コストでECサイトの立ち上げたい
  • すでにShopifyでECサイトを運用しているため、配属予定の社員に基礎知識を身につけさせたい
  • 運用中のECサイトの集客力や購入数を増加させたい

ECサイト実践研修で学べること

ECサイト実践研修では、Shopifyのアカウント開設から基本的な設定、各種機能の使い方、Shopifyのメリット・デメリットなどはもちろん、実践的なコーディングやデジタルマーケティングについても学習します。

コーディングは、正しい文書構造でコードを記述するセマンティックコーディングをベースに、モバイルファーストを考慮したSEOにも強いWebページを構築する技術を、実際のページをコーディングしながら習得します。

また、PhotoshopでECサイトで使用する写真を魅力的に加工・補正する方法や、Web広告やSEO、SNS施策に加え、Google アナリティクスによるアクセス解析などデジタルマーケティングについての知識も身につけ、集客力の高いECサイトを構築・運用できるようにします。

到達目標

  • デザインテーマのカスタマイズなど自社にあわせた複雑なカスタマイズができる
  • デジタルマーケティングの知識に基づいたECサイトの設計・運用ができるようになる

カリキュラム内容

目次
  • Webマーケティング
    Webマーケティング概論
    • トリプルメディア
    • SEOとWeb広告
    • 主要なツール
    Webマーケティング戦略
    • ターゲット選定
    • 競合・ニーズの分析
    • メディア選定
    適切なSEO
    • 検索エンジンの歴史
    • Googleの方針
    サーチコンソール
    • サーチコンソールの登録
    • 主要な機能と役割
    SEOを考慮したページ制作1
    • クロールとインデックス
    • サイトマップ
    • ディレクトリ構造
    SEOを考慮したページ制作2
    • マークアップ
    構造化データ
    • 構造化データを利用するメリット
    • JSON-LDによる構造化データの実装
    • 実装の手順
    コンテンツの品質
    • 品質に関するガイドライン
    • SEOにおける不正行為
    SEO業者の選定
    • 業者に確認するべきこと
    Web広告の基礎1
    • Web広告の種類と特徴
    • Google広告とYahoo広告
    • アカウントの作成
    • 掲載順位の仕組み
    • 入札単価調整の設定
    Web広告の基礎2
    • 広告配信のケーススタディ
    ディスプレイネットワーク
    • ディスプレイネットワークの広告
    • ターゲット設定
    • 動画広告
    • Google広告ツール
    ソーシャルメディアマーケティング
    • インフルエンサーマーケティング
    • SNSの特徴
    • SNSの運用
    Googleアナリティクス1
    • アクセス解析とは
    • GAの基本機能
    • データ分析の基礎
    Googleアナリティクス2
    • カスタムレポート
    • データ分析の応用
    ABテスト
    • オプティマイズの使い方
    • 分析のポイント
  • HTML/CSS/JavaScript
    Web概論・HTML基礎
    • Webの概要
    • ホームページの概要
    • HTMLの基本的なタグ
    • テーブル(表)
    ハイパーリンクとマルチメディア
    • ハイパーリンク
    • 画像とWebにおける色指定
    • 動画
    • 音声
    フォーム
    • フォームとは
    • フォームのパーツ(基本)
    • フォームのパーツ(応用)
    セマンティックコーディングとWeb制作フロー
    • HTMLの変遷
    • セマンティック・コーディング
    • Web制作フロー
    • 画像の書き出し
    • HTMLのコードチェック
    CSS基礎
    • CSSとは
    • CSSのルール
    • セレクター
    • フォント、テキストのスタイリング
    • 疑似クラス
    CSSレイアウト
    • CSSレイアウト1
    • CSSレイアウト2
    • デザインのプロパティ
    • 背景とボーダー画像
    • その他スタイル指定
    オーサリングツールを使用した HTML構築(Dreamweaver)
    • オーサリングツールとは
    • コーディングに入る前
    • HTMLコードの記述
    オーサリングツールを使用した CSS構築(Dreamweaver)
    • CSSコーディング
    • 開発者ツール
    • CSS演習
    • サーバーへのアップロード
    メディアクエリ・Webフォント・CSSアニメーション
    • メディアクエリ
    • Webフォント
    • 疑似要素
    • グラデーション
    • trasnsformプロパティー
    • トランジション・アニメーション
    JavaScript基礎1
    • JavaScriptの概要と書式
    • JavaScriptの命令
    • 変数・演算子
    • 条件・ループ
    • 関数とイベント
    JavaScript基礎2
    • DOMの仕様と要素ノードの操作
    • 属性ノードとテキストノード
    • Googleマップの導入
    jQuery
    • jQueryの基本
    • jQueryにおけるイベント処理
    • jQueryの実践
    • jQueryプラグインの利用
  • Photoshop
    Photoshopとは
    • Photoshopの特徴
    • インターフェース
    • ツールパネル
    • 解像度
    色の選択
    • 描画色と背景色
    • 色の選択
    選択範囲
    • 選択ツール
    • 選択範囲の編集
    色調補正
    • レベル補正
    • トーンカーブ
    • カラーバランス
    • 明るさ・コントラスト
    • 色相・彩度
    レタッチ
    • スタンプツール
    • ぼかしツール
    • 指先ツール
    レイヤー
    • レイヤーとは
    • レイヤーパネル
    • レイヤーマスク
    • レイヤー効果
    • レイヤーとは
    • 調整レイヤー
    • 描画モード
    • レイヤースタイル
    チャンネル
    • チャンネルとは
    • チャンネルの種類
    • チャンネルパネル
    ベクトル画像
    • シェイプレイヤー
    • ツールの利用
    • パスパネル
    Webページ作成1
    • レイアウト
    • Webページ作成実践
    • 文字ツール
    Webページ作成2
    • 画像の加工1
    Webページ作成3
    • 画像の加工2
    • 実践問題
    Webページ作成4
    • デザインの応用
    • 保存
  • Shopify
    Shopify概要
    • Webマーケティングの概論
    • 特徴(概要、決済方法、配送対応)
    • 特徴(操作の簡便さ、対応アプリ)
    • デメリット・弱点
    • 料金プランによる違い(スタッフアカウント、機能の違い)
    Shopifyの導入と公開
    • アカウント作成
    • ダッシュボードで機能一覧を確認
    • ショップサイトを公開しよう
    • 商品を1つ登録しよう
    • デザインテーマを変更しよう
    Shopifyを支える技術を知ろう
    • Shopifyが動く前提となる仕組みを知ろう(サーバー)
    • Shopifyが動く前提となる仕組みを知ろう(プログラム)
    • Shopifyが動く前提となる仕組みを知ろう(HTML/CSS)
    ショップのカスタマイズ1
    • 商品の詳細情報の登録
    • 商品のバリエーションの登録
    • 商品のSEOに関する設定
    • コレクションの作成
    ドメインの知識
    • ドメインの基礎知識
    • Shopifyでの設定
    • Shopify以外の選択肢との違い
    ブログ記事の作成
    • ブログ記事の作成方法
    • 固定ページの作成方法
    • 固定ページのテンプレートの変更
    デザインの変更
    • デザインテーマの変更
    • トップページに表示する内容の変更
    • トップページ以外の内容の変更
    • 全体のフォントや色の設定
    • ページの追加、商品の追加
    • その他詳細の変更
    アプリの追加1
    • アプリとは
    • アプリのインストール、注意点
    • Shopifyメールの使い方
    • デザイン・ページに関するアプリ
    • 業務効率化になるアプリ
    • 販売促進、サイト分析のアプリ
    • 越境対応
    アプリの追加2
    • 定期購入機能をつける
    • 音楽や情報サイトなど配送が不要なサイトの場合
    • その他のアプリ
    管理画面
    • 返品と返金
    • 注文内容の変更
    • 注文のキャンセル
    管理画面
    • 商品情報のエクスポート/インポート
    • 商品の在庫管理
    • 顧客情報のエクスポート/インポート
    • 顧客グループの作成
※内容と研修費用は、企業様のご要望に応じてご提案致しますのでお問合せください。
時間数 72時間 (2時間×36回)
※「3か月間の長期で実施したい」「1週間の短期で実施したい」等、ご要望に応じて研修期間を調整することができます。
日程 随時開催可 (ご希望の日程でお問合せください)
研修スタイル
受講者のコメント
  • ShopifyのECサイトについての概要や基礎知識を非常に分かりやすく学べました。また、初めて聞く単語も多い中、具体例を交えての授業がとてもわかりやすかったです。
  • 実際の業務内使っていたけれどよくわかっていなかった用語などが、しっかりと理解、イメージできるようになりました。
お問い合わせ・ご相談

研修の料金体系

研修の基本料金は受講者数に応じて決まります。また、カリキュラム内容をカスタマイズする場合や講師派遣をする場合、その他、英語研修や制作物を公開させたい等のご要望に応じて変動いたします。詳しくはぜひお気軽にお問い合わせ・ご相談ください。

お問い合わせ・ご相談

助成金のご活用

人材開発支援助成金(旧キャリア形成促進助成金)は、労働者のキャリア形成を効果的に促進することを目的とした厚生労働省の制度です。この助成金を利用することで、研修費用のほか、受講時間などに対する賃金の助成を受けられる場合があります。

  • 助成額年内最大1,000万円

    年度内に最大1,000万円助成可能

  • 経費助成1人当たり最大50万円

    1人当たり最大50万円(大企業は1人当たり最大30万円)経費助成可能

  • 賃金助成1人1時間最大960円

    受講者1人1時間当たり960円(大企業は480円)賃金助成可能

※助成金利用には一定の条件がございます。詳しくは厚生労働省の人材開発支援助成金(旧キャリア形成促進助成金)のページをご確認ください。

助成金申請のアドバイスを致します

助成金の申請方法がわからない、面倒だ、といった理由で助成金活用をあきらめないで下さい。インターネット・アカデミーでは実績のある社会保険労務士事務所の指導のもと、申請のアドバイスをいたしますので、お気軽にご相談ください。

助成金活用のご相談

研修実施例・企業様からの評価

オリンパス株式会社R&D・QARA機能担当タレントマネジメント ICTソフトウェア機能担当/HRビジネスパートナー マネージャー 玉澤康至 様R&D機能医療ネットワーク開発 佐藤智憲様

  • 若手・中堅社員
  • カスタマイズ
  • プログラミング・インフラ
  • Web制作
  • Webアプリ開発
  • デバックサポート
オリンパス株式会社

Web開発の内製化を目的として据えて、最初の実施が社内のJavaエンジニアとUIデザイナーのスキルアップ研修でした。その後、正式に内製化に切り替えるというタイミングで、不具合が起きた時のためのサポートを求めてデバックサポートの研修をお願いしました。そのタイミングでは、インターネット・アカデミーの研修に満足していたので他社検討は全くしませんでした。

オリンパス株式会社様の研修事例

カシオ計算機(株)ディレクター 山本幸司 様

  • 若手・中堅社員
  • Web制作
  • プログラミング・インフラ
  • カスタマイズ
カシオ計算機(株)

研修を振り返ると、私自身はもちろん他の社員も、楽しみながらWebの技術を学べたようです。インターネット・アカデミーの研修は教え方が体系化されていて、とても分かりやすかったですし、実践の部分に比重を置いたカリキュラムとなるようカスタマイズしていただきましたので、非常に有意義なものとなりました。

カシオ計算機(株)様の研修事例

(株)エイチ・アイ・エスWEB事業部 WEB制作チーム チームリーダー 伊藤伸 様

  • 若手・中堅社員
  • Web制作
(株)エイチ・アイ・エス

研修は、とにかく内容が濃かったです。講師の方がテキストに沿って話をするだけではなく、具体的な事例を元に知識や技術を教えてくださったので、スムーズに理解できた上に、実務にもすぐに活かすことができました。実際、研修で頂いた資料は、今でも仕事をしながら見ています。

また、研修後、業務効率化のための組織体制の見直しも行いました。これまで、社歴の長いリーダークラスの人がチームに指示を出す、というようななんとなくの役割分担をしていたのですが、研修を経てWeb独自の制作の流れを理解することができたので、現在では明確に役割分担をして、制作の精度を高めつつ、チーム全体のスピードアップを図ることまでできるようになりました。

(株)エイチ・アイ・エス様の研修事例

インターネット・アカデミーならではのポイント

Google社協力のオリジナル教材

Google社協力のオリジナル教材

世界最大級の検索エンジンを持つGoogle社の協力のもと、広告配信ツール「Google 広告」や分析ツールである「Google アナリティクス」のノウハウをカリキュラムに還元しており、広告運用から効果検証の仕方までビジネス実務に即した内容を学ぶことができます。

母体制作会社が培ってきたWebマーケティングのノウハウ

母体制作会社が培ってきたWebマーケティングのノウハウ

インターネット・アカデミーの母体は、東京芸術大学や京都大学iPS細胞研究所、気象庁や情報処理推進機構(IPA)などのWebサイト制作を手掛けてきた実績のある制作会社です。そこで培ってきたWebサイト制作やWebマーケティングのノウハウを研修カリキュラムに取り入れているため、現場で役立つより実践的な技術を身につけることができます。

受講生全員が高い成果を出すための研修サポート

インターネット・アカデミーの研修は、人事担当者が新入社員研修の成果を判断できるよう、様々な成果物を提供しています。成果にフォーカスするからこそ、研修生は受け身ではなく自発的な学習に姿勢が変わり、新入社員の早期戦力化が実現できるのです。

  • 学んだスキルを形にオリジナルサイト制作
    システム開発自習

  • 研修による成長を可視化人材アセスメント
    シート

  • 一人ひとりの課題を見つける資格取得サポートおよび
    実力テスト

  • 受講者の理解不足を解消実力の底上げを図る
    復習タイム

  • ビジネスマナーや企画提案力など総合的なビジネススキル
    の向上

  • ITスキルと英語力を備えた講師英語による
    IT研修に対応

研修サポートをくわしく見る

関連するIT研修

法人向けIT研修のご相談

法人サービスの電話お問合せ窓口
03-3341-3781
受付時間(平日・土日) 10時-21時

御社のご要望に合わせて最適な研修プランを無料でご提案いたします。研修のご相談やお見積もり依頼等も承っておりますので、ぜひお気軽にお問い合わせください。

2022年春の研修はお席が埋まりやすいため、新卒研修・助成金利用をご検討の方はお早めにお問い合わせください。

  • 1.情報の入力
  • 2.内容の確認
  • 3.送信完了
会社名必須
部署名必須
お名前必須
ふりがな必須
電話番号必須
メールアドレス必須
受講人数
開始時期
対象者
       
お問い合わせ内容
個人情報の取扱いについて

個人情報の利用目的についてご同意いただいた場合のみ、「同意して進む」を押してください。

プライバシー保護のため暗号化通信を使用しています。
sdgs
このページの上へ