Case 02 · 蜀山行 APP
四川群山一站式旅游 APP
以产品经理视角规划的一站式山区旅游产品：从「种草 → 规划 → 出行 → 分享」的用户动线出发，围绕「首页 / 商城 / 社区 / 我的」定义功能边界与信息架构，再完成全端高保真、图标体系与展板海报设计。
项目背景与目标
随着旅游业发展，越来越多人开始注重旅游的品质与体验。四川独特的自然景观与文化底蕴 吸引了许多游客，但面对众多的旅游信息和复杂的行程规划，游客往往需要花费大量时间和精力去筛选整合。 「蜀山行」致力于为用户提供一站式、个性化、沉浸式的旅游体验。
设计目标是收集并整合四川值得攀爬且各具特色的山峰旅游信息，提供智能行程规划、专业化的爬山旅游服务、 个性化推荐与社区互动，结合四川群山的历史、文化、民俗，让用户在旅行中感受自然与文化的双重魅力。
个人角色
产品 + UI 设计
独立完成「蜀山行」从 0 到 1 的设计全流程：前期独立完成市场与用户调研，明确产品定位与功能边界； 围绕商城与社区两大核心功能点，完成低保真与高保真页面设计； 并负责 Logo 视觉设计与文创周边设计。
PM 思考：产品与 UI 由同一个人完成，天然保证了「功能定义」和「视觉表达」的一致。 我的做法是先写清楚每个页面的功能定位，再动手画——页面不只是好看，更要回答「用户到这里要完成什么」。
项目成果
成果概述 · 数据呈现
以「种草 → 规划 → 出行 → 分享」动线完成四川群山一站式旅游产品：定义首页 / 商城 / 社区 / 我的 四大模块与三维地形、积分乐园等特色功能，输出 26 屏低保真原型与 27 屏高保真页面， 建立统一图标与视觉体系，并完成参赛展板与宣传海报，获 16 届蓝桥杯视觉设计大赛四川省级二等奖。
挑战
Q & A · 问题与解法
Q1 遇到的问题：「四川群山」是很抽象的目的地，怎么让用户看得懂、下得了决策？
解决方法：把决策信息可视化——三维地形图支持手势旋转缩放、实时渲染贡嘎山等海拔渐变雪线；挑战山峰区用精美插画卡牌呈现每座山的独特标识；结合实时天气、地图导航与离线下载，把「这座山适不适合我」变成一眼可判断的信息。
Q2 遇到的问题：功能很多（预订 / 社区 / 商城 / 积分），怎么避免堆砌？
解决方法：用「种草 → 规划 → 出行 → 分享」一条用户动线收敛功能边界，每个功能都必须回答「它服务于动线的哪一环」——首页负责种草分发，商城承接预订消费，社区沉淀足迹互动，我的管理订单、足迹与积分。
Q3 遇到的问题：从 26 屏低保真到 27 屏高保真，如何保持一致性？
解决方法：先定规范再铺页面——字体（苹方 + 品牌字级）、颜色（#4B8130 主绿 / #AFD628 亮绿 / #F8BB19 暖黄 / #E5EDC8 浅绿）、图标体系先行，再用统一视觉贯穿全端，避免页面间风格漂移。
PM 思考：每一个挑战背后都是一次「范围取舍」。我把决策依据写进设计说明， 让「为什么这么做」可以被追溯，也方便后续迭代时重新评估。
用户需求分析
三类核心用户画像
面向四川群山旅游场景，梳理出三类典型用户：结伴出游的大学生、家庭出游的白领与追求出片的摄影师。 他们共同的痛点是「信息筛选成本高、行程规划复杂」，但各自的行为与诉求差异明显，功能设计据此分层满足。
兴趣与朋友结伴旅行 · 爬山交友 · 记录分享美景
需求适合新手结伴的爬山线路与出行攻略
兴趣周末家庭出游 · 成熟景区 · 自然风光
需求设施完善、难度适中的家庭友好路线
兴趣山景拍摄 · 日出云海 · 社交媒体分享
需求摄影机位信息与出片线路推荐
竞品分析
携程 / 去哪儿 / 途牛
选取携程旅行、去哪儿网、途牛旅游三款头部平台进行对比：它们分别擅长「全品类整合」「比价搜索」与「跟团定制」， 但都偏「交易工具」，缺少面向山区徒步场景的沉浸式决策与社区分享能力。「蜀山行」据此做出差异化定位。
定位一站式旅游服务平台
优势全品类覆盖，资源整合能力强
用户商务旅客 · 家庭用户
定位高性价比旅游搜索比价平台
优势价格优势，技术创新，个性化推荐
用户年轻用户 · 自由行用户 · 预算有限用户
定位跟团游和定制旅游服务平台
优势专注跟团游与定制化服务，强调服务质量
用户家庭用户 · 中高端用户 · 老年用户
PM 思考：竞品分析的结论是「做不同，而不是做得更好」。 当头部平台都在拼资源与价格时，从垂直场景（爬山）与体验（沉浸式决策 + 社区）切入， 才是新产品的机会点。
产品架构
产品架构图 · 功能框架
以「首页 / 商城 / 社区 / 我的」四大模块承载完整动线，纵向覆盖活动、景点介绍、预订服务、 足迹打卡、积分乐园等二级功能；其中三维地形、路线规划、离线地图与实时天气构成特色能力层。
PM 思考：功能边界按「一条动线 + 四个落点」收敛—— 每个功能都能回答「它服务于动线的哪一环」，避免功能堆砌。
页面交互流程
INTERACTION FLOW
以简约的灰白线框聚焦产品功能架构与核心交互逻辑的验证， 完整覆盖「种草 → 规划 → 出行 → 分享」动线，为后续高保真设计奠定基础。
PM 思考：交互流程的价值不在「画了多少屏」，而在关键路径是否顺畅。 我从「种草 → 规划 → 出行 → 分享」一条动线反推每一屏的跳转关系， 确保用户在核心任务上每一步都能看到明确的下一步。
设计说明
核心页面 · 社区
以插画 + 文字呈现 APP 功能：登录页直观展示基础信息，首页承载搜索、轮播、推荐活动与底部导航； 山区 VR 采用沉浸式三维可视化，商城以模块化设计提供流畅购物体验； 社区以社交化内容生态设计，构建户外运动垂直领域的沉浸式互动社区。
页面展示
PAGE DISPLAY
浅草绿 + 暖黄点缀的治愈系户外风格统一贯穿全端， 覆盖登录注册、首页发现、足迹线路、社区互动、商城服务与个人中心等完整页面。
