雄安郊野公园 Xiongan Country Park 标识

雄安郊野公园

小程序体验升级设计

XIONGAN COUNTRY PARKMINI PROGRAM REDESIGN

  • 智慧公园
  • 游园导览
  • 服务体验
  • UI/UX Redesign
手持手机展示雄安郊野公园小程序首页的完整主视觉

Order Page Design

订单页面设计

布局设计

订单状态较多,用户难以快速判断

布局以竖向排列为主,展示过往每一笔订单服务,同时显示付款和使用状态,更好地帮助用户查看历史订单。

雄安郊野公园小程序完整订单页面与状态列表设计

标签栏

户外场景下需要更高的操作效率

减少非必要信息,以简洁直观的方式呈现订单的不同状态,让用户一目了然,并且快速找到所需功能。

布局优化

大量历史订单容易造成页面视觉负担

每条订单使用独立白色卡片承载,卡片之间保留留白和阴影,减少不同订单之间的信息干扰。

面对公园多业务类型、多订单状态以及户外高频操作场景,通过统一订单组件、状态分层与场景化功能整合,降低信息复杂度,将订单页面从“订单记录”转化为连接购买、入园与游园服务的核心入口。

雄安郊野公园旧版与升级版地图导览对比

导览升级

地图

弱化复杂装饰,统一不同区域的颜色层级,着重突出核心景区地点,减少用户寻找目标时的视觉干扰。

功能区

重新梳理顶部功能区,集中排列,并通过选中态底色和图标强化当前筛选状态,让用户能够快速定位所需设施。

景点信息

由原来的半透明浮层升级为独立白色卡片,清晰展示景点图片、名称、位置说明,突出交互图标。

青年潮风格的雄安郊野公园首页与地图启动页
儿童友好风格的雄安郊野公园首页与插画启动页
年轻潮流风格的雄安郊野公园首页与线稿启动页
绿色生态风格的雄安郊野公园首页与景点推荐页
政企简洁风格的雄安郊野公园首页与景点列表页
场馆特色简洁风格的雄安郊野公园首页与启动页

Page Overview

页面概览

END