我的智慧乡镇 · 基层政务小程序 — JO 作品集案例

返回作品
JOPortfolioCase Study
基层政务 · 我的智慧乡镇
我的智慧乡镇 · 基层政务小程序
2024

项目背景

PROJECT BACKGROUND

让治理下沉到掌上

面向乡镇干部、网格员与居民的基层政务小程序,把分散在各部门的台账与逐级纸质报送,整合为「采集 → 汇总 → 决策 → 触达」的移动化治理闭环,坚持"让数据多跑路、让基层少跑腿"的设计理念。

覆盖账号绑定、网格数据采集上报、乡镇总览、产业·民生·应急业务模块、通知公告、意见反馈与小程序发布管理。

我的
智慧乡镇

SMART · VILLAGE

政务小程序
田园政务横幅

数字乡村 · 一屏统揽

党建引领 · 乡村治理 · 民生服务 · 产业兴旺
12 个功能模块 · 左右滑动浏览 →
登录
登录入口
账号登录
账号登录
手机号授权
手机号授权
乡镇绑定
乡镇绑定
首页总览
首页总览
产业
产业数据
民生
民生服务
应急
应急响应
事件
事件记录
采集
数据采集
通知
通知公告
反馈
意见反馈
我的智慧乡镇 · 基层政务小程序
2024
02

项目目标

PROJECT OBJECTIVES

核心目标

为基层乡镇治理提供统一的移动工作台,让数据采集在一线完成、治理态势在首页可见、业务处置在线上留痕,逐步替代纸质台账与逐级报送。

围绕「看得见、报得上、管得住、服务好」四个维度拆解为四类场景——治理总览、产业数据、民生服务与应急响应,每个场景都对应一个从首页入口到详情处置的完整链路,而非孤立的功能点。

四大核心场景

治理总览

治理总览

全景看板 · 逐层下钻
产业数据

产业数据

统计口径 · 分类明细
民生服务

民生服务

办事指南 · 便民服务
应急响应

应急响应

预警发布 · 协同处置
首页 · 乡镇治理总览
首页 · 乡镇治理总览
列表详情页 · 完整纵向流程上滑 · 查看全图
列表详情页 · 完整纵向流程
一屏统揽

首页按治理业务线组织卡片,指标大数字 + 图表一眼掌握乡镇态势,点击逐层下钻到明细。

一线采集

网格任务以「待采集」清单下发,采集、上报、办结全程线上留痕,替代纸质逐级报送。

触达闭环

公告可回复、反馈可直达,异常预警即时提醒,消息触达贯穿干部与居民两端。

我的智慧乡镇 · 基层政务小程序
2024
用户之声两类角色 · 真实场景
登录入口
登录入口
待办待阅 · 已退回
待办待阅 · 已退回

从「登录」到「被退回」的卡点,是乡镇干部日常最频繁遇到的场景。

03

用户之声

USER VOICE

数据沉睡 · 协同低效

走访发现:基层最缺的不是新系统,而是把分散在 Excel、纸质台账、微信群里的数据「搬到同一张图」。采集完不等于看见,看完不等于能办,办完不等于追溯得到——少的就是这条链。

入口分散 · 体验割裂

网格员入户用 A、办事用 B、看公告用 C、提反馈还得换 D——体验割裂让数字工具本应减负的目标反而成了负担。一个入口多端复用,才能让干部愿意用、居民找得到。

账号登录
账号登录 · 账号+密码
总览首页
总览首页 · 指标+入口
公告互动
公告互动 · 可回复
意见反馈
意见反馈 · 一键提交
我的智慧乡镇 · 基层政务小程序
2024
设计目标首页高频 · 任务直达
总览 · 首页
总览 · 首页
空态引导
空态引导

信息「置顶 + 分层」:重要指标与待办永远第一屏可达。

04

设计目标

DESIGN OBJECTIVES

设计
目标

数据呈现
  • 指标大数字 + 图表
  • 卡片栅格 · 语义色
  • 关键信息置顶优先
操作效率
  • 任务清单化 · 状态机
  • 常用功能一步直达
  • 表单分组 · 减少录入
治理端 · 小程序
居民端 · 小程序

「产品层」

首页按业务线组织模块,任务、公告按角色精准分发。

「视觉层」

沉稳政务蓝 + 语义化状态色,政务可信与亲和兼具。

「体验层」

待办清单减少漏办,卡片下钻减少跳转层级。

我的智慧乡镇 · 基层政务小程序
2024
05

设计方向

DESIGN DIRECTION

设计关键词

专业 · 可信 · 清晰 · 温暖

视觉风格

以沉稳政务蓝贯穿专业品牌基调,生态与民生数据辅以绿系图表,构成专业、可信又带温度的双色系。

状态用色语义化(正常绿 / 预警琥珀 / 告警朱红),让治理状态一眼可辨。

主色

#0071e3

状态色

正常

状态色

预警

状态色

告警
首页 · 指标与业务分区
首页 · 指标与业务分区
智能助手 · 对话查询与数据留痕
智能助手 · 对话查询与数据留痕
业务详情 · 长页滚动上滑 · 查看全图
业务详情 · 长页滚动
公告回复 · 居民互动上滑 · 查看全图
公告回复 · 居民互动
我的智慧乡镇 · 基层政务小程序
2024
06

核心功能详解

CORE FUNCTIONS

01 · 登录与账号绑定

支持账号密码与手机号授权两种登录方式;首次进入引导绑定乡镇与身份角色,后续任务与公告按角色精准下发。

  • 双通道登录:账户密码 + 手机号一键授权,兼顾内部干部与外部居民。
  • 首次绑定乡镇与身份,角色决定首页可见模块与下发任务。
  • 开屏引导明确产品归属,降低「这是什么」的认知成本。
手机号授权
手机号授权
账号登录
账号登录
乡镇绑定
乡镇绑定
登录入口
登录入口

02 · 首页治理总览

治理总览作为工作台首页:核心指标卡片、待办任务与最新公告置顶;支持下拉刷新、空态引导与多状态切换,一张首页兼顾「看数」与「办事」。

  • 「指标 + 待办 + 公告」三段式首页:看数、办事、读讯互不遮挡。
  • 下拉刷新、空态引导与多角色状态切换覆盖真实使用差异。
  • 深色与扩展屏适配,保证不同机型下信息层级一致。
首页 · 总览
首页 · 总览
首页 · 状态一
首页 · 状态一
首页 · 状态二
首页 · 状态二
首页 · 状态三
首页 · 状态三
首页 · 下钻
首页 · 下钻
首页 · 深色
首页 · 深色
首页 · 扩展
首页 · 扩展
首页 · 空态
首页 · 空态

03 · 业务模块列表

产业、民生、应急等业务以列表 + 详情结构组织:统一搜索筛选、状态标签、分页加载;支持多级页签切换(如产业分类 / 民生服务 / 应急事件),让高频入口稳定可预期。

  • 产业数据:从统计口径、分类明细到对象卡片逐层下钻。
  • 民生服务:办事指南 + 服务目录,事项与结果清晰可查。
  • 应急响应:预警事件置顶,处置状态全程可追溯。
产业数据
产业数据
产业 · 明细
产业 · 明细
民生服务
民生服务
民生 · 列表
民生 · 列表
应急响应
应急响应
应急 · 处置
应急 · 处置

04 · 采集上报与触达反馈

采集任务以「待采集」清单下发并贯穿状态机;公告支持逐条回复、意见反馈一键直达、小程序版本说明随包触达,治理动作全程留痕。

  • 网格采集:待采集 → 已上报 → 已办结状态机,任务不遗漏。
  • 公告互动:居民逐条回复,反馈直达业务线并留痕。
  • 版本随包触达:更新说明在小程序内完成闭环告知。
任务 · 待采集
任务 · 待采集
通知 · 公告
通知 · 公告
公告 · 详情
公告 · 详情
公告 · 回复
公告 · 回复
意见 · 反馈
意见 · 反馈
版本 · 发布
版本 · 发布

05 · 智能助手 · 菜师兄公智分析

基于菜师兄公智分析引擎,内置农业数据问答能力:干部输入一句自然语言(如「近五年盐池县羊肉产量」),即可得到结构化数据表、趋势结论与同比增长解读;常用业务查询支持一键收藏,下次直达,让分散在各部门的统计台账变成「说一句话就能查到」的数字助手。

  • 常用查询:粮食产量 / 生猪存栏 / 农业产值 / 市场价格等高频问答预设。
  • 问数即答:问题 + 数据表格 + 结论解读一次输出,支持追问下钻。
  • 历史可回:对话与查询记录自动归档,方便复盘与复用。
智能助手 · 欢迎
智能助手 · 欢迎
常用查询 · 一键直达
常用查询 · 一键直达
问数即答 · 数据表 + 结论
问数即答 · 数据表 + 结论
历史记录 · 会话归档
历史记录 · 会话归档
我的智慧乡镇 · 基层政务小程序
2024
07

核心用户旅程

USER JOURNEY

01
登录与绑定

居民 / 网格员选择账号密码或手机号授权登录,首次进入完成乡镇与角色绑定。

02
任务触达

登录后首页呈现待办任务、最新公告与核心指标,数据按角色精准分发。

03
采集上报

网格员进入「待采集」清单逐项填报,支持拍照与表单分组,状态置为已上报。

04
业务处理

干部在总览下钻到产业 / 民生 / 应急明细,事件记录可查、处置可办结。

05
公告与反馈

居民阅读公告并回复互动,治理意见一键反馈,全程留痕形成闭环。

绑定乡镇
绑定乡镇 · 首次绑定
总览首页
总览首页 · 角色分发
公告互动
公告互动 · 可回复
意见反馈
意见反馈 · 一键提交
采集上报 · 长清单滚动上滑 · 查看全图
采集上报 · 长清单滚动
公告详情 · 回复长文滚动上滑 · 查看全图
公告详情 · 回复长文滚动
我的智慧乡镇 · 基层政务小程序
2024
08

页面走查精选

SCREEN REVIEW

身份绑定

身份绑定

选择乡镇 · 绑定角色
产业数据

产业数据

指标统计 · 分类明细
事件记录

事件记录

记录列表 · 处置状态
应急响应

应急响应

预警事件 · 处置办结
民生服务

民生服务

办事指南 · 便民服务
意见反馈

意见反馈

一键提交 · 处理留痕
我的智慧乡镇 · 基层政务小程序
2024
09

设计总结

OUTCOME

从台账到一屏统揽

基层政务小程序让数据采集在一线完成、治理态势在首页可见、业务处置在线上留痕:多部门数据统一入池,指标一屏统揽;待办任务清单化减少漏办;公告可回复、反馈可直达,形成「采集 → 汇总 → 决策 → 触达」的移动化治理闭环。

沉淀与复用

以「首页总览 + 列表检索 + 状态流转」为核心的页面范式可以平移到更多乡镇业务;语义化状态色与卡片栅格形成了一套可持续扩展的政务设计规范,为后续党建、乡村治理等业务线提供了统一的搭建底模。

采集提效

纸质表格 → 手机清单化填报,任务状态全程留痕,报送不再靠微信回传。

一屏统揽

分散部门台账聚合为乡镇总览看板,指标与异常一眼可见。

触达及时

公告、预警、反馈直达居民端,双向互动替代单向传达。

1+N

多业务线统一入口

3类

干部 / 网格员 / 居民

全链路

采集→决策→触达留痕

随时办

移动端随时治理

END OF CASE STUDY

我的智慧乡镇/ 基层政务小程序

面向乡镇干部、网格员与居民的基层治理工作台 — 采集上报 · 一屏统揽 · 触达反馈。

返回作品列表