YAOZHEN 姚震,设计与开发实践:A DIFFERENTCREATIVEAPPROACH

SCROLL ,向下浏览

WITH DESIGN + CODE,
TURNING IDEAS INTO
EVERYDAY DIGITAL
EXPERIENCES.

INDEPENDENT BY NATURE.
微信小程序、网站与数字产品实践。

关于姚震

你好,我是姚震。我关注一个想法如何从界面走向完整流程。在这里收录作品,也记录那些让产品更清晰、更好用的思考与取舍。

EXPLORING
DIGITAL

豆子快聊DOUZI CHAT清单时光LEARNING TRACKER番茄微刻FOCUS TIMER茶屿拾光TEA ORDERINGMINI
PROGRAMS
DESIGN
+ CODE
DIGITAL
EXPERIENCES
UX/UIWEB
DEVELOPMENT
MAKE
& REFINE

FEATURED WORK

豆子快聊现有 AI 角色头像素材

豆子快聊 / 角色素材展示

豆子快聊

AI 对话 / 产品流程

探索对话入口、角色与会员机制,如何组成连贯的聊天体验。

项目笔记

从公共 AI 与专属 AI 双入口出发,将会话、次数、会员和小金豆规则串成完整路径。界面的重点,是让用户知道当前可以做什么,以及下一步会发生什么。

设计范围包含任务、签到、分享奖励和管理后台。

开发测试版本;真实 AI 接口与微信支付尚未接入。

清单时光:从真实小程序源码生成的浏览器预览,非微信真机截图

清单时光 / 源码生成的浏览器预览

清单时光

学习计划 / 每日打卡

将计划、任务与复盘,整理成每天都能迈出的一小步。

项目笔记

将学习计划拆为有优先级的每日任务,用完成率、连续天数和周复盘连接短期行动与长期目标。支持复盘文本摘要导出。

本地缓存运行,不依赖云服务或第三方组件。图片为从真实小程序源码生成的浏览器预览,非微信真机截图。

番茄微刻真实浏览器预览界面,画面裁切展示

番茄微刻 / 浏览器预览

番茄微刻

专注计时 / 效率工具

围绕一次专注,连接任务、计时、统计与每日复盘。

项目笔记

把开始、暂停、继续和完成作为计时的核心状态,配合任务分类、优先级和目标番茄数,帮助用户理解每一次专注与任务进度的关系。

提供专注统计、每日复盘与摘要导出。

可在微信开发者工具测试号或游客模式中运行。

茶屿拾光茉莉云顶产品素材

茶屿拾光 / 茉莉云顶产品素材

茶屿拾光

茶饮点单 / 生活服务

从选一杯茶到拿到取餐号,让点单流程自然衔接。

项目笔记

单店茶饮点单演示,覆盖自取与外卖、商品分类、规格定制、购物车、优惠券、订单和取餐号,同时包含会员积分、地址与门店营业配置。

完整演示流程;支付与配送为模拟服务。

03 / NOTES ON MAKING

如何思考,
如何动手。

01

从使用场景开始

先说清楚谁会使用、要完成什么,再决定页面需要什么。学习清单、专注计时与茶饮点单,都从一个具体动作展开。

CONTEXT FIRST
02

把流程做完整

一个按钮背后还有状态、反馈与下一步。除了第一眼的界面,也关心暂停的计时、未完成的任务和提交后的订单。

THINK IN FLOWS
03

在实现中校准设计

用可运行的版本检验想法,明确演示与真实服务的边界。让设计的取舍有依据,也让每一次迭代有所积累。

MAKE & REFINE

04 / THE PERSON BEHIND

姚震YAO ZHEN

保持好奇,
持续把想法做出来。

我在设计与开发之间工作,尝试把复杂的需求,整理成清晰的界面和顺畅的使用流程。这个网站是作品集,也是个人实践的持续记录。

如果你也关注小程序、网站和数字产品,希望这些作品能成为我们交流想法、理解彼此工作方式的起点。

看看我的实践思路