BASEテーマ「スターターパック」トップページの機能について

先月末からこのブログで 対応Apps色バリエーションについて続けざまにご案内している初心者向けBASEテーマ「スターターパック」ですが、今回はトップページの機能についてご案内します。

トップページの機能

「スターターパック」のトップページは以下のような構成になっています。

BASEテーマ「スターターパック」トップページの機能解説図

上から、

  • 画像スライド
  • INFORMATION
  • ピックアップ
  • おすすめ
  • 商品一覧

それぞれのエリアは管理画面から情報を入力するだけで、簡単に作っていくことができます。

画像スライド

画像スライドの設定解説図


スライドに表示させたい画像を、管理画面からスマホ用(正方形画像:横1280pixel×縦1280pixel)とPC用(横長画像:横1600pixel×縦1200pixel)を設定していきます。必要に応じて、それぞれの画像にリンクを設定することができます。なので、単なるイメージのスライドとしてでなく、アクセスしてきたユーザーを誘導する機能を付加することができます。
あとは必要枚数を設定した後、スライド表示をONにすれば完了です。

INFORMATION

INFORMATIONの設定解説図


管理画面から日付とお知らせ文章を入力して、INFORMATION表示をONにするだけです。
こちらもそれぞれの説明文章にリンクを設定できるので、スライド同様にユーザーを誘導する機能を持たすことができます。

ピックアップ

ピックアップの設定解説図

特に目立たせたいコンテンツを1つだけを表示させるために使ってください。
イチオシの商品だったり、イベントだったり、SALE商品だったり…
タイトルと画像、価格や説明文書、そしてリンクを貼ることができますので、あらゆるコンテンツの訴求に適した場所と言えます。
うまく活用すれば、アクセスしてくるユーザにかなりの訴求力を与える場所になります。

おすすめ

おすすめの設定解説図

おすすめもピックアップと同様に目立たせたいコンテンツを表示する場所です。ただし、一つではなく、3つまで表示可能です。
バナーと短い説明文章をが表示されて、リンクも貼れますので、こちらもうまく活用することで、ユーザーに見せたいコンテンツを訴求することができます。
設定は、管理画面でタイトル、画像、説明文章、リンク先を入力し、おすすめ表示をONにするだけです。

商品一覧

商品一覧は、管理画面で登録された商品が一覧で表示されます。
こちらは特に設定は必要ありません。
「PRODUCTS」のタイトルの下にカテゴリが自動的に表示されて、カテゴリ名をクリックするとカテゴリ別の商品一覧ページに移動します。
デモショップで見てみる

まとめ

通常ならば、デザインされたレイアウトにコンテンツを表示していくには、HTMLとCSSという知識と技術が必要になります。しかし、BASEの管理画面から必要事項を入力するだけで、特に難易度の高い技術を必要とせず、トップページを作り上げていくことが可能です。
さらに、必要であれば、前回にご紹介したAppsを追加して、さらにコンテンツの充実を図ることも可能です。

BASEは、簡単にネットショップを作り上げていくことにたけています。さらに、管理画面から簡単に設定するだけでトップページが作られていくBASEテーマ「スターターパック」をご利用いただくことで、初心者でも簡単に一定クオリティ以上のネットショップを構築することができます。

これからデジタルのビジネスに挑戦しよう、ネットショップを構築しようと思っておられる方は、是非一度当社のBASEテーマ「スターターパック」のご活用をご検討ください。

● BASEテーマ「スターターパック」
https://design.thebase.com/detail/106

● デモショップ
https://easy.thebase.in/

● 説明ページ
https://www.ryu-raku.co.jp/basetheme/starte


初心者向けBASEテーマ「スターターパック」色バリエーションについて

先月末からこのブログでも販売開始のご案内をしている初心者向けBASEテーマ「スターターパック」の色バリエーションについてご案内します。

背景色の設定

BASEではテーマの背景色を管理画面から簡単に自由に設定することができます。

背景色設定画面

背景色を設定するBASE管理画面

デザインソフトやHTMLなどの知識がなくても、簡単に背景の色を設定することができます。背景色を適切な色に設定することで、ネット ショップのイメージや商品のテイストをより引き立てて、視覚的なブランディング効果を高めることができます。

当社で販売中のテーマ「STARTER PACK(スターターパック)」も管理画面から自由な背景色に設定することができます。さらに、STARTER PACK(スターターパック)は、背景色を自由な色に設定できるだけでなく、濃い背景色の場合、文字色を明るく見やすい色に簡単に調整する機能が付いています。

背景に濃い色を選択した時の設定解説

この設定も難しい知識や操作は必要ありません。

STARTER PACK(スターターパック)カラーバリエーション

デザインのカラーサンプル例として、お見せしているバリエーションは以下のになります。

  • スターターパック ( Starter Pack )背景色ホワイト
  • スターターパック ( Starter Pack )背景色ブラック
  • スターターパック ( Starter Pack )背景色ベージュ
  • スターターパック ( Starter Pack )背景色グリーン

同じデザイン・レイアウトですが、背景色が違っていると受ける印象が全く違ってきます。

背景色から受ける印象

  1. 背景色 白
    白背景は、明るく清潔な印象を与える色です。視覚的な混乱を減らし、商品の細部を際立たせる効果があります。ミニマリズムを好む方に特におすすめで、全体のデザインがシンプルで一貫した印象を与えます。
  2. 背景色 黒
    黒背景は、落ち着いた高級感やモダンな印象を与えるための選択肢です。ジュエリーや高級ブランドなど、エレガントな商品を強調したい場合に特に効果的です。文字色を白に設定することで視認性を確保し、商品の魅力を前面に押し出すことができます。
  3. 背景ベージュ
    ベージュ背景は、暖かみと柔らかさを感じさせる色です。カジュアルながらも洗練された印象を与えるため、ファッション、家具、手作り品など幅広い商品に適しています。ナチュラルで人々に親しみやすい雰囲気を作り出します。
  4. 背景グリーン
    グリーン背景は、自然と健康に対する強い連想を生み出す色です。エコフレンドリーな商品や健康食品など、生活に優しいアイテムを販売するショップに最適です。鮮やかな緑は活力とエネルギーを表現し、訪問者に新鮮な印象を与えます。

それぞれの人によって受ける印象が若干違ってきますが、1度によって商品を際立たせ、ブランドイメージをアップさせる事は可能です。

スターターパック ( Starter Pack )特徴

シンプルなデザインで、余白をゆったりめに取ったレイアウト、自由な色で背景色を設定できる、そして画像を大きく配置。このような特徴を持つスターターパック ( Starter Pack )は、様々な商品をその特性の活かせるようになっています。

可愛いやかっこ良い、高級感がありすぎるデザイン/レイアウトは、掲載する商品も可愛い、かっこ良い、高級感ある商品でなければ違和感が出てしまいます。そうなると、見た目のでの商品の訴求効果やショップ自体のブランディングイメージにも違和感が出てしまい、デザインの力で商品のアピールを高めることができません。

初めてのECサイト開設では、こういった運営を開始した後から見えてくることが見えていない場合が多く、ショップや商品の見せ方においてもミスマッチを起こしてしまうケースが少なくありません。
ですので、シンプルなデザイン・レイアウト、自由に設定できるか背景色、大きな画像の組み合わせで、様々な見せ方が可能なBASEテーマ「スターターパック ( Starter Pack )」は、ネットショップを始める方にあったテーマであると言えます。

これからネットショップを始めようと考えている方、現在のネットショップのデザインがしっくりきていないBASEショップオーナーの方は、是非一度、BASEテーマ「スターターパック ( Starter Pack )」をご検討ください。

BASEテーマ「スターターパック」についての詳細情報

BASEデザインテーマ販売開始のご案内
https://www.ryu-raku.co.jp/blog/archives/2191

BASE DESIGN MARKET  スターターパック ( Starter Pack )
https://design.thebase.com/detail/106

デモショップ
https://easy.thebase.in/

解説ページ
https://www.ryu-raku.co.jp/basetheme/starter/

初心者向けBASEテーマ「スターターパック」対応Appsについて

2023.9.4更新
メンバーシップApp対応により、BASE全Appsに対応完了

先日より当社から販売開始しました初心者向けBASEテーマ「スターターパック」の対応Appsについてご紹介いたします。

BASEテーマ「スターターパック」はBASEからリリースされているほとんどのAppsに対応してます。
対応しているアップスを紹介する前に、まずはBASE Appsとは一体何なのかについて少しご説明したいと思います。

BASE Appsとは

BASE Appsは、BASEで提供されているショッピングカートシステムの拡張機能で、ショップにより充実した設定を追加したり、新しい機能が必要な際に追加できる便利なツールです。

BASEは初期状態では必要最低限のネットショップ機能しかなく、ネットショップオーナーが自分自身のショップに必要ば機能をBASE Appsで探し出して、個々にインストールする必要があります。すべてのBASEテンプレートに、自由にこのAppsを追加して機能を充実させることができるようになっています。

Official AppsとConnect Apps

BASE Appsには、「Official Apps」と「Connect Apps」の2種類あります。
前者はBASE独自で開発したAppsで、後者はBASE以外の様々なサービスを展開される企業様と提携したAppsです。追加できるAppは70個以上あり、そのほとんどが無料で利用することができます。

Appsの中にはカテゴリーApps(商品をカテゴリー分類できる)のような、最初から設定されておいて欲しいAppsもあります。必要最低限で設定しておかなければならないAppsが初期段階で入っていないことを考えると、それぞれにAppsがどういう機能かをネットショップオープン時には把握しておいて方が良いかもしれませんね。
また、あまりにも高機能のAppsもあり、無料であることを疑ってしまうほどです。

BASE Apps利用方法

BASE Appsの利用方法は簡単で、管理画面の上部一番右にある「Apps」をクリックするとすべてのBASE Appsが一覧表示されます。
そこから利用したいAppsを選んでインストールするだけ(少し設定をしなければならないAppsもあります)で、インストール直後から拡張機能があなたのネットショップに適用されます。
ショップで利用中のAppsは、ホーム画面から確認することができ、いつでも簡単に削除可能です。また、BASE Appsの一覧が掲載されたページには、管理画面内にあるメニューからいつでもアクセスでき、利用中のAppsは、管理画面の「ダッシュボード」から確認できます。解除したい場合もこちらから行うことができます。

「初心者向けBASEテーマ「スターターパック」対応Apps

前述しましたが、スターターパックはBASEから提供されているAppsのほとんどに対応しています。以下、対応Appsをご紹介します。
それぞれのAppsの説明ページへのリンクを貼っておきます。それぞれのAppsの詳しい説明をご覧になりたい方は、当社のブログの対応Appsのご紹介記事か、リンク先のApps詳細ページでご確認ください。

スターターパックは現時点でのほとんどのAppsに対応しているので、様々な業種やいろいろな商品の販売に対応できます。
BASEで以前から販売されていテーマには、最近リリースされたAppsに対応していないものもあり、見た目だけで選んでしまうと思っているような機能が追加されず、想定通りの販売ができなくなるかもしれません。そういった面から考えると、BASEテーマは新着テーマから選ぶのが良いかもしれませんね。

現時点でのほとんどのAppsに対応し、管理画面からスムーズに機能の追加拡張ができるBASEテーマ「スターターパック ( Starter Pack )」。Appsの対応状況においても自由にどれでも追加することができるので、ご案内している通り、ネットショップを初めて解説する方にぴったりです。
ネットショップ構築時には是非ご利用のご検討をお願いします!

2023.9.4 更新
メンバーシップAppへの対応完了。
スターターパック」はすべてのBASE Appsに対応しています。

初めてのECサイト開設にピッタリのBASEテーマ「スターターパック」の販売を開始

2023年7月22日よりBASE DESIGN MARKETで、初めてECサイトを開設する方にピッタリのテーマ「スターターパック」の販売を開始しました!

BASEテーマ「スターターパック」

STARTER PACK(スターターパック)

初心者向けBASEテーマ  スターターパック ( Starter Pack )
https://design.thebase.com/detail/106

ECサイトは、商品の写真を登録して、値段を設定すれば販売開始できると言うものではありません。
ネットショップの情報登録するだったり、特定商取引法に関する表記を入れなければいけなかったり、発注受注に関する情報を入れなければならなかったり、と、初心者にとってややこしいことを理解して、調べて、決めて、設定していかなければなりません。
そして、ECサイトを開設する下準備が整った後に、販売する商品の写真をあげたり、説明文書を追加したりしていかなければなりません。
難易度の高いややこしいことを終えた後に、ECサイトのレイアウトやどこに何を配置するかといったレイアウト・デザインなどを決めていくって、難易度の高い作業行った後の疲弊した脳では、なかなか難しいですよね。

なので、きれいなレイアウト、見やすく大きな写真、適切な幅の余白で見やすい配置が元々備わっており、管理画面で写真をアップロードして説明文を入れるだけで、見やすくわかりやすいページがどんどん出来上がっていくテーマって、便利じゃないでしょうか!

また、シンプルとプレーンな作りになっているので、様々な商品をPRする上で色やレイアウトが邪魔をしません。あまりに綺麗すぎる、可愛すぎる、モダンシックすぎるデザインだと、販売する商品がイメージにマッチしなかったり、商品が目立たなかったりして購入につながりにくくなります。

そういった様々な課題を検討した上で、初心者の方でもできるだけスムーズにECサイトを開設でき、様々な商品でもデザインやレイアウトがPRの邪魔にならない。そういったテーマを作り、今回販売させていただくことに至りました。

「スターターパック」の特徴

大きな余白と清潔なレイアウトは、お客様にとって見やすさを最優先に設計されています。そして、商品の画像を大きく配置することで、商品の魅力をより引き立たせ、訴求力を一層高めます。
また、背景色が黒でも白でも、管理画面から簡単に切り替えでき、清潔感あふれるイメージにも、シックで落ち着いたイメージにも対応することができます。
商品詳細ページは商品説明カスタム App対応により画像や動画が自由に挿入可能で、文章だけの商品説明に加えて画像や動画でさらに商品の魅力を訴求することできます。
BASE内のブログもテーマが適用されるので、外部ブログを使っているときのように、レイアウトが変わる違和感でユーザーが離脱してしまうようなことがなく、ブログに投稿されるコラムや記事から商品詳細ページへスムーズにユーザーを誘導することができます。

[ デザイン ]
「スターターパック ( Starter Pack )」は、初めてネットショップを立ち上げる方に最適なデザインや機能を持っています。レスポンシブウェブデザインが採用されているため、スマホやタブレットからの閲覧にも最適化され、一貫したユーザー体験を提供します。
背景色は、管理画面から簡単に切り替え可能で、黒でも白でも選択できます。これにより、ブランドや商品のイメージに合わせたカラーを簡単に設定することが可能です。

[ レイアウト ]
テーマのレイアウトは、見やすさと使いやすさを重視して設計されています。大きな余白とシンプルなコンテンツ配置は、ユーザーにとって直感的にわかりやすいページを作ることができます。また、商品の画像を大きく配置しているので、その魅力をより引き立たせ、訴求力を一層高めます。

[ 機能 ]
BASEで提供されているほとんどのAppsに対応しているので、ショップの機能拡張に必要なAppsを自由に追加することができます。商品詳細ページの説明文章で画像や動画の挿入ができる、ショップ内ブログを開設できる、レビューを追加するなど、ネットショップに必要不可欠な機能を追加することができます。また、SNSへのリンクがページ下部に配置されているため、ユーザーの不意なページ離脱の機会を軽減させることができます。

< 対応Apps >
・商品検索App
・カテゴリ管理App
・ラベルApp
・Blog App
・セールApp
・英語・外貨対応App
・BASEロゴ非表示App
・デジタルコンテンツ販売App
・レビューApp
・販売期間設定App
・予約販売App
・メッセージApp
・送料詳細設定App
・商品説明カスタムApp
・抽選販売App
・テイクアウトApp
・商品オプションApp
・コミュニティApp
・再入荷自動通知App
・年齢制限App
・お知らせバナーApp
・メールマガジンApp

[ 構築 ]
ショップ作りは、管理画面で商品登録とテーマ設定に必要なコンテンツを入力していくだけでページが出来上がっていきます。初めてオンラインショップを立ち上げる方でも簡単に設定できます。HTMLの知識がなくても構築することができます。また、HTMLを知っている方であれば、より自由度の高いカスタマイズも可能です。

BASEテーマ「スターターパック」についての詳細情報

BASEデザインテーマ販売開始のご案内
https://www.ryu-raku.co.jp/blog/archives/2191

BASE DESIGN MARKET  スターターパック ( Starter Pack )
https://design.thebase.com/detail/106

デモショップ
https://easy.thebase.in/

解説ページ
https://www.ryu-raku.co.jp/basetheme/starter/

最後に

私、松崎まさひろは、2020年から大阪府にあった大阪産業デザインセンターで、2023年からは大阪産業局の産創館にて、Web関連のデザイン相談員として中小企業の皆様から様々なご相談を受けています。

その中で解決しにくい課題の1つとして、お金の問題があります。
自社サイトや自社のECサイトを構築しなければならないんだけれども、その費用がどうしても捻出できない。事業として取り組むからには、きちんとしたものを制作会社に依頼して作ってもらいたいと考えておられますが、どうしてもその費用が捻出できないといったケースが多々みられます。

私自身、ネットショップを構築する作業自体を請け負うことを事業としております。そして、デザインとスペックにこだわった構築をしていますので、それなりの費用を頂戴しています。
ある程度の割引には対応していますが、すごい少額や大幅な値引きの上でECサイトを作る事はお受けしていません。これはほとんどの制作会社で同じではないでしょうか。

こういった状況で、オンラインでのビジネスにチャレンジしようとする起業家や中小企業が予算面で断念しなければならないのは、すごく違和感を感じていました。
何とかできないかなと考えた上でスタートさせたのが、ECサイト初心者向けBASEテーマの開発〜販売でした。

これまで、自分自身の授業で、ECサイトの構築に携わってきたスキルと脳波を駆使し、運営者にとっても、訪問するユーザーにとっても、わかりやすくて利用しやすいBASEテーマを作りました。

これからオンラインビジネスに取り組もうとする皆さんに役立てていただけることを願っています。