WUHAN XINGLING · 技术服务交付档案 2014 – 2026

把创意做成
能上线的系统

从微信活动页、小程序、业务系统,到展厅双控大屏、全景 VR 与自研引擎——十二年交付档案全部留存,可当场打开演示。

0年持续交付2014 – 2026
0个可核实交付项目目录与仓库可查
0条业务线活动页到业务系统
0类技术栈前端 / 后端 / 视觉
样板间全景漫游实跑界面
全景漫游实跑界面 · krpano
展厅数据大屏
展厅数据大屏
3D 电子书书架
3D 电子书

WHO WE ARE

我们不出效果图,只交能跑的系统

一份需求进来,设计、前端、后端、装机在同一套代码里闭环。

  • 一套活动页提案、竞标、微楼书、工程汇报、节日活动
  • 一套小程序原生小程序、Taro 跨端、uni-app、商城结构
  • 一套系统会员、积分、订单、在线选座、后台与接口
  • 一间展厅双控大屏、3D 电子书、数据可视化、全景漫游
  • 一套视觉活动主视觉、图标系统、字体排版、动效规范
展厅双控系统待机画面
展厅双控系统 · 上屏待机画面
触控端操作页
触控端
详情内容页
详情内容页
0个可编号交付单元按项目目录与代码仓库统计
0个可核实交付项目2014 – 2026 全部留存
0个活动视觉 PSD含改版副本,图层可查可交接
0组场景图标库餐饮、食品、家居、出行、地产
0张产品流程稿小程序与后台的信息架构
0端一套代码Taro 2.0.7 输出微信 / 支付宝 / H5 等

BUSINESS LINE 01

互动营销与活动页

玩法库已经成型,换客户换的是皮肤,不是重新研发。

  • 玩法覆盖抢红包、大转盘、答题、刮刮乐、摇一摇、闯关与棋牌小游戏
  • 每个活动含前端交互、视觉、抽奖与发奖规则、后台名单与统计
  • 2015 年项目保留 PSD 源文件与当时的微信接口脚本,原样打开可回看效果
  • 提案、竞标、微楼书、工程汇报页共用一套排版与换肤流程
主题倒计时活动页宽幅主视觉
2025 倒计时活动页 · 宽幅主视觉
商业综合体开业 H5 首屏
商业综合体开业 H5
2015 微信闯关小游戏
2015 微信闯关小游戏

BUSINESS LINE 02

小程序与跨端应用

一套代码,八个端;小程序和后端同源,不靠接口现场对接。

  • 原生微信小程序:TypeScript + 自定义 tabBar,16 页地产案场(户型 / 置业顾问 / 资讯 / 预约)
  • Taro 2.0.7:一套代码输出微信、支付宝、字节、百度、QQ、H5、RN、快应用
  • uni-app 小程序端 + Vue 管理后台,商城四 tab 结构
  • 配套后端:ThinkPHP 6 多应用 + think-orm,会员等级、积分、订单、在线选座
微信支付宝字节百度QQH5React Native快应用
会员小程序首页
在线选座
积分商城
卡座拍卖
我的存酒
演出门票

夜场会员小程序全流程设计稿 · 会员 / 积分 / 储值 / 在线选座 / 拍卖 / 购票

BUSINESS LINE 03 · 04

展厅双控、数据大屏与现场互动

展示端与触控端同一份内容,改一次两端同时生效。

  • three.js 0.166 渲染 + Electron 33 桌面端,已产出 Windows 安装包并双端实测
  • 大屏负责内容呈现,触控台负责观众操作,WebSocket 实时同步状态
  • ECharts 地理分布与图表可视化,数据来自结构化 JSON,可整批替换复用
  • 现场互动:扫码签到、观众照片上墙、Cocos Creator 集福抽奖与节日小游戏
展厅全球分布大屏
展厅法规查询系统 · 全球分布大屏
大屏扫码签到页
大屏扫码签到
趋势图表大屏
趋势图表
3D 选册界面
3D 选册
集福抽奖首页
集福抽奖
翻牌玩法实跑
翻牌玩法实跑
圣诞互动游戏
2020 圣诞小游戏

BUSINESS LINE 05

自研引擎 · 一份配置产出一整套活动页

自研邀请函 H5 引擎 v2.0:CONFIG 自动构建 DOM、预加载与翻页。

  • 同一客户两场活动,只换配置与素材,不改代码
  • PixiJS 4.8 / CreateJS / Egret / Cocos 源码级定制,配合龙骨骨骼动画做换装与关卡
  • Express + socket.io 2.1 微信上墙:现场大屏与手机双端同步收发
  • PhotoClip 图片合成:用户照片 + 活动模板,产出个性化海报
2025 冬 邀请函首屏
2025 冬 · 首屏
2025 冬 亮点页
2025 冬 · 亮点页
2026 春 邀请函首屏
2026 春 · 首屏
2026 春 项目页
2026 春 · 项目页

两套活动各 7–8 页,同一份引擎配置产出

PANORAMA & VR

全景 VR 与空间漫游

样板间、园区、展厅的线上版本,手机和大屏都能跑。

  • krpano 1.20.9 多分辨率(multires)全景,按带宽自动取图
  • 热点跳转、场景切换、导览路线预设,可挂解说与图文弹层
  • 样板间、园区、展厅漫游,手机与展厅大屏无缝切换
全景漫游实跑界面
krpano 实跑界面 · 含热点工具条
高端样板间全景原图
高端样板间全景原图

DESIGN SYSTEM

UI 与视觉设计

设计稿和前端代码同源交付,少一道翻译损耗。

  • 212 个活动视觉 PSD 源文件(含改版副本),图层、配色与规范可查可交接
  • 32 组场景图标库,覆盖餐饮、食品、家居、出行、地产、政务
  • 41 张产品流程稿:信息架构、页面流程、状态图与后台字段表
  • 8 款中文字体配套排版,含商城、查询屏与横竖屏活动页版式
IP 联名 3D 主视觉
IP 联名 3D 主视觉
活动场景背景
活动场景背景
互动答题装置视觉
互动装置视觉

PROJECT WALL

项目墙

以下画面全部取自真实交付档案,非设计示意。点击任意一格可放大查看。

DELIVERY MIX

交付构成与协作流程

按项目目录与代码仓库统计,共 122 个可编号交付单元。

协作流程

  1. 01需求梳理目标、玩法、范围边界、验收口径对齐
  2. 02原型与信息架构页面流程、状态图、后台字段表先于代码
  3. 03视觉与交互主视觉、动效、图标与排版规范同步产出
  4. 04前后端开发多人并行,接口对齐后 Mock 可测
  5. 05联调与兼容性微信授权、分享链路、机型适配清单
  6. 06上线与迭代埋点看板、活动复盘、后续改版排期

交付形态:单个活动页与互动小游戏 · 小程序及其后端 · 完整业务系统与管理后台 · 视觉与图标物料成套输出 · 全景 VR 与线上展厅 · 长期迭代与技术维护

TWELVE YEARS

十二年交付档案

同一批人既做过活动页,也做过系统和大屏;形态在变,团队一直没散。

2014

首个微信活动页上线,接口脚本与素材留存至今

2015

单年 37 个互动项目,转盘、答题为主要玩法

2018–21

约 70 个提案与微楼书,转向原生小程序 + ThinkPHP 6 全栈

2022–23

会员体系与积分商城,Java 后端 + uni-app + Vue 后台

2025

倒计时主题活动页,宽幅与移动端长页同源产出

2026

展厅双控大屏、邀请函引擎 v2.0、IP 联名视觉与商城页面

历史项目由团队以前身主体名义交付;案例画面含甲方项目标识,对外使用前请确认露出范围。数据来源:2014 – 2026 年实际交付档案(项目目录、代码仓库、设计源文件)。

FULL STACK

四层能力,同一家交付

设计、前端、后端与运维端、视觉规范在同一套流程里闭环,中间不存在交接断点。

01

展示端

  • Vue / 原生小程序
  • Taro 2.0.7 / uni-app
  • Swiper 翻页与预加载
  • PixiJS 4.8 / CreateJS
  • Egret / Cocos 源码级
  • 龙骨骨骼动画
  • 自研邀请函引擎 v2.0
02

渲染与运维端

  • three.js 0.166 三维渲染
  • krpano 1.20.9 全景 / VR
  • Electron 33 桌面端
  • electron-builder 打包
  • Windows 安装包双端实测
  • ASP.NET 授权页
03

后端与数据

  • ThinkPHP 6 多应用
  • Java + Maven
  • Express + socket.io 2.1
  • 会员 / 积分 / 抽奖接口
  • 订单与发奖规则
  • 名单导出与数据看板
04

视觉规范

  • PSD 源文件与图标规范
  • 32 组场景图标库
  • 8 款中文字体排版
  • 交互与动效规范
  • 产品流程图
  • 信息架构与状态图

四条线由同一批人排期:设计稿定稿前,前端已按同一份信息架构搭好骨架;后台字段表与接口文档在联调前给出,不在开发中途改口径。

NEXT STEP

谈方案时,我们直接打开真实页面。

从 2014 年第一个微信活动页,到小程序、业务系统、全景 VR 与展厅双控大屏,项目源码与设计源文件全部在档。验效果,不看效果图。

业务之外也谈

没有成型需求、只有想法的项目,先聊清楚再给可执行方案

边界写在纸上

价格、工期、验收标准在需求确认后以文档给出,不做口头承诺

交接不留一手

源文件、代码、部署说明、后台操作文档一并移交,含后续维护