Web関連

ワンピースの『悪魔の実』専門ECサイトを構築しよう

0

こんにちは、デザイナーの石塚です。

ユーザーが目的の情報に迷わずたどり着ける。ユーザーのニーズに合ったものを提案する。
そんなサイトを作るためには、しっかりとした情報分類が肝となります。

乾燥肌に合う化粧水を探しているのに、「ブランド名」だけでカテゴリ分けされていては、どの化粧水が求めているものなのか判断できません。

今回は情報分類の仕方について、ワンピースの『悪魔の実』を通して学びたいと思います。
ちなみにワンピースは、スリラーバーク編以降読めてません。

基本的なカテゴリ分け

レシピサイトで考えてみましょう。

レシピのカテゴリの分け方は、いろんなものが考えられます。
「肉・魚・野菜」といった食材ごとであったり、
「パスタ・ご飯・麺」といった主食ごとなどが考えられます。

akumanomi_150415_01.png

あじを使った料理を探しているユーザーであれば
左のカテゴリ分けから「食材」→「魚」→「あじ」と進むでしょう。

このように、大カテゴリの中に適切な小カテゴリがあることで
ユーザーが迷わず目的のレシピまでたどり着くことができます。

悪魔の実のカテゴリ分けを考えてみました。

悪魔の実は下記の3つの系統に分けられます。(wikipediaより)
・超人(パラミシア)系
・動物(ゾオン)系
・自然(ロギア)系

akumanomi_150415_02.png

この分け方だけでは、ECサイトとしては不十分です。

もともと実の能力を知っている人や
「ルフィみたいになりたい!」と目的が決まっている人なら問題ありませんが、「とにかく強くなりたい!けど、どれを選べばいいんだろう」と迷っているユーザーには提案型のカテゴリ分けをしなくてはなりません。

提案型のカテゴリ分けを考える

レシピサイトで再度考えてみましょう。

「働く女性・ママ」にターゲットを絞り、
その人たちの関心ごとや抱えている問題ごとに分けてみました。

akumanomi_150415_03.png

基本的なカテゴリ分けで「迷わず目的にたどり着ける」だけでなくこういった提案型の切り口を設けることで「悩みを抱えているユーザーに解決策を与える」ことができます。

提案型カテゴリ分け:悪魔の実編

悪魔の実は、それぞれが全く異なる能力を持っています。
先ほどのように系統だけでくくるのは適切ではありません。

ツタヤにDVDを借りに行って、
「洋画・邦画」だけにしか分けられていなかったら
どこから選んでいいか分かりません。
お店の中は、
「家族で楽しめるアクションが見たい」
「一人でめちゃくちゃ切ないラブストーリーを見て号泣したい」
と、選ぶ人のシーンに合わせて選べるようジャンルごとに分けられています。

悪魔の実も、シーンごとに切り口を分けてみましょう。

akumanomi_150415_04.png

「お世話になったあの人に。シーン別ギフト用悪魔の実」をテーマにカテゴリ分けしてみました。
これでユーザーは、目的に合わせて最適な悪魔の実を選べることができます。

その他にも
「運動会でウチの子を絶対1位にする…!種目別おすすめ悪魔の実」
「面接でズバ抜けた印象を残したい!就活サバイバル用悪魔の実」
なんて分け方も面白いかもしれません。

いかがでしたでしょうか。
情報分類の重要性について勉強になった、という方は「いいね!」を、
「ウチはこんなECサイト作りたいんだけど」という方はお問い合わせフォームよりお申し込みください。

0

アレが欲しい!ときに使いたいファッション通販サイト紹介(第1弾)前のページ

仕事に役立つiPhoneアプリ(上)次のページ

ピックアップ記事

  1. AIに求められているものは、実は意外な物だった
  2. 新しい販売形態であるDtoCについて考えてみる
  3. 大手企業も注目するMaaS(Mobility as a Service)とは何か…
  4. 新型コロナウイルスで日本の働き方改革が起こる

関連記事

  1. Web関連

    ただ面白いだけではない…ゲーミフィケーションを活用したアプリ

    2015年秋、千葉の幕張にて、「ITJapanWeek」というITを中…

  2. Web関連

    面白いスマホサイトとは?動きが面白いスマホサイトまとめ

    みなさんはインターネットで調べごとをするとき、パソコンで調べますか? …

  3. Web関連

    海外のハイクオリティな写真まとめサイト3選

    世の中には写真の購入サイトがいっぱいありますが、皆さんは利用したことあ…

  4. Web関連

    unknownマーケティングでもリードナーチャリングはできるの?

    リードナーチャリングの大切さはみなさんご存じのことと思いますが、こ…

  5. Web関連

    リッチスニペットの新しい手法 schema.orgとは?

    アマガエル、可愛いですよね。どことなく愛嬌が感じら…

  6. Web関連

    ユーザーを騙す!?インフィード広告の有効活用

    皆さん、スマホのニュースアプリやSNSなどで以下のような広告を見たこと…

おすすめ記事

最近の記事

  1. 人間拡張×AIで非接触なデジタル化を推進する
  2. ヘルスケアはAI先生にみてもらう時代
  3. withコロナは非接触技術で生活しよう!
  4. デジタル接客+AIで非接触を推進する
  5. 遠隔診療や遠隔医療普及のポイントはAIと5G

アーカイブ

  1. Web関連

    ちょっと前にはやったWEBコンシェルジュの今
  2. Web関連

    Webサイトの裏側までこだわるアートなHTMLソースコード集
  3. Web関連

    webデザイナーなら知っておくべきwebフォントの使い方
  4. Web関連

    Web/AI制作会社におけるテイカー、ギバーについて
  5. Web関連

    テレワークとは?導入への一歩を踏み切るために
PAGE TOP