Bowortie
相談する
OSAKA JP EST. 2020
© Bowortie
Case Study Rumina

Quick Menu

課題
続けて使う会員ほど、開くページはいつも同じ数ページ。なのに毎回トップから探し直していた。
解決
ログイン中の会員にだけ、よく使う4つの入口をメインビジュアルの直下にまとめて置いた。
Quick Menu

よく使うページは、たいてい決まっている。ならば、その入口への近道を先に用意しておく。会員がまわり道せずにたどり着けるように。

Approach

ログイン中の会員にだけ、よく使う4つの入口をトップのいちばん上に置いた。

  • 商品一覧・セミナー・サロン一覧・SNS。会員がよく使う行き先を4つに絞った
  • 置き場所はメインビジュアルのすぐ下。ログインして最初に目に入る位置
  • 一度ログインすれば、次からはトップを開くだけで目的のページへ最短で進める
未ログイン
RUMINA
MAIN VISUAL
ログイン前は Quick Menu 非表示
お知らせ
お知らせ
ログイン後
RUMINA
MAIN VISUAL
Quick Menu
お知らせ
お知らせ

ログイン中の会員だけ、メインビジュアルの直下に Quick Menu が現れる。表示の切り替えは Shopify テーマ側のログイン判定({% if customer %})で行っている。

Quick Menu

アイコンにカーソルを合わせると、線が引き直されて色がひとつだけ変わる。Rumina 本体のふるまいを、このページでもそのまま再現している。

設計判断

全員にではなく、ログイン中の会員にだけ出す。

  • 初めての人に近道を4つ並べても、まだ行き先は定まっていない。かえって迷う入口が増える
  • 会員は行き先が決まっている。だから近道はログイン後にだけ見せる
  • 表示の出し分けはテーマ側のログイン判定でそのまま行う。別のアプリや仕組みは足していない

設計のかたち

4つ

会員がよく使う入口に絞った

会員限定

ログイン中だけに表示

トップ直下

メインビジュアルのすぐ下に常設

Rumina の事例を見る

W e b

相談する
相談する