ぬるま湯デザイン塾 – 公式ブログ

沖縄から、こんにちは！ EC講師の亀井です。

前回のブログでは、 「クライアントの目的によって、提案するツールを変えよう！」 というお話をしましたね。

今回は、クライアントからの質問やECサイト初めて作りたいと思っている方からよく聞く、この疑問にお答えします。

「BASEとSTORESって、結局どっちがいいんですか？」

ネットで検索すると、

「決済手数料が何パーセント違う」とか「入金サイクルが…」といった お金の話ばかり出てきますよね。

でも、私たち「Webデザイナー」がツールを選ぶとき、 一番気にしなければいけないのはそこではありません。

結論から言います。
デザイナーとして、クライアントのブランドイメージに合わせた オシャレなサイトを作りたいなら、【 BASE一択 】です。

今回は、実務で絶対に知っておくべき 「デザインの制約」というリアルな違いについてお話しします。

１）どちらも「テンプレ」だけど、自由度が全然違う！

BASEもSTORESも、サイトの作り方の基本は同じです。 あらかじめ用意されたテンプレートを選んで、 そこに画像や文字、色をパーツごとに設定していくスタイルです。

これだけ聞くと、「なんだ、どっちも同じじゃん」と思いますよね。 でも、いざ編集画面を開いてみると、明確な差があります。

■ STORESは「制約」が多すぎる

STORESは、良くも悪くも「決められた枠にガッチリ当てはめる」作りです。 初心者でも迷わず作れる反面、いじれる範囲が極端に狭いんです。 クライアントから「ここの余白をこうしたい」「画像の配置をこう見せたい」 と要望されても、調整できないことが多々あります。 デザイナーとしては、かなり使いづらい（もどかしい）ツールと言えます。

■ BASEは「カスタマイズの幅」が広い

一方のBASEは、同じようにパーツを組み合わせていくノーコードの設定でも、 カスタマイズの柔軟性が圧倒的に高いです。 さらに、プロのクリエイターが作った高品質なテーマ（デザインの着せ替え）が 豊富に揃っているため、他社と被らない、クライアント独自の世界観を しっかりと表現することができます。

２）要注意！BASEの「HTML編集」に潜む罠

「よし、じゃあBASEにして、さらにHTMLやCSSもいじって完璧にしよう！」 と思った方。ちょっと待ってください。

実はここに、初心者が陥りやすい「罠」があります。

確かにBASEには「HTML編集」の機能があります。 しかし、無料で用意されている公式テンプレートのコードを 「少しだけCSSで手直しする」といったことはできない仕様なんです。

もしHTML編集機能を使うなら、 真っ白な状態から、HTMLとCSSを「すべて自分でゼロから書く」 必要があります。

これ、コーディングに苦手意識があるデザイナーの方にとっては、 かなりの拒否反応が出ますよね（笑）。

でも、安心してください。無理にコーディングする必要はありません。 先ほどお伝えした通り、BASEは用意されているテーマと 標準のカスタマイズ機能だけでも、十分にオシャレでクオリティの高い サイトが作れるからです。

３）機能面の違いと、STORESの出番

「デザインはBASEが良いのは分かったけど、機能はどうなの？ たとえば、オンラインレッスンやダウンロード素材（デジタル商品）は売れるの？」

これは、どちらのツールでも販売可能です！ STORESはもちろん、BASEでも「デジタルコンテンツ販売 App」という 無料アプリを入れるだけで、簡単にダウンロード販売ができます。

「じゃあ、STORESはいつ使うのか？」

STORESが圧倒的な強みを発揮するのは、 【実店舗のレジと連携させたい時】です。

クライアントがすでにカフェやアパレルなどの実店舗を持っていて、 「お店のレジ（STORES レジ）とネットショップの在庫を完全に連動させたい」 という場合は、迷わずSTORESを提案してあげてください。

４）まとめ：ツール選びもデザインの一部です

いかがでしたか？ 本日のポイントです。

「手数料が安いから」というネットの情報を鵜呑みにしてSTORESを選ぶと、 いざ制作に入った時に「デザインが変更できない…！」と泣くことになります。

ツールの「できること・できないこと」を理解して、 プロとして最適な環境を提案してあげましょう。

さて、次回は、 「実店舗」を持つクライアントから絶大な人気を誇る、あのツールについて解説します。

次回のテーマ： 「Square」は実店舗の味方！予約も物販もこれ1つで完結させる方法

それでは、 また来週〜はいさい！