Shopifyのテーマを決定する前に絶対に注意すべき3つのポイントShopifyのテーマを決定する前に絶対に注意すべき3つのポイントShopifyのテンプレートの特徴や選択方法について解説トップブログShopifyのテーマを決定する前に絶対に注意すべき3つのポイント02/06/2020こんにちは、研究員のおかもとです。今回は、Shopifyの「テーマ」について解説していきたいと思います。テーマとは、Shopifyのストアを構築するために用いられるテンプレートのことで、HTMLやCSSの知識なしにデザインをカスタマイズすることができます。ECサイトを構築する上で、デザインは非常に重要な要素です。Shopifyは簡単にデザイン性の高いショップが作れることで人気を博していますが、実際にどのようなテーマを利用すれば良いのでしょうか?今回はShopifyでサイトを構築する際にどのようなテーマを選ぶべきか、その考え方を含めて3つのポイントを解説していきます。あわせて読みたい:Shopifyとは?機能やメリット、評判や使い方までを解説ShopifyのECサイトを編集できる【テーマ】Shopifyには、ECサイトのデザインを簡単に変更できる「テーマ(テンプレート)」が存在します。Shopifyのテーマはどれもカスタマイズ性が高く、パズルのようにデザインを構築できるので、複雑なプログラミングなどは必要ありません。左側のメニュー画面で画像や文言を変更して、サイトをデザインして行く。テーマは公式でも100種類前後、非公式のものも合わせると1,000種類以上あり、様々なジャンルのサイトにあわせてリリースされています。Shopifyが公式に提供するテーマのどれを利用しても、ほとんどの場合簡単にクオリティの高いECサイトが作れます。選定時の軸をしっかりと決めないと、なかなかテーマが決まらずに無駄に時間を使ってしまうことも少なくありません。Shopifyのテーマは、運用などの部分で大きな変化を生むわけではありません。ストアのデザインはブランドのイメージを決定づける重要な要素であり、商品の購入率に大きく影響します。最適なテーマを効率よく見つけるためには、以下に注意しましょう。※補足※カスタマイズは、<オンラインストア→テーマ→カスタマイズ>から可能です。テーマ選定時に気をつける3つのポイントShopifyテーマを選ぶ際の3つの注意点です。これらを意識することで、ECストアの立ち上げスピードは大きく変わります。1自分たちのコンセプトと必要な機能を洗い出す(要件定義)実際にどのような機能を利用するべきか、自社サイトのコンセプトを想定しながら考えていきましょう。誰に向けて商品を販売するのか。具体的にどのような商品を販売するのか。■ストアの強み商品数や特徴的な商品など自社の強みは何なのか。様々な商品をまとめて表示するのか、一つの商品を訴求するのか。これにより、多数の商品を取り扱うことを得意とするテーマか、商品の特徴を強く訴求するテーマにするかなどを検討することができます。コンセプトを考えた結果、複数の商品を陳列でき検索機能などが充実しているテンプレートが必要。想定が立てられ、Shopifyのテンプレートを探す時間を短縮できます。<要件定義の例>例えば、これからShopifyでコーヒー豆を販売するサイトを作るとしましょう。・コーヒーを定期的に飲んでいるコーヒー好き。※昔ながらの喫茶店にあるブレンドコーヒーを求めているユーザー。動画、スライドショー=====といった具合です。コンセプトと必要な機能を整理することで、テーマの取捨選択がスムーズになります。2テーマを正しく認識するShopifyでストアを構築する際によくあるトラブルが、テーマに関する認識不足です。テーマの認識が不足していると、想像と違うストアが完成してしまいます。認識不足の例として以下があげられます。・機能不足にあとから気づくPC画面をメインに外観を作ってしまい、モバイル用の画像選択機能がなかったり、画像を横並びにする機能がなく、イメージ通りのデザインにならないことがあります。求めている機能をテーマが搭載しているか、事前にチェックしましょう。モバイル向けの画像設定が無いテーマも存在します。・カスタマイズが想定より多い上記とは反対に、様々な機能が搭載されているものの細かな設定が多すぎるテーマが存在します。このような場合構築に時間がかかったり、デザイン修正の際に意図しない部分が変更してしまうことがあります。カスタマイズしなければならない要素がとても多い。・日本語に対応していない有料のテンプレートを購入した場合、言語設定が日本語に対応していないため英語でサイトが構築されます。それぞれの英語に対応する日本語を入力し直す必要があるので、手間がかかる作業を避けたい場合は、無料テーマを利用したほうが良いでしょう。テーマを購入した際によくあることですが、Shopifyの言語設定を日本語にしておかないと、英語でストアが構築されてしまいます。デフォルト言語を日本語に設定しましょう。3トップのデザインだけで決めないECサイトの購買率に影響をあたえるのは、トップページだけではありません。商品ページやコレクションページ、ブログページのデザインにまで注意を払ってください。トップページは良い感じに仕上がっているのに、商品ページやコレクションページに手を加えられておらず、ユーザーががっかりして離脱してしまうことも少なくありません。Shopifyのテーマはトップページ以外のページもカスタマイズができます。商品ページやコレクションページは商品購入に大きく関わるところなので、必ず事前にデモ画面にてチェックをするようにしましょう。詳細ページのデザイン確認は必須。テーマ(テンプレート)を探す方法Shopifyのテーマを利用する上で、3通りの選択肢があります。各テーマにはそれぞれ一長一短の特徴があります。自分にあったテーマを選択するために各々の特徴をチェックしていきましょう。無料テーマは以下からダウンロード可能です。※オンラインストア→1テーマ→2無料テーマを探すより取得可能です。Shopifyの無料テーマは全8種類で、どのテーマもシンプルかつわかりやすい構成になっています。有料のテーマに比べて機能は少ないものの、複数の商品を一気に見せられる点や、動画を表示させられる点など、それぞれのテーマに特徴があります。シンプルなためカスタマイズ性が高く、これらをベースにliquid(Shopifyを構築するプログラミング言語)でオリジナルテーマを作成することにも向いています。8つの無料テーマのそれぞれの特徴は以下の通りです。simple:汎用性が高くどんな業種にもマッチ。複数商品を扱うEC向け。・商品ズーム・アニメーション・商品レコメンドBoundless:商品画像を大きく見せることができる。・スライドショーのフェードエフェクト・追尾ナビゲーション・シングルプロダクトギャラリーVenture:バナー表示やメニューを2列にできる機能を搭載。複数商品を扱うEC向け。・プロモーションバナーDebut:デフォルトのテーマ。シンプルだがカスタマイズしやすい。・プロモーションバナーSupply:商品数が多いECサイト向け。・コレクション特集Narrative:高級感が高く、動画の埋め込みが可能。・ヒーロービデオ・視認性の高いデザイン・固定ナビゲーションBrooklyn:ファッション系サイトに人気。・スライドアウトカートMinimal:カスタマイズしやすく初心者向け。無料テーマは複数選択して試してみることもできます。Shopifyには様々なサードパーティアプリがあり、アプリをダウンロードすることで後からカスタマイズ可能です。直感で自分のコンセプトとマッチするテーマを選んでみてください。Shopifyテーマストア(有料)https://themes.shopify.com/Shopifyの公式テーマは180USD(約19,500円)前後となっています。機能は多種多様で、無料テーマには無い機能も用意されています。それぞれにデモサイトがあるので試してみてください。・商品や画像に動的な演出をする・商品検索機能の充実など動的な演出の少ないShopifyの無料テンプレートと比べると、デザインの豊富さが伺えます。これらはデザインの微妙な違いですが、購入率に直結する要素である場合も多いです。Shopifyを長期で利用をするのであれば購入する価値があるといえるでしょう。欠点として、有料テーマはデフォルト設定がしばしば英語になっていることが挙げられます。実際に日本のユーザー向けに利用するのであれば、日本語への翻訳を手動で行う必要があります。地道に編集が必要Shopifyテーマストア外のテーマ公式ストア以外に、Shopifyのテーマが集まるサイトとして有名なのが、themeforest(テーマフォレスト)です。https://themeforest.net/このサイトはクリエーターが作成したCMSのテンプレートを販売するサイトです。Shopifyはもちろん、WordPressを始めとした様々なテンプレートが集められています。900種類を超えるShopifyの非公式テーマを扱っており、豊富な機能を取り揃えています。簡易のレビューやお気に入り機能など、Shopifyアプリでリリースされているような機能がパッケージとして販売されているのでお得です。金額も16~60USD(1,700~6,500円)前後となっており高い人気を誇っています。上記はShopifyのテーマストア外のテーマです。Shopifyの公式な仕様変更に対応できない可能性なども考慮しておく必要があります。海外のユーザー向けに作成されたテンプレートのため、公式テーマ同様にすべて英語になっていてページの文言を英語→日本語にする必要があります。内包されている機能は便利なものの、Shopifyアプリのように細かい調整ができなかったり管理画面そのものがなかったりします。さまざまな機能を少しだけ使ってみたい方にはおすすめですが、細かな微調整を実施したいユーザーは、Shopifyのアプリを利用したほうが良いでしょう。Shopify(ショッピファイ)アプリとその使い方を解説。Builderを利用しようテーマを作成するときに重要なのは、それぞれのコンテンツにどのようなデザインを当てはめていくかということです。トップページはもちろん、個別の商品ページのデザイン編集やブログの構成編集ができるので、よりクオリティの高いサイトを作ることができます。それぞれのページにあわせたテンプレートが存在します。月々39ドルの費用はかかりますが、アプリのレビューに見られる通り、多くのユーザーが高い評価をしています。細かい微調整を行いたかったり、ブランディングを重視しているECサイトにとって必須のアプリです。昨今のECサイトはストーリーづくりが非常に重要になってきており、単純な商品販売だけでなくブログやプロダクトページのコンテンツにより重きをおく必要があります。Builderを使えば、それぞれのページに細かなデザインの変更が可能で、サイトのクオリティをワンランク引き上げてくれるでしょう。テーマ選びはストア構築の最初の一歩Shopifyのテーマを導入するにあたって重要な3つのポイントを紹介しました。1自分たちのコンセプトと必要な機能を洗い出す(要件定義)2テーマを正しく認識する3トップのデザインだけで決めないテーマ選定によって、サイトの購買率は大きく変わることもあります。上記ポイントを意識してテーマを選択するように心がけてください。様々な機能が標準搭載されているShopify(ショッピファイ)ですが、利用ユーザー独自のカスタマイズもできます。サイトデザインだけではなく、運営効率改善のためにバックヤード側もアプリ開発をすることでカスタマイズが可能です。過去のShopify開発の知見を元に、テクノロジーを活用した業務の効率化・コストの削減・利益の最大化を目的とした研究開発およびサービスの提供を行っております。デジタルトランスフォーメーションに関わる専属のエンジニアが多数在籍しており、それぞれが強みを持った開発のエキスパートです。以下のようにShopifyアプリの作成も実施しております。日本市場におけるShopifyアプリ構築や、導入・運用・マーケティングサポートを実施https://apps.shopify.com/partners/transcosmos自社が得意とするテクノロジーを活用した研究開発および運用コンサルティングを一括して支援することで、流通及び販売事業における飛躍的な業務効率化及び経費削減を実現しています。アプリ開発のみならず、導入後も課題解決に向けた伴走型のコンサルティング部隊を強化し、お客様のデジタルトランスフォーメーションをサポートしていきます。定期的にお送りさせていただきます。