主案例只展示部分工作。这里汇集额外材料:Framer 与 Play 原型、iPhone 录屏和落地页。它们帮助在正式生产构建前验证行为、展示产品。

先用 Framer

转向 Play 原生原型前,我经常在 Framer 制作详细交互原型,在 iPhone 浏览器中打开。Yango Pay 原型既有应用,也有落地页,可检查产品内部主要流程与对外解释方式。

Framer 让界面设计快速转为真实设备上的交互。后来,为更准确重现移动行为、细查交互,我开始使用 Play。

原生原型与附 GIPHY 的转账

我在 Play 搭建接近移动应用行为的原型。至今保存着在迪拜 Yango 担任产品设计师期间录制的 iPhone 视频。

一个场景是在转账消息中加入 GIPHY 动画。我们把它与表情和 AI 图片一起研究,探索更个性、更富表现力的转账。这里是研究场景;原型本身不代表功能已发布。

落地页

我设计独立页面,介绍 Yango Pay 主要能力,帮助新用户了解如何开始。这份补充保留 Contra 作品集中四篇发布的画面与录屏。

这些材料展示应用行为研究和对外呈现。GIPHY 转账场景、原型和 iPhone 录屏都不能证明全部功能已发布。我的角色是在 Yango 任职期间做产品设计与原型。

打开 Framer 存档原型。

项目画面与记录

Yango Pay:iPhone、Play 与 Framer 上的原型
Yango Pay:iPhone、Play 与 Framer 上的原型

相关故事:Fundmates:转向 AI · PAC Journeys 的阶段。我曾在迪拜 Yango Pay 担任设计师。