SlideShare a Scribd company logo
1 of 34
Reluxのデザインコンセプトと、
Reluxアプリが評価を頂けてる理由
株式会社 Loco Partenrs UXチーム 唐橋健二
2016年1月24日
唐橋 健二
Kenji Karahashi
UXチーム デザイナー
福島県会津出身。東京工芸大学を卒業後、約6年間渋谷のWeb制作会社で
様々なジャンルのWeb製作に従事。2013年に株式会社Loco Partnersにジ
ョイン。Reluxのデザイン統括責任者となり、Reluxのすべてのプロダクト
(PC、SP、iOS、Android)のUI/UXのデザインを担当。またHTMLとCSS
のコーディングも担当し、スピード感ある開発を実践している。
kenji.karahashi
もくじ #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、スマホ、アプリ…すべてやれます!
興味がある方はぜひ、お声かけください!
ご静聴、
ありがとうございました!

More Related Content

What's hot

191127 vu idesign
191127 vu idesign191127 vu idesign
191127 vu idesignRieMotoki
 
デザイナーの私と サービスをつくる私
デザイナーの私と サービスをつくる私デザイナーの私と サービスをつくる私
デザイナーの私と サービスをつくる私Shizuka Yamada
 
DeNAでのサービスの作り方
DeNAでのサービスの作り方DeNAでのサービスの作り方
DeNAでのサービスの作り方Naoki Masuda
 
デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本Takuya Nishitani
 
Uxマップを使ったサービス改善
Uxマップを使ったサービス改善Uxマップを使ったサービス改善
Uxマップを使ったサービス改善Keisuke Tsukayoshi
 
スマホサービスにおける、UIデザインのノウハウと実例
スマホサービスにおける、UIデザインのノウハウと実例スマホサービスにおける、UIデザインのノウハウと実例
スマホサービスにおける、UIデザインのノウハウと実例yosuke sato
 
Tenkai190406 alexa day2019
Tenkai190406 alexa day2019Tenkai190406 alexa day2019
Tenkai190406 alexa day2019RieMotoki
 
開発に知っておいて欲しいUX/UIデザインの考え方
開発に知っておいて欲しいUX/UIデザインの考え方開発に知っておいて欲しいUX/UIデザインの考え方
開発に知っておいて欲しいUX/UIデザインの考え方neokigao
 
ユーザーの心に刺ささるためには - UX実践編 -
ユーザーの心に刺ささるためには - UX実践編 -ユーザーの心に刺ささるためには - UX実践編 -
ユーザーの心に刺ささるためには - UX実践編 -Midori Hirose
 
開発者のためのUIデザイン入門
開発者のためのUIデザイン入門開発者のためのUIデザイン入門
開発者のためのUIデザイン入門Hiroyuki Mori
 
ゆめみ流 クライアントワークにおけるトライアル&エラー
ゆめみ流 クライアントワークにおけるトライアル&エラーゆめみ流 クライアントワークにおけるトライアル&エラー
ゆめみ流 クライアントワークにおけるトライアル&エラーShusuke Toda
 
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード  +  現場エンジニアのコメント付きデザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード  +  現場エンジニアのコメント付き
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付きMayumi Narisawa
 
UXデザインをゆるく学ぶ意味
UXデザインをゆるく学ぶ意味UXデザインをゆるく学ぶ意味
UXデザインをゆるく学ぶ意味Tatsuya_Yokoyama
 
UnityでUI開発を高速化した件
UnityでUI開発を高速化した件UnityでUI開発を高速化した件
UnityでUI開発を高速化した件Grenge, Inc.
 
最速でリリースするためのAndroidアプリデザイン
最速でリリースするためのAndroidアプリデザイン最速でリリースするためのAndroidアプリデザイン
最速でリリースするためのAndroidアプリデザインNaoki Aoyama
 
2014年CROSS - エンジニアの恋と愛とセックスのDevOps
2014年CROSS - エンジニアの恋と愛とセックスのDevOps2014年CROSS - エンジニアの恋と愛とセックスのDevOps
2014年CROSS - エンジニアの恋と愛とセックスのDevOpsAya Komuro
 
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜Chihiro Tomita
 
19春 木曜スクール 第1回たべこ
19春 木曜スクール 第1回たべこ19春 木曜スクール 第1回たべこ
19春 木曜スクール 第1回たべこNozomi Sakamoto
 
[Android]趣味プログラマーな非エンジニアにアプリ開発を教える
[Android]趣味プログラマーな非エンジニアにアプリ開発を教える[Android]趣味プログラマーな非エンジニアにアプリ開発を教える
[Android]趣味プログラマーな非エンジニアにアプリ開発を教えるichigotake .
 

What's hot (20)

191127 vu idesign
191127 vu idesign191127 vu idesign
191127 vu idesign
 
デザイナーの私と サービスをつくる私
デザイナーの私と サービスをつくる私デザイナーの私と サービスをつくる私
デザイナーの私と サービスをつくる私
 
DeNAでのサービスの作り方
DeNAでのサービスの作り方DeNAでのサービスの作り方
DeNAでのサービスの作り方
 
デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本
 
Prott's design
Prott's designPrott's design
Prott's design
 
Uxマップを使ったサービス改善
Uxマップを使ったサービス改善Uxマップを使ったサービス改善
Uxマップを使ったサービス改善
 
スマホサービスにおける、UIデザインのノウハウと実例
スマホサービスにおける、UIデザインのノウハウと実例スマホサービスにおける、UIデザインのノウハウと実例
スマホサービスにおける、UIデザインのノウハウと実例
 
Tenkai190406 alexa day2019
Tenkai190406 alexa day2019Tenkai190406 alexa day2019
Tenkai190406 alexa day2019
 
開発に知っておいて欲しいUX/UIデザインの考え方
開発に知っておいて欲しいUX/UIデザインの考え方開発に知っておいて欲しいUX/UIデザインの考え方
開発に知っておいて欲しいUX/UIデザインの考え方
 
ユーザーの心に刺ささるためには - UX実践編 -
ユーザーの心に刺ささるためには - UX実践編 -ユーザーの心に刺ささるためには - UX実践編 -
ユーザーの心に刺ささるためには - UX実践編 -
 
開発者のためのUIデザイン入門
開発者のためのUIデザイン入門開発者のためのUIデザイン入門
開発者のためのUIデザイン入門
 
ゆめみ流 クライアントワークにおけるトライアル&エラー
ゆめみ流 クライアントワークにおけるトライアル&エラーゆめみ流 クライアントワークにおけるトライアル&エラー
ゆめみ流 クライアントワークにおけるトライアル&エラー
 
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード  +  現場エンジニアのコメント付きデザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード  +  現場エンジニアのコメント付き
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き
 
UXデザインをゆるく学ぶ意味
UXデザインをゆるく学ぶ意味UXデザインをゆるく学ぶ意味
UXデザインをゆるく学ぶ意味
 
UnityでUI開発を高速化した件
UnityでUI開発を高速化した件UnityでUI開発を高速化した件
UnityでUI開発を高速化した件
 
最速でリリースするためのAndroidアプリデザイン
最速でリリースするためのAndroidアプリデザイン最速でリリースするためのAndroidアプリデザイン
最速でリリースするためのAndroidアプリデザイン
 
2014年CROSS - エンジニアの恋と愛とセックスのDevOps
2014年CROSS - エンジニアの恋と愛とセックスのDevOps2014年CROSS - エンジニアの恋と愛とセックスのDevOps
2014年CROSS - エンジニアの恋と愛とセックスのDevOps
 
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
 
19春 木曜スクール 第1回たべこ
19春 木曜スクール 第1回たべこ19春 木曜スクール 第1回たべこ
19春 木曜スクール 第1回たべこ
 
[Android]趣味プログラマーな非エンジニアにアプリ開発を教える
[Android]趣味プログラマーな非エンジニアにアプリ開発を教える[Android]趣味プログラマーな非エンジニアにアプリ開発を教える
[Android]趣味プログラマーな非エンジニアにアプリ開発を教える
 

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

息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組みYuya Toida
 
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるためにMiho Yamamori
 
ABC2014 Spring: UI/UX Design Trends 2014
ABC2014 Spring: UI/UX Design Trends 2014ABC2014 Spring: UI/UX Design Trends 2014
ABC2014 Spring: UI/UX Design Trends 2014Nobuya Sato
 
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性yukahatakeyama
 
UXを損ねる静的コンテンツ配信アンチパターン7選
UXを損ねる静的コンテンツ配信アンチパターン7選UXを損ねる静的コンテンツ配信アンチパターン7選
UXを損ねる静的コンテンツ配信アンチパターン7選Yuki Okada
 
エンジニアの移住交流会 自己紹介
エンジニアの移住交流会 自己紹介エンジニアの移住交流会 自己紹介
エンジニアの移住交流会 自己紹介Rie Tokumi
 
重要なのはリサーチ・プランニング・プロトタイプの三本柱
重要なのはリサーチ・プランニング・プロトタイプの三本柱重要なのはリサーチ・プランニング・プロトタイプの三本柱
重要なのはリサーチ・プランニング・プロトタイプの三本柱Yuya Toida
 
企画したUXをプロダクトに反映するディレクション
企画したUXをプロダクトに反映するディレクション企画したUXをプロダクトに反映するディレクション
企画したUXをプロダクトに反映するディレクションLINE Corporation
 
はじめてのLeanUXから学んだ実体験
はじめてのLeanUXから学んだ実体験はじめてのLeanUXから学んだ実体験
はじめてのLeanUXから学んだ実体験Daichi Aoki
 
[WordBench東京7月] レスポンシブWebデザインの基礎とWordPressを使った最適化の手法
[WordBench東京7月] レスポンシブWebデザインの基礎とWordPressを使った最適化の手法[WordBench東京7月] レスポンシブWebデザインの基礎とWordPressを使った最適化の手法
[WordBench東京7月] レスポンシブWebデザインの基礎とWordPressを使った最適化の手法Hiroyuki Ogawa
 
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイトこれまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイトYuya Toida
 
2020/9/30 【エンジニア起業】小規模スタートアップがウェブサービス(SocialDog)を軌道に乗せるまで
2020/9/30 【エンジニア起業】小規模スタートアップがウェブサービス(SocialDog)を軌道に乗せるまで2020/9/30 【エンジニア起業】小規模スタートアップがウェブサービス(SocialDog)を軌道に乗せるまで
2020/9/30 【エンジニア起業】小規模スタートアップがウェブサービス(SocialDog)を軌道に乗せるまでMasafumi Konishi
 
デザイン・エンジニアがWeb開発で考えること
デザイン・エンジニアがWeb開発で考えることデザイン・エンジニアがWeb開発で考えること
デザイン・エンジニアがWeb開発で考えることKohei Kakudo
 
ChatworkのUXリサーチと プロダクトへの生かし方
ChatworkのUXリサーチと プロダクトへの生かし方ChatworkのUXリサーチと プロダクトへの生かし方
ChatworkのUXリサーチと プロダクトへの生かし方Tomoko Nishina
 
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之schoowebcampus
 
20171013 daigakuweb vol2_terai
20171013 daigakuweb vol2_terai20171013 daigakuweb vol2_terai
20171013 daigakuweb vol2_terailoftwork
 
デザイナーが複業でデザイナーしてる話
デザイナーが複業でデザイナーしてる話デザイナーが複業でデザイナーしてる話
デザイナーが複業でデザイナーしてる話Yuya Toida
 
Webとスマホとデザインと - 地方から広がるつながるデザイナーのお仕事 -
Webとスマホとデザインと - 地方から広がるつながるデザイナーのお仕事 -Webとスマホとデザインと - 地方から広がるつながるデザイナーのお仕事 -
Webとスマホとデザインと - 地方から広がるつながるデザイナーのお仕事 -Miho Yamamori
 

Similar to 2017年1月24日開催「App Talk Night」発表資料 (20)

息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
 
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために
 
CTOが語るUI/UX
CTOが語るUI/UXCTOが語るUI/UX
CTOが語るUI/UX
 
ABC2014 Spring: UI/UX Design Trends 2014
ABC2014 Spring: UI/UX Design Trends 2014ABC2014 Spring: UI/UX Design Trends 2014
ABC2014 Spring: UI/UX Design Trends 2014
 
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
 
UXを損ねる静的コンテンツ配信アンチパターン7選
UXを損ねる静的コンテンツ配信アンチパターン7選UXを損ねる静的コンテンツ配信アンチパターン7選
UXを損ねる静的コンテンツ配信アンチパターン7選
 
エンジニアの移住交流会 自己紹介
エンジニアの移住交流会 自己紹介エンジニアの移住交流会 自己紹介
エンジニアの移住交流会 自己紹介
 
重要なのはリサーチ・プランニング・プロトタイプの三本柱
重要なのはリサーチ・プランニング・プロトタイプの三本柱重要なのはリサーチ・プランニング・プロトタイプの三本柱
重要なのはリサーチ・プランニング・プロトタイプの三本柱
 
Ssi 20150519
Ssi 20150519Ssi 20150519
Ssi 20150519
 
企画したUXをプロダクトに反映するディレクション
企画したUXをプロダクトに反映するディレクション企画したUXをプロダクトに反映するディレクション
企画したUXをプロダクトに反映するディレクション
 
はじめてのLeanUXから学んだ実体験
はじめてのLeanUXから学んだ実体験はじめてのLeanUXから学んだ実体験
はじめてのLeanUXから学んだ実体験
 
[WordBench東京7月] レスポンシブWebデザインの基礎とWordPressを使った最適化の手法
[WordBench東京7月] レスポンシブWebデザインの基礎とWordPressを使った最適化の手法[WordBench東京7月] レスポンシブWebデザインの基礎とWordPressを使った最適化の手法
[WordBench東京7月] レスポンシブWebデザインの基礎とWordPressを使った最適化の手法
 
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイトこれまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
 
2020/9/30 【エンジニア起業】小規模スタートアップがウェブサービス(SocialDog)を軌道に乗せるまで
2020/9/30 【エンジニア起業】小規模スタートアップがウェブサービス(SocialDog)を軌道に乗せるまで2020/9/30 【エンジニア起業】小規模スタートアップがウェブサービス(SocialDog)を軌道に乗せるまで
2020/9/30 【エンジニア起業】小規模スタートアップがウェブサービス(SocialDog)を軌道に乗せるまで
 
デザイン・エンジニアがWeb開発で考えること
デザイン・エンジニアがWeb開発で考えることデザイン・エンジニアがWeb開発で考えること
デザイン・エンジニアがWeb開発で考えること
 
ChatworkのUXリサーチと プロダクトへの生かし方
ChatworkのUXリサーチと プロダクトへの生かし方ChatworkのUXリサーチと プロダクトへの生かし方
ChatworkのUXリサーチと プロダクトへの生かし方
 
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
レスポンシブWebデザインの基礎と,コーディング実習:先生小川 裕之
 
20171013 daigakuweb vol2_terai
20171013 daigakuweb vol2_terai20171013 daigakuweb vol2_terai
20171013 daigakuweb vol2_terai
 
デザイナーが複業でデザイナーしてる話
デザイナーが複業でデザイナーしてる話デザイナーが複業でデザイナーしてる話
デザイナーが複業でデザイナーしてる話
 
Webとスマホとデザインと - 地方から広がるつながるデザイナーのお仕事 -
Webとスマホとデザインと - 地方から広がるつながるデザイナーのお仕事 -Webとスマホとデザインと - 地方から広がるつながるデザイナーのお仕事 -
Webとスマホとデザインと - 地方から広がるつながるデザイナーのお仕事 -
 

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