INQUIRY BLOG

ホームページ制作・デザイン事務所 INQUIRY(インクワイアリー)ブログ

ホームページ制作・デザイン事務所 INQUIRY(インクワイアリー)ブログ

2019年:楽天ショップデザイントレンドまとめ

気づけば、今年も残り2ヶ月を切りましたね。
お久しぶりです。
後藤です。
このブログでダントツ1番アクセスがある記事、楽天ショップのデザインまとめ記事。
昨年書いた記事は下記よりご覧ください。

www.inquiryblog.net

商材や企画・撮影やコピーなど色々あるECの世界。
デザインも、もちろん重要な1つの要素です。

今回は少し早いですが、今年2019年で私が気になった、目を引いた楽天ショップ・サイトを10サイトご紹介いたします。
※今年リニューアルや制作されたサイトとは限りません。

ecoloco(エコロコ)

https://www.rakuten.ne.jp/gold/auc-ecoloco/

レディースファッション系の「ecoloco」さん。
白とグレーのシンプルなサイトですが、「新商品」「特集」「ランキング」など見やすいカテゴリ化をされていて、検索周りもかなり充実しています。
気になったのが、特集ページ、goldで楽天とは思えない綺麗なページを制作されています。
トップも特集もレスポンシブ仕様です。

茶匠庵

https://www.rakuten.ne.jp/gold/chashoan/

お茶やスイーツ・食品を販売するショップ「茶匠庵」さん。
トップページのイラストや柔らかいデザインで、各商品へのバナーがたくさんあり、ワクワク感があります。
各商品ページもランディングページで詳しく商品を紹介しています。

サプリ専門SHOP シードコムス

https://www.rakuten.ne.jp/gold/seedcoms/

楽天でサプリメントと言えば「シードコムス」さん。
大きくレイアウトされたバナーが特徴的で一目でどういうショップなのか、何をやっているショップなのかが、かなりわかりやすい、お悩み別コンテンツ・バナー等でユーザー目線の動線を設置されています。
こちらもレスポンシブ仕様です。

soulberry(ソウルベリー)

https://www.rakuten.ne.jp/gold/soulberry/

レディースファッション系の「ソウルベリー」さん。
手書き風のイラストが印象的なサイトで、全体は白黒ベースでシンプルです。
バナーなども1つ1つ違うデザインで見ていて楽しい。
目を引いたのは、メインやサブのキャッチコピーや特集ページなどの企画。
ファッション系のサイトはどのショップも似たり寄ったりになりますが、「ソウルベリー」さんはオリジナル性が突出していて特集記事ページも見ていて面白かったです。

Re:EDIT(リエディ)楽天市場店

https://www.rakuten.ne.jp/gold/galstar/

こちらもレディースファッション系の「リエディ」さん。
落ち着いたトーンのデザインで全体的に見やすく、検索周りも色々と充実しています。
気になった点は、コンテンツ幅が広い。maxで1400pxと広く、途中から2カラムになりますが、広いのでインパクトもあり、たくさんのバナー数でアピールできます。
こちらもレスポンシブ仕様です。

メディプラス楽天市場店

https://www.rakuten.ne.jp/gold/mediplus/

コスメ商品等を販売されている「メディプラス」さん。
トップページは切り替えの大きなメインイメージがインパクトがあります。
そのほかにカテゴリや注力商品紹介が設置されています。
PCでもスマートフォンでも表示される右のドロワーナビゲーション、ここに必要なリンクやバナーなどが入れれます。
楽天はPCもスマートフォンも商品テンプレートになるので、このようなナビをどのページにも表示させる事で、離脱を防げます。
こちらもレスポンシブ仕様です。

幸せLAB 楽天市場店

https://www.rakuten.ne.jp/gold/rise-store/

サプリメントや化粧品などを販売する「幸せLAB」さん。
白ベースで、シンプルなサイトデザイン・レイアウトですが、各バナーのインパクトがあります。
お店の紹介やこだわり、ピックアップなどカテゴリ化されていて見やすいです。
FAQや受賞コンテンツなどがトップページに入っているので、トップページである程度ショップへの理解が完結できています。
あとは商品ページを見るだけ!のような流れが参考になります。

よなよなの里 エールビール醸造所

https://www.rakuten.ne.jp/gold/yonayona/

独特のコンセプトビール等を販売している「ヤッホーブルーイング」さんが出店している楽天ショップ。
ブルーの背景色が印象的で、トップページはバナー等で見やすく商品を紹介しています。
「初めましての方はこちら」でサイトの使い方・楽しみ方など、新規ユーザー向けへのコンテンツも充実しています。
商材的にギフトやセットの動線もわかりやすく設置されています。

N organic(エヌオーガニック)楽天市場公式

https://www.rakuten.ne.jp/gold/norganic/

オーガニックライフケアブランドを販売している「エヌオーガニック」さん。
トップページは白ベースで、かなりシンプルな構成です。
気になったのは商品ページ。ランディングページをわかりやすく綺麗に制作されていています。
PCとスマホは別デザインでPCはかなり幅の広いLPデザインはこのショップさんもそうですが、最近よく見ます。

Tasty lab 楽天市場店

https://www.rakuten.ne.jp/gold/ergogenic-life/

最後は宣伝です(笑)私が制作・運用を担当しているクライアント様のサイトです。
10月に3年ぶりのリニューアルを行いました。
リニューアル前も私が担当していたのですが、今回はショップ名・コンセプトも一新されたので、デザインも丸ごとリニューアルしました。
楽天では今年2回目のレスポンシブサイトで、トップページはコンテンツを整理してカテゴリ化を行い、各目的への動線をシンプルに載せています。
ファッション系や食材系でよく見られる「注目キーワード」や新たに「埋め込み式のメルマガ申し込みフォーム」などユーザーがより求めているコンテンツを今回は搭載しました。

楽天ショップデザイン・制作のまとめ

楽天はダサい、バナーが多い、スーパーのチラシ見たいなど言われてきましたが、今年見たサイトの中では、デザインでは色数をあえて抑えて、レイアウトはシンプルに、 PCは幅が広く、レスポンシブで作られてるサイトが増えてきた印象です。
スマートフォンでのしっかりとした動線作りや検索周りの充実さも目立ちました。
また、昔はJavaScriptを使わないと切り替えができませんでしたが、今はPC・スマートフォン別々で制作しても、スマートフォンは「index_sp.html」で設定すると自動で切り替えてくれます。
来年も楽天市場では売上げも制作への力の入れ方もよりスマートフォンへ移行していくのかなと思います。

楽天市場のセール・キャンペーン企画の作り方

楽天市場では、スーパーセールが終わりましたね。
ECサイト全体で言えば、売り上げが最も伸びる企画「セールやキャンペーン」ですね。
単純に値段が安くなったり、ポイントが付与されたり、開催期間中はユーザーが最も動きます。
そんな中、楽天市場でセール・キャンペーン企画を作る時の内容や種類をまとめました。

スーパーセール

楽天でおなじみ「スーパーセール」です。 年に4度開催され、半額や割引など、楽天市場で参加する様々なショップが力を入れるセールです。 スーパーセール時期には、Goldで特集ページなどを作り、各対象商品へ誘導します。

お買い物マラソン

もはや、回数が多くなり、今年でも月1回2回開催されています。
「買い回り」を目的としているセールで、この期間売りたい商品やスーパーセール同様に力を入れます。
スーパーセール同様に、バナーや特集ページなどを作り、各対象商品へ誘導します。

ブラックフライデー

近年色々なECサイトでも企画があるブラックフライデー。
今年は11月29日だそうです。
楽天市場でも様々なショップが企画を立てています。
スーパーセールと時期が近いので、あえてセーブしてスーパーセールに力を入れる判断も良いです。

これら大型セールでの特集ページは、レスポンシブサイト・ページでテンプレートを作る形だと運用がしやすいです。

楽天主導のキャンペーン企画

これらはセールよりキャンペーンなので、PCやスマートフォンの各所に楽天からの提供バナーを設置するイメージです。

楽天超ポイントバック祭

購入金額によってポイントの付与率が高くなる形のキャンペーン。

SPU(スーパーポイントアッププログラム)

購入金額によってポイントの付与率が高くなる形のキャンペーン。特定の条件を満たせば、ポイントがアップするキャンペーンです。数年前は7倍でしたが、現在は最大16倍まで上がっています。

5と0のつく日

5と0のつく日に楽天カードで決済するとポイントが5倍になるキャンペーン。

独自セール

独自セールはそのショップや商材にあったセールでオリジナル性を出す事ができます。
メインの大型セールのように、特集ページを作り企画しましょう。
ただし、3月・6月・9月・12月はスーパーセールがあるので、開催の時期・タイミングは気をつけた方が良いです。

お正月や福袋、お歳暮・母の日・夏まつり・クリスマスなど、年間・言ってしまえば毎月で独自セールは開催できるネタがたくさんあります。
また、独自で日にちを決めて、〇〇の日や決算セール・新商品発売セールなども開催できます。

ヤフーショッピングのセールは?

もちろん、独自ですと楽天市場同様に開催できます。 スーパーセール・お買い物マラソンに変わる決算セールや年末セール・毎月行う5のつく日などがあります。

セールのやり過ぎは注意

上記のセールを全て開催すると、セール癖と言いますが、いつでも安く売っているショップとユーザーの印象に残ってしまいます。
ベストはセールを行わなくても順調な売上を上げれるところですが、要所でバランス良く企画する事が重要です。

例えばですが、スーパーセールに一番力を入れ、マラソンやその他はセールは控える施策や、特定のカテゴリでセール毎で商品を絞ったり、変えたりすると良いと思います。

楽天・ヤフーショッピング制作・運営サービス「SHOP HELP」をオープンしました

shophelp.jp

久しぶりの投稿です。後藤です。
この度、楽天・YAHOOの制作・運営サービス「SHOP HELP」というサイトをオープンしました。
年間を通りして、楽天・ヤフーショッピングのショップ様のWEB制作・運営・集客支援を行っていくサービスです。

なぜこのサイトを作ったか?

これまで、独自のやり方で、お客様から都度ご要望を受け、EC運用・支援を行ってきました。
最初は単純なWEB制作から始まりましたが、その後、集客支援、商品撮影、社内運用改善などここ最近ではパッケージとしてお客様より求められてきました。
受注や取引のご依頼は、ブログやWEBサイトを中心に問い合わせをいただいて頂いておりましたが、提供サービスの詳細や料金などを、よりわかりやすくご説明する為に、この度EC事業をサービス化してサイトで発信する事にしました。

サイトの方向性

始めは私が長年経験している「楽天・ヤフーショッピング」のモール向けサービスですが、将来的には他企業との協力も得て、「STORES.jp」「カラミーショップ」「BASE」やその他自社ECなど、このサイトの名前にもあるように総合的なショップの手助けをできるような、EC運用・支援を目指して参ります。

サービス内容

ページ制作

ショップ様にもよりますが、「商品ページ(PC/SP)」「キャンペーン・セールページ」「固定ジャンルなどの特集ページ」など様々なページ制作をいたします。

サイト運営

広告や各所のバナー制作・パーツ・テンプレート制作をいたします。

メルマガ制作

コンテンツ構成からLP型のメルマガなどを制作いたします。

販促業務

企画・特集(ポイント・クーポン・キャンペーン考案・レビュー対策など)考案していきます。

写真撮影

白背景・シチュエーションイメージ写真まで撮影いたします。

リニューアル(運用外)

既にあるサイトのリニューアルを行います。 しっかりとショップコンセプトを立てて、運用しやすい設計を行い制作いたします。

今後のEC業界について

商材やジャンルにもよりますが、まず本店なのかモールなのかどのショップ形態から決定していく事が重要です。
広告費をかけて、出せば売れる時代は終わり、商品によっては価格競争が厳しい時代になりました。
今後はより魅力的な商品・コンテンツ・ストーリーなどそのショップにしかないオリジナル性が求められてくると思います。
ショップヘルプではお客様と共に売り上げを上げれるよう最大限のお手伝いさせていただきます。

shophelp.jp

楽天ショップのスマホデザイン時に気をつける4つの事

久々に楽天ショップに関する記事を書きます。
私も様々なショップ様のサイト制作・運用を担当しておりますが、
現在最も重視して行わなければならないのが、スマートフォン向けの制作・運用・施策です。

楽天市場全体でも売り上げ・アクセスが半数以上、PCを売り上げが超えたなどの話もあり、私の担当するショップ様も7割、ターゲットが若いユーザーのショップ様ですと9割とほぼスマートフォンからの売り上げがある事がわかりました。

そんな中、楽天ショップのスマートフォン制作時に注力したい箇所などをまとめました。

1.商品ページについて

やはりデザインに注力したいと目が行くトップページより、まず注力したいところが、商品ページとなります。

ショップへのファーストコンタクトは商品ページ

楽天ユーザーは、楽天市場トップページの検索ボックスや購入を検討しているカテゴリ、ジャンルのランキングなどからショップページへアクセス・コンタクトをします。
ですので、最初に見られるが、商品ページとなります。

サムネイルを充実させる

まず商品ページのファーストビューにスライド式サムネイルがあります。
「商品説明文」でしっかりとデザインをして商品ページを作っていても、スクロールをしないと見れません。 いかにファーストビューのサムネイルで商品の魅力を伝えれるかが重要です。
この場合は商品ページデザインから設置するだけでも良いですし、サムネイル用でしっかりと作るのも良いです。

バナー設置

商品ページに共通で設置できるバナーは限られています。
裏技(RMSのバグを利用したやり方)でフローティングバナーなども設置はできますが、どのページへリンクさせるかが重要です。
トップページやキャンペーン・各カテゴリへのリンクなど、商品ページから離脱させない設計にすると良いです。

2.トップページについて

ユーザーがショップ自体に興味を持ってアクセス・コンタクトをするトップページ。リピーターの多くも見るショップの顔となるページになります。
このページではデザインの前の設計が重要で、商品ページのように1つにスポットを当てるというより、 各商品を見やすく紹介し、再誘導させる仕組みを設計したり、ニュースエリアなど即効性の高い動きも入れれます。
また、サイトコンセプトや会社紹介など信頼感を伝えるコンテンツを設置しても良いです。

3.メニュー・ナビゲーションについて

現在様々なショップを見ていると、まだまだスマートフォン時のナビゲーションは、ドロワー形式が多いです。
1タップでカテゴリメニューなどを表示させれますが、合わせてその時に開催しているキャンペーンや注力カテゴリ・商品などのバナーもドロワーメニューに入れると良いです。
特に楽天ショップでは商品ページやカテゴリページは楽天のテンプレートになるので、トップページからのリンクは、着実に誘導したいページへのバナーなどを押す事が重要になります。

4.動画について

商材によっては難しいと思いますが、動画でアピールできる事があれば積極的に行った方が良いです。
EC業界全体でも、写真より動きや音楽で、商品の世界観をアピールできる動画は各ショップ様で行なっています。
楽天ショップのスマホでは、商品ページにはRMSの「動画(HTMLソース)」にアップロード動画を設置すれば、ファーストビューサムネイルに表示がされます。 また、トップページにもRMSアップロード動画を設置できます。

まとめ

年々、スマートフォンでの売り上げ・アクセスが伸びてきており、PCは注力しなくても良いということになってくるのでしょうか。
一概には言えませんが、ターゲットの層が若ければ、確実にスマートフォンに比重を置いて制作されるのが良いです。

【INQUIRY 2019】フリーランス5年目のご報告

後藤です。
2019年もあっという間で、もうすぐ半分が過ぎようとしています。
気づけば私も独立して、5年目に突入しました。

この度、事務所を移転しました、
それに伴い自身の事業やWEBサイトなどを整理しました。

事業の方向性について

これまでは私の屋号、INQUIRY(インクワイアリー)では「WEBデザイン」と「ディレクション」と幅広く色々なジャンルのサイト制作をしてきましたが、 今後は、現在多くの受注事業でもある「EC」も事業のメインとして行います。
最近はただサイトを制作するのではなく、ショップの方向性や長期の運用のお手伝いも多くなってきましたので、事業として明確に打ち出すことにしました。

ロゴ・名刺

名刺は、随所でブラッシュアップをしていましたが、独立以来、初めてロゴを一新しました。
前事務所でお世話になった、あおいろデザイン(江副哲哉さん)さんに依頼させて頂きました。
元々のロゴイメージや事業コンセプトより、1から考えて頂き形にして頂きました。

WEBサイトリニューアル

spiritofinquiry.net

2年半ぶりのリニューアルとなります。
リニューアル前のサイトも現在も周りから好評を頂いておりまして、お問い合わせも定期的に頂いておりますので、大きく変えるのも悩みました。
今回のデザインは、ロゴ・名刺をベースにリデザインしました。前回の黒ベースより、白を入れて、余白を大きくすっきりとしたイメージを目指しました。

写真について

前回同様、メインに自身が撮影した、福岡の風景をメインイメージにしました。
写真撮影は、ECの運用サイトでも担当しています。自身を発信する趣味として、今回は仕事としてもアピールしています。

事務所移転

今回の事業整理のきっかけにもなった事務所を移転しました。 2年半、平尾にあるシェアオフィスで活動してきました。 福岡へ移住して8年目、独立から5年目、より事業を拡大・前進できるよう、移転を決意しまして、 今月中旬よりデジタルハリウッドさんが運営する「G’s BASE FUKUOKA」へ事務所を移転し入居しました。

事務所を移転し、事業の整理も心機一転行いましたので、
少しでも前進できるよう、頑張っていきたいと思います。
今後ともよろしくお願いいたします。

Copyright © INQUIRY BLOG AllRights Reserved.