Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Reluxのデザインコンセプトと、
Reluxアプリが評価を頂けてる理由
株式会社 Loco Partenrs UXチーム 唐橋健二
2016年1月24日
唐橋 健二
Kenji Karahashi
UXチーム デザイナー
福島県会津出身。東京工芸大学を卒業後、約6年間渋谷のWeb制作会社で
様々なジャンルのWeb製作に従事。2013年に株式会社Loco Partnersにジ
ョイン。Reluxの...
もくじ #01 Reluxとは?
#02 Reluxのデザインコンセプト
#03 Reluxアプリが評価を頂けてる理由
#04 まとめ
Reluxとは?
#01
一流旅館・ホテルのみを厳選した
、
宿泊予約サービス
数字でみるRelux
約69万人のファン
3.5万人のフォロワー
2.7万人のフォロワー
会員数 =60万人を突破!
満足度 =平均4.3点(5点満点)
利用年齢層 =30、40、50代が8割
アクセス =スマホが7割
全国の施設数
想定される
ユーザーイメージ
1 旅行が好き
2 経済的余裕がある
3 一流なものに敏感である
4 年齢層が高い方
これらのユーザーを想定して、デザインをしています。
Reluxのデザインコンセプト
#02
多種多様な
デザイン
Reluxには
それらを表現する
3つのデザインコンセプトがあります
統一性
3つのデザインコンセプト 1
トーン&マナーを明確に。
Reluxにふさわしい属性・キャラを作ります。
例)
・カラースキーム
・フォント
・写真
・言葉遣い
・余白
PC
SP サービス
ビジュアルはもちろん、Reluxが放つ言葉使いも、統一性を持たせています。
引き算
3つのデザインコンセプト 2
ひとつ「+」したら、ひとつ「-」。
Reluxのユーザーは、年に数回しかReluxを使わない
本当にその機能は必要なのか?
よくよく検討して機能を実装してます。
「エリア検索」を追加するために、 「施設のpickup」を削除しました。
体験
3つのデザインコンセプト 3
Reluxに訪れた瞬間から、
旅は始まっている。
大変な旅探しを、楽しい体験に変えたい
Reluxをみているユーザーは笑顔だろうか?
製作者として、想像を膨らますことが大事です。
この3つのデザインコンセプトで
Reluxのブランド構築し、
デザインしています。
統一性 引き算 体験
Reluxアプリが
評価を頂けてる理由
#03
アプリのレビュー
「シンプルなデザイン」1
レビューの声
広告もない。
コンテンツもない。
ただ施設を探すことに特化。
どこが「シンプルなデザイン」?
「眺めているだけで楽しい」2
レビューの声
施設写真が魅力的なので、
旅の想像を膨らませられます。
検索結果の写真は、掲載チームが
厳選して選んでいる。
どこが「眺めているだけで楽しい」?
「使いやすい」3
レビューの声
具体的に、どう使いやすいだろう?
01.トップ
エリアを入力する
02.検索結果
比較検討する
03.施設詳細
施設を知る
04.予約フォーム
情報を入力する
各 ペ ー ジ で 、
ユ ー ザ ー の す る べ き 行 動 が 明 確 だ か ら 、
使 い や す い の...
トップページ
「どちらへお出かけですか?」の問いに答えるだけ
。余計なことは考えずに、
ユーザーこの質問に答えるだけで、検索できるようにしてます。
エリアを入力する
検索結果
比較検討が、楽しい!と思えるように。
比較検討は悩ましく、頭を使います。
だけど、それが楽しくなるように、デザインしています。
写真が美しく見えるように大きく配置し、
たけど情報も目立つようにしています。
比較検討する
施設詳細
知りたい情報は、スクロールのみでわかります。
タブの切り替えは廃止し、
スクロールのみで情報をすべて確認できるようにしました。
施設を知る
予約フォーム
マテリアルデザインに完全準拠。
googleが考える最良のUIを導入することで、
どんな人、環境でも使いやすくなる。
情報を入力するだけ
まとめ
#04
統一性
Reluxのコンセプトと、ユーザが求めるものが一致
結 果 ベストアプリ受賞
デザインコンセプト ユーザーが求めるもの
引き算
体験
「使いやすい」
「眺めているだけで楽しい」
「シンプルなデザイン」
これまで何度も細かい修正を繰り返しをしてきましたが、
こうしてその努力が報われたことがとても嬉しいです。
Reluxは、世界中で愛される、日本を代表するサービスを目指しています。
その想いを忘れずに、引き続きチームメンバー一丸となって、
ベスト...
そんな僕たちと一緒に成長してくれる
デザイナーを探しています!
PC、スマホ、アプリ…すべてやれます!
興味がある方はぜひ、お声かけください!
ご静聴、
ありがとうございました!
Upcoming SlideShare
Loading in …5
×

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

2,022 views

Published on

2017年1月24日に開催いたしました「App Talk Night」にて使用したLoco Partners デザイナー唐橋の発表資料です。

Published in: Design
  • Be the first to comment

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

  1. 1. Reluxのデザインコンセプトと、 Reluxアプリが評価を頂けてる理由 株式会社 Loco Partenrs UXチーム 唐橋健二 2016年1月24日
  2. 2. 唐橋 健二 Kenji Karahashi UXチーム デザイナー 福島県会津出身。東京工芸大学を卒業後、約6年間渋谷のWeb制作会社で 様々なジャンルのWeb製作に従事。2013年に株式会社Loco Partnersにジ ョイン。Reluxのデザイン統括責任者となり、Reluxのすべてのプロダクト (PC、SP、iOS、Android)のUI/UXのデザインを担当。またHTMLとCSS のコーディングも担当し、スピード感ある開発を実践している。 kenji.karahashi
  3. 3. もくじ #01 Reluxとは? #02 Reluxのデザインコンセプト #03 Reluxアプリが評価を頂けてる理由 #04 まとめ
  4. 4. Reluxとは? #01
  5. 5. 一流旅館・ホテルのみを厳選した 、 宿泊予約サービス
  6. 6. 数字でみるRelux 約69万人のファン 3.5万人のフォロワー 2.7万人のフォロワー 会員数 =60万人を突破! 満足度 =平均4.3点(5点満点) 利用年齢層 =30、40、50代が8割 アクセス =スマホが7割 全国の施設数
  7. 7. 想定される ユーザーイメージ 1 旅行が好き 2 経済的余裕がある 3 一流なものに敏感である 4 年齢層が高い方 これらのユーザーを想定して、デザインをしています。
  8. 8. Reluxのデザインコンセプト #02
  9. 9. 多種多様な デザイン
  10. 10. Reluxには それらを表現する 3つのデザインコンセプトがあります
  11. 11. 統一性 3つのデザインコンセプト 1 トーン&マナーを明確に。 Reluxにふさわしい属性・キャラを作ります。 例) ・カラースキーム ・フォント ・写真 ・言葉遣い ・余白
  12. 12. PC SP サービス ビジュアルはもちろん、Reluxが放つ言葉使いも、統一性を持たせています。
  13. 13. 引き算 3つのデザインコンセプト 2 ひとつ「+」したら、ひとつ「-」。 Reluxのユーザーは、年に数回しかReluxを使わない 本当にその機能は必要なのか? よくよく検討して機能を実装してます。
  14. 14. 「エリア検索」を追加するために、 「施設のpickup」を削除しました。
  15. 15. 体験 3つのデザインコンセプト 3 Reluxに訪れた瞬間から、 旅は始まっている。 大変な旅探しを、楽しい体験に変えたい Reluxをみているユーザーは笑顔だろうか? 製作者として、想像を膨らますことが大事です。
  16. 16. この3つのデザインコンセプトで Reluxのブランド構築し、 デザインしています。 統一性 引き算 体験
  17. 17. Reluxアプリが 評価を頂けてる理由 #03
  18. 18. アプリのレビュー
  19. 19. 「シンプルなデザイン」1 レビューの声
  20. 20. 広告もない。 コンテンツもない。 ただ施設を探すことに特化。 どこが「シンプルなデザイン」?
  21. 21. 「眺めているだけで楽しい」2 レビューの声
  22. 22. 施設写真が魅力的なので、 旅の想像を膨らませられます。 検索結果の写真は、掲載チームが 厳選して選んでいる。 どこが「眺めているだけで楽しい」?
  23. 23. 「使いやすい」3 レビューの声
  24. 24. 具体的に、どう使いやすいだろう?
  25. 25. 01.トップ エリアを入力する 02.検索結果 比較検討する 03.施設詳細 施設を知る 04.予約フォーム 情報を入力する 各 ペ ー ジ で 、 ユ ー ザ ー の す る べ き 行 動 が 明 確 だ か ら 、 使 い や す い の で は ? 仮 説
  26. 26. トップページ 「どちらへお出かけですか?」の問いに答えるだけ 。余計なことは考えずに、 ユーザーこの質問に答えるだけで、検索できるようにしてます。 エリアを入力する
  27. 27. 検索結果 比較検討が、楽しい!と思えるように。 比較検討は悩ましく、頭を使います。 だけど、それが楽しくなるように、デザインしています。 写真が美しく見えるように大きく配置し、 たけど情報も目立つようにしています。 比較検討する
  28. 28. 施設詳細 知りたい情報は、スクロールのみでわかります。 タブの切り替えは廃止し、 スクロールのみで情報をすべて確認できるようにしました。 施設を知る
  29. 29. 予約フォーム マテリアルデザインに完全準拠。 googleが考える最良のUIを導入することで、 どんな人、環境でも使いやすくなる。 情報を入力するだけ
  30. 30. まとめ #04
  31. 31. 統一性 Reluxのコンセプトと、ユーザが求めるものが一致 結 果 ベストアプリ受賞 デザインコンセプト ユーザーが求めるもの 引き算 体験 「使いやすい」 「眺めているだけで楽しい」 「シンプルなデザイン」
  32. 32. これまで何度も細かい修正を繰り返しをしてきましたが、 こうしてその努力が報われたことがとても嬉しいです。 Reluxは、世界中で愛される、日本を代表するサービスを目指しています。 その想いを忘れずに、引き続きチームメンバー一丸となって、 ベストデザインを目指していきます! 最後に
  33. 33. そんな僕たちと一緒に成長してくれる デザイナーを探しています! PC、スマホ、アプリ…すべてやれます! 興味がある方はぜひ、お声かけください!
  34. 34. ご静聴、 ありがとうございました!

×