内容吸引但难下单
目的地故事和价格信息分离，用户需要反复跳转确认。
响应式网页 / 旅行
旅行预订平台
设计目的地发现和预订流程，在视觉吸引力、价格透明度和移动端转化之间取得平衡。
01
项目介绍
旅行预订平台在灵感浏览和下单决策之间建立顺滑路径，提升移动端转化。
用户前期更关注目的地氛围、图片和故事，临近下单时又需要价格、日期、库存和取消政策。设计将内容浏览与交易信息并置，让用户可以从被吸引自然过渡到预订。
- 首页突出目的地卡片、主题路线和季节推荐。
- 详情页固定核心价格、日期和预订动作，减少决策中断。
- 为收藏、对比、筛选和移动端表单建立一致体验。
02
存在问题与解决方向
解决旅行产品中“想看”和“想买”割裂的问题。
沉浸式详情页
首屏用大图和亮点建立兴趣，侧边或底部固定价格与预订入口。
筛选成本高
目的地、预算、日期、人数条件复杂，移动端操作容易中断。
渐进式筛选
先选择核心意图，再逐步缩小范围，并保留可随时修改的条件摘要。
03
主要功能
让浏览、比较、预订三个阶段在同一套界面语言中完成。
目的地发现
以主题、季节和人群推荐组织内容，提高浏览效率。
路线对比
将价格、时长、亮点和取消规则以卡片形式并排比较。
快速预订
固定日期、人数、价格和确认按钮，降低移动端填写压力。
04
字体规范
标题制造旅行记忆点，交易信息保持清晰克制。
发现旅程大标题营造目的地记忆点，价格、政策和表单使用清晰正文层级。
价格层级
价格和日期使用中高字重，政策说明使用 14-15px 保持可读。
05
颜色规范
颜色既要有旅行氛围，也要明确引导预订动作。
行动重点内容底色
价格提示
优惠、售罄、低库存和可取消用固定颜色和文字组合表达。
06
设计规范
规范图片比例、筛选控件、路线卡片和预订表单。
图片成组
目的地图片统一 16:9、4:3 和竖图三种比例，保证列表和详情页节奏稳定。
路线卡片
卡片固定目的地、时长、价格、评分和收藏入口。
轻量转场
筛选和收藏使用轻微缩放反馈，保持浏览流畅。
07
项目功能介绍
用长图文串联发现、详情、下单三个页面。
目的地发现页
通过主题路线、精选图片和价格区间，让用户快速找到感兴趣的旅程。
路线详情页
内容叙事和预订信息同步出现，用户不需要离开详情页就能判断是否下单。
移动端预订
压缩表单步骤，优先确认日期、人数和联系方式，降低中途退出率。
