新卒社員がShopifyで1からお店作ってみた①サイト構築編

2021年5月18日 16:14

皆様こんにちは。
株式会社フロアスタンダード21卒新入社員のMihoと申します。（＠sns_seawalk)
普段はShopifyサブスクアプリ「Mikawaya Subscription」の広報担当を行っています！

突然ですが、この度Shopifyで1からお店を作ってみることになりました✨
弊社の自社ブランド「YOU TOKYO」の名前を借りて「MIHO KYOTO」というヘアケア製品を扱うECストアをShopifyで作ってみます！EC業界に入って50日とまだまだ未熟者の私ですが、どうぞ宜しくお願いいたします。

■MIHO KYOTOコンセプト

【MIHO KYOTO】
★取り扱い製品→ヘアケア製品
★ターゲット→20〜40代の女性
★コンセプト→「あなたの魅力をもっと。」
自分の魅力って自分では気付けていないことが多い。この商品を使って自分の魅力を引き出せたらと思いこのコンセプトに決めました。

■なぜShopifyでお店を作ることになったのか

私は某ライブ配信アプリで公式ライバーとして活動しています。そのため学生時代はSNS発信に力を入れていました。（Twitter／Instagram／ライブ配信）就活の面接では、SNS発信に力を入れていたことを大いにアピールし、入社30日で和製Shopifyアプリ「Mikawaya Subscription」の広報に任命していただきました。

Mikawaya Subscriptionの広報やるにあたって、「Shopifyの操作方法が分からない」や「1度も触れたことがない」などの問題点がないようにするため、今回実際にShopifyでサイト構築をすることとなりました。

■Shopifyサイト構築編

まず最初にサイト構築を一通りやってから1番重要だと思ったポイントを皆様にお伝えしたいなと思います。それは、「全体のレイアウトを先に考える」ことです。
そこを考えず構築し始めてしまったので、画像の配置を考えるのに時間がかかってしまいました^^; なので、まず全体の仕上がりをイメージしながら素材を用意し、どこに配置するかを決めておくとスムーズに進むのでそこから始める事をオススメします！

また、他にも重要だと感じた点が1つあります。それは「Shopify画像のアップロードが20メガピクセル、20メガバイトを超えるものが使えない」ことです。画像をアップロードしようとしても20メガピクセルまたは20メガバイトを超えるとアップロードが出来ないので、自分自身でサイト構築をする際には、事前に画像ファイルを確認してから取り掛かることをオススメします！

■Shopifyサイト構築編

では手順を説明していきます。
Shopifyアカウントにログイン（模擬店舗作成なので開発用ストアアカウントで今回は作成しています。）

①「テーマカスタマイズボタン」→「テーマをカスタマイズする」を押します

スクリーンショット 2021-05-17 18.59.18

②「カスタマイズ」に入ります。

スクリーンショット 2021-05-18 15.19.21

③左のオレンジで囲った箇所から右に反映されるページを編集できるので、各セクションを編集していきます。
（ヘッダーやフッター、お客様の声など自分で作りたいセクションを選び簡単に編集がきます。今回MIHO KYOTOでは「ヘッダー」「テキストオーバーレイ付き画像」「テキスト付き画像」「画像付きテキスト列」「お客様の声」「ギャラリー」「フッター」を編集してみます。）

スクリーンショット 2021-05-18 15.22.07

④③のオレンジ内の「テキストオーバーレイつき画像」をクリック。
「画像選択」「レイアウト」「見出し」「テキスト」などの項目がでてくるので各所を編集していきます。
※参考としてテキストオーバーレイ付き画像の編集をご紹介します。
（基本的にその他のセクションの編集方法は似ているので自分好みの内容にカスタマイズしてみてください！）

スクリーンショット 2021-05-18 15.38.11