案例背景

全球酒店App预订平台，为用户提供公寓，别墅，树屋等各式新奇住宿，为了更好的贴近及满足用户体验，设计团队对APP进行了体验升级设计，明确了内容与功能的层级关系，优化了页面细节。期望达到年轻，时尚，舒适的视觉体验

市场对比

目前在线住宿产品多以OTA为主的标准化酒店，追求分类清晰、简单标准化的页面设计。

随着用户住宿需求个性化市场延伸，非标准住宿为用户提供更多选择。途家在分类清晰、设计标准化的基础上，针对用户场景进行差异化的页面设计，界面时尚、易用、有活力。

用户场景

途家用户群体多为年轻、成熟的社会群体，用户场景大概为家庭出游、闺蜜出行、公司团建新奇特三类。通过对用户场景的分析，可以提炼出用户的关注点和原生关键词。

1：家庭出游

预定环境舒适、交通便捷、可以洗衣做饭的房屋，传统的酒店一家人带孩子居住很不方便

关注点

安全、环境、交通、价格

2：新奇特

预定个性十足、新奇特的房屋，每家酒店的装修都一样，太过冰冷、无趣

关注点

环境、交通、房东专业度、装修个性化

3：公司团建

预订可轰趴、KTV、桌游的郊区别墅酒店太过冷冰，团建就是为了促进员工关系

关注点

安全、环境、舒适度、价格、发票

App设计

根据设计原生关键词探索出衍生关键词、视觉关键词，运用行生关键词、视觉关键词搜索出符合设计感受的图片，通过图片传达出视觉感受的搭建，确定设计调性

简约易用效率：视觉/物化映射、整齐、明亮、干净玻璃、钟表、天空、白墙

活力新潮个性：视觉1物化映射时尚、酷、摇滚嘻哈、街拍、涂鸦

舒适温暖安静：阳光、柔软、慵懒、休闲、沙发、轻音乐、软垫子

信任品质安全专业：精心维护、智能门锁、银行保险箱、星级服务

主色优化

RGB模式下的色彩约有1680万个，每个色彩都有自己独特的语言。为了追求极致视觉感受，新主色在原有的基础上选择HSB的模式进行优化。呈现温馨、欢快、活力、专业的心理感受。渐变的使用使让页面更加有活力，增加视觉焦点。

色彩搭配

设计中的色彩由主色、辅助色、点缀色构成。在页面中的占比为70%、25%、5%

主色：#ff9645 H26 S73 B 100

辅助色：#3f4954 H211 S25 B33

首页展示

新版首页以简约、舒适、活力、信任为主要视觉方向。去掉多余的分割线，用卡片式设计和留白来突出不同模块的层级感和差异化怡当的动画和精致的图标使页面更加精致更加舒适。