2017年1月24日開催「app talk night」発表資料

34
Relux のののののののののののRelux ののののののののののののの 株株株株 Loco Partenrs UX 株株株 株株株株 2016 株 1 株 24 株

Upload: locopartners

Post on 13-Apr-2017

812 views

Category:

Design


0 download

TRANSCRIPT

Page 1: 2017年1月24日開催「App Talk Night」発表資料

Reluxのデザインコンセプトと、Reluxアプリが評価を頂けてる理由

株式会社 Loco Partenrs   UX チーム 唐橋健二2016 年 1 月 24 日

Page 2: 2017年1月24日開催「App Talk Night」発表資料

唐橋 健二Kenji Karahashi

UX チーム デザイナー

福島県会津出身。東京工芸大学を卒業後、約 6 年間渋谷の Web 制作会社で 様 々 な ジ ャ ン ル の Web 製 作 に 従 事 。 2013 年 に 株 式 会 社 Loco Partners にジョイン。 Relux のデザイン統括責任者となり、 Relux のすべてのプロダクト( PC 、 SP 、 iOS 、 Android )の UI/UX のデザインを担当。また HTML と CSS のコーディングも担当し、スピード感ある開発を実践している。

kenji.karahashi

Page 3: 2017年1月24日開催「App Talk Night」発表資料

もくじ #01  Reluxとは?#02  Reluxのデザインコンセプト#03  Reluxアプリが評価を頂けてる理由

#04 まとめ

Page 4: 2017年1月24日開催「App Talk Night」発表資料

Reluxとは?#01

Page 5: 2017年1月24日開催「App Talk Night」発表資料

一流旅館・ホテルのみを厳選した、宿泊予約サービス

Page 6: 2017年1月24日開催「App Talk Night」発表資料

数字でみるRelux

約 69 万人のファン

3.5 万人のフォロワー

2.7 万人のフォロワー

会員数   = 60 万人を突破!満足度   =平均 4.3 点( 5 点満点)

利用年齢層 = 30 、 40 、 50 代が 8 割アクセス  =スマホが 7 割

全国の施設数

Page 7: 2017年1月24日開催「App Talk Night」発表資料

想定されるユーザーイメージ 1 旅行が好き2 経済的余裕がある3 一流なものに敏感である4 年齢層が高い方

これらのユーザーを想定して、デザインをしています。

Page 8: 2017年1月24日開催「App Talk Night」発表資料

Reluxのデザインコンセプト#02

Page 9: 2017年1月24日開催「App Talk Night」発表資料

多種多様なデザイン

Page 10: 2017年1月24日開催「App Talk Night」発表資料

Relux にはそれらを表現する3つのデザインコンセプトがあります

Page 11: 2017年1月24日開催「App Talk Night」発表資料

統一性3つのデザインコンセプト 1

トーン&マナーを明確に。Relux にふさわしい属性・キャラを作ります。例)・カラースキーム・フォント・写真・言葉遣い・余白

Page 12: 2017年1月24日開催「App Talk Night」発表資料

PC SP サービス

ビジュアルはもちろん、 Relux が放つ言葉使いも、統一性を持たせています。

Page 13: 2017年1月24日開催「App Talk Night」発表資料

引き算3つのデザインコンセプト 2

ひとつ「+」したら、ひとつ「 - 」。Relux のユーザーは、年に数回しか Relux を使わない本当にその機能は必要なのか?よくよく検討して機能を実装してます。

Page 14: 2017年1月24日開催「App Talk Night」発表資料

「エリア検索」を追加するために、 「施設の pickup 」を削除しました。

Page 15: 2017年1月24日開催「App Talk Night」発表資料

体験3つのデザインコンセプト 3

Relux に訪れた瞬間から、旅は始まっている。大変な旅探しを、楽しい体験に変えたいRelux をみているユーザーは笑顔だろうか?製作者として、想像を膨らますことが大事です。

Page 16: 2017年1月24日開催「App Talk Night」発表資料

この3つのデザインコンセプトでRelux のブランド構築し、デザインしています。

統一性 引き算 体験

Page 17: 2017年1月24日開催「App Talk Night」発表資料

Reluxアプリが評価を頂けてる理由

#03

Page 18: 2017年1月24日開催「App Talk Night」発表資料

アプリのレビュー

Page 19: 2017年1月24日開催「App Talk Night」発表資料

「シンプルなデザイン」1レビューの声

Page 20: 2017年1月24日開催「App Talk Night」発表資料

広告もない。コンテンツもない。ただ施設を探すことに特化。

どこが「シンプルなデザイン」?

Page 21: 2017年1月24日開催「App Talk Night」発表資料

「眺めているだけで楽しい」2レビューの声

Page 22: 2017年1月24日開催「App Talk Night」発表資料

施設写真が魅力的なので、旅の想像を膨らませられます。検索結果の写真は、掲載チームが厳選して選んでいる。

どこが「眺めているだけで楽しい」?

Page 23: 2017年1月24日開催「App Talk Night」発表資料

「使いやすい」3レビューの声

Page 24: 2017年1月24日開催「App Talk Night」発表資料

具体的に、どう使いやすいだろう?

Page 25: 2017年1月24日開催「App Talk Night」発表資料

01. トップ

エリアを入力する

02. 検索結果

比較検討する

03. 施設詳細

施設を知る

04.予約フォーム

情報を入力する

各ペー ジ で 、ユ ー ザ ー の す る べ き 行 動が 明 確 だ か ら 、使 いやす い の で は ?仮説

Page 26: 2017年1月24日開催「App Talk Night」発表資料

トップページ

「どちらへお出かけですか?」の問いに答えるだけ。余計なことは考えずに、ユーザーこの質問に答えるだけで、検索できるようにしてます。

エリアを入力する

Page 27: 2017年1月24日開催「App Talk Night」発表資料

検索結果

比較検討が、楽しい!と思えるように。比較検討は悩ましく、頭を使います。だけど、それが楽しくなるように、デザインしています。写真が美しく見えるように大きく配置し、たけど情報も目立つようにしています。

比較検討する

Page 28: 2017年1月24日開催「App Talk Night」発表資料

施設詳細

知りたい情報は、スクロールのみでわかります。タブの切り替えは廃止し、スクロールのみで情報をすべて確認できるようにしました。

施設を知る

Page 29: 2017年1月24日開催「App Talk Night」発表資料

予約フォーム

マテリアルデザインに完全準拠。google が考える最良の UI を導入することで、どんな人、環境でも使いやすくなる。

情報を入力するだけ

Page 30: 2017年1月24日開催「App Talk Night」発表資料

まとめ#04

Page 31: 2017年1月24日開催「App Talk Night」発表資料

統一性

Relux のコンセプトと、ユーザが求めるものが一致

結 果 ベストアプリ受賞

デザインコンセプト ユーザーが求めるもの

引き算体験

「使いやすい」「眺めているだけで楽しい」

「シンプルなデザイン」

Page 32: 2017年1月24日開催「App Talk Night」発表資料

これまで何度も細かい修正を繰り返しをしてきましたが、こうしてその努力が報われたことがとても嬉しいです。

Relux は、世界中で愛される、日本を代表するサービスを目指しています。

その想いを忘れずに、引き続きチームメンバー一丸となって、ベストデザインを目指していきます!

最後に

Page 33: 2017年1月24日開催「App Talk Night」発表資料

そんな僕たちと一緒に成長してくれるデザイナーを探しています!

PC 、スマホ、アプリ…すべてやれます!興味がある方はぜひ、お声かけください!

Page 34: 2017年1月24日開催「App Talk Night」発表資料

ご静聴、ありがとうございました!