携程APP民宿频道设计心得分享

旅游类的APP没有接触过,今天看到携程分享的这篇《携程APP民宿频道设计心得》还不错,所以分享给大家,希望能给大家带来一些灵感,enjoy!

随着非标住宿的兴起,近年来民宿越来越受到中国旅游出行用户的青睐,各类专注民宿预订的平台也雨后春笋般的涌现。今年以来携程在民宿的产品和设计上投入了大量资源,并取得了一定的成效。借此机会我们来分享一下携程民宿频道在设计与迭代过程中的一些心得体会。

在着手民宿频道的改版之前,我们先分析了旧版设计所存在的问题

携程APP民宿频道设计心得分享1477479696-3566-old

总体来讲,旧版设计与传统酒店频道的差异化还不够大,从首页到列表页详情页基本在复用酒店原有的设计框架。并且由于原先较为专注于国内客栈的资源,设计风格也不够国际化。

那么在确立新的设计风格之前,我们需要先提炼一些民宿独有的“特质”,从中挖掘出具有民宿特色的设计。

携程APP民宿频道设计心得分享1477479695-7523-bnb

通过这些关键词,我们可以感觉到民宿的用户和传统酒店用户相比,应该更年轻、随性,具有一定的出行经验,并且希望获得更具个性化的旅行及住宿体验,用一个词概括的话可能是“小清新”~

应此我们决定在新版设计中,抛弃酒店频道原有的格式化的、更注重功能性的设计,通过视觉手段先为用户营造出一种休闲、生活化、当地的“民宿氛围”,让用户先逛起来!

如何打造这样的氛围呢?首先当然是图片!

携程APP民宿频道设计心得分享1477479698-8283-10

可以看到,新版首页基本以图片作为基本元素,弱化原先的搜索模块。首图挑选孩子的背影图片突出人文情怀。但是图片多了,色彩容易杂乱,需要对色调进行调和。因为暖色调更能使用户联想到温暖的住宿感觉,所以通过滤镜处理,将所有图片色调统一成黄,绿,棕等暖色系的方向,同时也增加了文艺清新感。

城市及单品内容做了精简,只放名称,价格,评分这些用户最关注的信息。

携程APP民宿频道设计心得分享1477479697-8919-5A7-2016-10-25-E4B88BE58D885

在颜色上,携程的VI色是蓝橙色搭配,为了使整个频道色彩更年轻一些,但又不与携程app整体色彩偏离太远,我们采用蓝绿色和橙红色这个更小清新一些的色彩组合。

携程APP民宿频道设计心得分享1477479701-2976-10

列表页改版也继承了突出情境化和当地的概念。头部增加城市大图模式,同时也是营销区域,可以根据营销需求替换头部图片。将特色标签变为图片形式,更加直观和美观。产品列表根据用户需求可进行大小图模式的切换,并加入卖家秀概念。

经过近一年的不断优化,民宿频道日均订单总量从以前的每日200单上升至2000余单,首页-列表CR从46%提升至53%,列表-详情CR从56%提升至70%。整体CR也有极大的提升。

 

转载注明:Yunrui
原文地址:Ctrip

携程APP民宿频道设计心得分享》暂无评论

  • Taebin 说:

    2016年10月31日 08:10

    为什么我还是觉得一样软七八糟的?

发表评论

返回页顶