【応用編】ECサイト構築講座「SHOPIFYを使ったECサイト制作」
未経験者がオリジナルECサイト構築をイチから学べる講座『実践編』です。安全・安心なShopifyを使ってまったくのオリジナルECサイトを制作することが出来るようになります。
レベル
ふつう
22レッスン
30日間
最小限の学習時間と労力で
実践的な「EC制作スキル」を習得
～未経験から始める、Shopify/Liquidを使ったECサイト制作講座～
この講座では、Shopifyを使ってオリジナルデザインのECサイトを制作します。
Shopifyのデメリットは「日本語の説明が少ない」「テーマをそのまま使うと、他社ECとデザインが被る」こと。 そこでSkillhubでは、商品登録などの基本操作から、オリジナルデザインのテーマ作成まで、Shopifyを使ったECサイト作成の全てを講座として盛り込みました。
Shopify/ECサイト制作のお悩み、解決できます
ストアオーナー
ECサイトを作りたいけれど
開発も運営代行も、高すぎる
ECサイト担当者
ちょっとliquidを調べたけど
難しすぎてウンザリ
Webデザイナー
スキルアップしたいけど
ブログラミング苦手だし…
完全未経験からオリジナル
デザインのECサイト制作が可能
本講座では下記動画の、和菓子通販サイトを作ります。
レッスンはデザインのイメージから必要事項を洗い出して制作する、テスト注文で動作確認をする……と、とても実践的。制作を進めながらliquidを学ぶことで、必要不可欠な知識から効率よく習得が可能です。
短時間 × プラグイン無しでECサイトのオリジナルデザイン化ができるようになります。
制作サイトデモ
Shopifyを使う理由
完全独自ショッピングカートシステム開発は、エンジニアとして数年の業務経験が必要なレベルです。個人情報管理などの問題から、サーバーセキュリティについても高い技術が求められます。
そのため本講座では月額利用料や手数料は業界最安クラス、かつカスタマイズ性が高いShopifyを活用してECサイトを制作します。Shopifyはクラウド型のサービスで、顧客の個人情報管理などセキュリティ面の対策もしてくれていますよ。
難しいことをカンタンに
初心者でも短期間での技術習得を実現します
多くの未経験者をフリーランスWeb制作者としてデビューさせてきた、Skillhubの講座は無駄なくミニマムな内容。初心者の方向けに、ほんとうに必要な知識だけを厳選しています。このため短期間で、お仕事に使えるレベルの制作スキルをマスターすることができるのです。
Shopifyの基本操作からカスタマイズまで、総合的に学べる
一口にEC構築・EC制作といっても、業務内容は様々。
ストアオーナーの代わりにサービス申込みや商品登録を行うこともあれば、コードを書いてネットショップの見た目や機能をカスタマイズすることもあります。
Skillhubでは「企画」「構築」「デザイン」「プログラミング」「マーケティング」など、EC業務に関わる幅広い領域の学習が可能。Shopifyの登録や商品登録など事務的な操作も学べるので、オールマイティーな人材になれます （※）
独自デザインも制作可能
“使える”技術が身につく
Shopifyのカスタマイズ性の高さを生かして、オリジナルデザインのECサイト制作ができます。Shopifyテーマを作るにはHTML, CSS, Liquid, JSONなど多くの言語を使いますが、Skillhubの講座ならミニマムに必要な言語全ての習得が可能。
ECサイトをブランド独自デザインにすることで、定期的にサイト訪れ、リピート購入してくれる“ファン”増加にも繋がります。マーケティングにも有利ですよ。
アイディアは即実現!
時間&経費コストは削減
自社ECの強みは独自の集客や施策が行えること。ご自身もしくは社内にWebスキルのある担当者がいれば、集客や販売のアイディアをすぐにECサイトに反映することが出来ます。
外注して支払う経費も減りますし、業者との打ち合わせ時間・納品されるまでの待ち時間もなくなります。機を逃さず、ベストなタイミングで施策を打ちましょう。
※Shopify/EC制作プラン終了時
本講座を終えると、できるようになること
- Shopifyのサービス内容がわかる
- Shopifyを使ってEC構築ができる
- テーマを選択するだけではなくオリジナルデザインでECが作成できる
- メタフィールドでストアの機能性向上できる
- 運営者がカスタマイズしやすいShopifyテーマを作れる
- 効率的にテーマ制作を進められる
- テスト注文で、ストアの動作確認が出来る
レッスン内容
-
1
本講座受講に必要なスキル、講座素材についてお伝えします。
-
2
本講座で制作を進めるデモストア『江戸屋』のイメージをご確認ください。ECサイト制作のための、Shopifyのセットアップもご案内します。
-
3
Shopifyの商品ページをカスタマイズして、商品の詳細情報を分かりやすく
表示させます。カスタマイズの目標、変更箇所を確認してください。 -
4
商品ページをカスタマイズするには、プレビュー用の商品を作る必要があります。商品登録、税込表示などの設定を行っていきましょう。
-
5
商品の説明やメタフィールドを、商品イメージの下に表示できるようにします。独自セクションを作って、Shopifyテーマをカスタマイズしましょう。
-
6
自作セクションにCSSクラスや、独自CSSを追加して見た目を整えます。テーマのカスタマイズ画面から設定できる項目を作って、利便性を高める方法も解説。
-
7
Shopifyのコレクション機能を使って、カテゴリー別の一覧ページを作成していきます。カスタマイズの目標、変更箇所を確認してください。
-
8
Shopifyのコレクション機能で商品をグルーピングし、カテゴリーとして活用します。通常のコレクションと見た目を変えるための、専用テンプレートの作成方法から解説します。
-
9
コレクションページの表示カスタマイズを解説します。ノーコードでは削除・変更できないセクションも、コード編集からなら自在に変更できます。
-
10
Shopifyのブログ機能を使って、商品の魅力やこだわりのを伝えられるようにしましょう。カスタマイズの目標、変更箇所を確認してください。
-
11
商品紹介ブログを作れるよう、shopify初期の“ニュース”とは別にブログを新設します。ブログに選んだ商品を掲載できるよう、ブログ用のメタフィールドも定義しましょう。
-
12
前回のレッスンで作ったブログをカスタマイズしていきましょう。テンプレートやセクションファイルを新しく作り、コードを書いていきます。これまでの復習にもなりますよ。
-
13
Shopifyでお知らせに使うブログを作成します。デフォルトとは別のデザインで、ブログページ（記事一覧）、トップページから表示させましょう。
-
14
“おしらせ”のブログ表示をカスタマイズするために、まずは表示確認用のブログ/ブログ記事を用意します。サクッと投稿を作りましょう。
-
15
ブログ一覧ページをオリジナルデザインへカスタマイズします。ストアのトップページなどでも活用できるよう、スニペットファイルを作成して使う方法を解説しています。
-
16
ホームページからも、独自デザインでブログをピックアップ表示できるようにしていきます。前回作成したスニペットファイルも活用します。
-
17
ヘッダーメニューやフッターの設定、法務関連のページ作成など、コード編集ではなくShopifyの管理画面から行える設定をしていきます。
-
18
ストアを訪れたユーザーが見たいページへ辿り着きやすくなるよう、ヘッダーメニューを設定しましょう。
-
19
テーマのカスタマイズ画面を使って、ファーストビューの画像やテキストを設定します。サイト全体の設定を行う“テーマ設定”の見方や、フォントの変更方法も解説します。
-
20
フッターには“特定商取引法に基づく表記”などのリンクを掲載することが多いです。Shopifyでこうしたポリシー類を作成し、フッターへリンクを設置してみましょう。
-
21
国内一律、●●円以上で送料無料、地域別送料の設定など、ECサイトでよく使われている送料設定を、Shopifyで設定してみましょう。
-
22
開発ストアでテスト注文を行う方法を解説します。税率や送料の設定、商品を購入したお客様にはどう連絡されるのか、確認してみましょう。
もっと見る
【応用編】ECサイト構築講座「SHOPIFYを使ったECサイト制作」
未経験者がオリジナルECサイト構築をイチから学べる講座『実践編』です。安全・安心なShopifyを使ってまったくのオリジナルECサイトを制作することが出来るようになります。
| 講座名 | 【応用編】ECサイト構築講座「SHOPIFYを使ったECサイト制作」 |
|---|---|
| 料金 |
219,780 円（税込） |
| サポート期間 | 30日間 |
| マンツーマンサポート | 2回 |
| レッスン数 | 22 |
| 質問回数 | 無制限 |
有料20講座ウケ放題！お得なプレミアムサービス
無料申し込み期限
4月28日まで
募集
人数
7名 （残りわずか）
