Julieの画面デザイン

Julie

パーソナルソムリエサービス

Role
Logo, Service, LP design
/ Markup
When
2021.4~
How long
1year
VISIT SITE

残念ながらサービスは終了してしまいました。

パーソナルソムリエサービスJulieの
ECサイト、キャンペーンサイト、ロゴのデザインを担当しました。

『アプリのように操作できる、遊び心あるデザインにしたい』
ということだったので、
iOSを参考にボタンの角は丸く、アイコンをつけてタップできる部分を大きくし、
指で触って操作しやすいUIにしました。

また、背景を抜いた画像を用いて
ワインが浮いているような楽しい画面にしています。

ログイン後にパーソナルソムリエが「今日のおすすめワイン」をつぶやいたり、
ワインのレビューを残す際は、ソムリエとチャットする形で残せたり、
パーソナルソムリエとのコミュニケーションが擬似体験できるように
ところどころに遊び心を取り入れています。

  1. トップページ(おすすめワイン一覧): 登録時の質問や、飲んだワインの感想から、ユーザーの好みにあったワインを表示する画面です。
    画面の最上部に、おすすめのワインやワインの蘊蓄を教えてくれるソムリエアイコンを配置して、サービスらしさを表現しています。
  2. 商品詳細ページ: 商品を探すときに、商品詳細ページがゴールになってしまっていたので、「よく一緒に購入されているワイン」エリアを追加し、好みにあったワインに誘導できるようにしました。
  3. ワイン一覧ページ: トップに週間ランキングエリアを追加したことで、ワイン一覧の単調さを軽減し、検索だけではで見つけられなかったワインと出会えるようにしました。
  1. ワインのレビューを書く画面は、「パーソナルソムリエサービス」というサービスのコンセプトに合わせて、チャット形式にしています。ここで答えた内容は、トップページのあなたにおすすめのワイン一覧に反映されます。
  2. 赤ワインか白ワインかだけでなく、合わせる料理やシーンからもワインを絞り込めるのがJulieの良さだったので、横スクロールをうまく活用して、いろんな角度からワインに出会える検索画面を目指しました。
  3. ワインのレビューを書く画面は、「パーソナルソムリエサービス」というサービスのコンセプトに合わせて、チャット形式にしています。ここで答えた内容は、トップページのあなたにおすすめのワイン一覧に反映されます。

遊び心とワインっぽさ

ロゴデザインは、
もともとあるワインの上品でエレガンスなイメージを
コントラストが強いフォントで表しつつ、
音符のようなリズム感のある曲線でJulieの遊び心を取り入れています。

トップページのデザイン

Julieのtop page

キャンペーンページのデザイン

ワインプレゼントキャンペーンのキャンペーンサイトのデザイン・マークアップを担当しました。

パーティのような華やかさをイメージして、サービスサイト自体よりも楽しそうな雰囲気のサイトにしています。

Julieのキャンペーンページ
Back to TOP