← 返回案例小程序开发

Gemfields 宝石红焕

一颗宝石,一个故事。

为 Gemfields 打造从心跳互动到红宝石创作的微信小程序,将个人卡片、珠宝探索、品牌故事与精品店连接起来。minibble 完成小程序从 0 到 1 的开发。

微信小程序0–1 开发心跳互动宝石创作分享海报
我们一起完成离线心率算法产品体验设计前后端开发
让心动,成为一枚红宝石

属于您的红宝石,从此刻开始。

从品牌影片出发,输入名字,体验心跳互动,创造红宝石卡片。翻转卡片探索珠宝系列,再走进 Gemfields 的品牌故事与精品店。

Gemfields 宝石红焕小程序码
微信扫码,探索 Gemfields 宝石红焕手机端可长按识别小程序码

让每一次心动,都有自己的形状。

左右滑动,从红宝石创作到珠宝系列、品牌故事与精品店,查看主要页面。

  • 从一颗宝石开始

    品牌影片、主视觉与开始创作入口。

    Gemfields 宝石红焕,品牌影片、主视觉与开始创作入口。
  • 感受此刻的心动

    心跳互动与倒计时,将体验带入宝石创作。

    Gemfields 宝石红焕,心跳互动与倒计时,将体验带入宝石创作。
  • 属于您的红宝石

    宝石、装饰与名字组合成个人卡片。

    Gemfields 宝石红焕,宝石、装饰与名字组合成个人卡片。
  • 翻面,探索玫瑰金

    翻转卡片,浏览费伯奇珠宝与产品名称。

    Gemfields 宝石红焕,翻转卡片,浏览费伯奇珠宝与产品名称。
  • 钻石与红宝石

    切换珠宝卡片,查看系列中的不同作品。

    Gemfields 宝石红焕,切换珠宝卡片,查看系列中的不同作品。
  • 白金系列的另一面

    珠宝轮播与产品详情入口延续探索。

    Gemfields 宝石红焕,珠宝轮播与产品详情入口延续探索。
  • 让故事继续传递

    分享落地页连接珠宝展示与新的红宝石创作。

    Gemfields 宝石红焕,分享落地页连接珠宝展示与新的红宝石创作。
  • 走进 Gemfields

    品牌介绍与两个品牌二维码。

    Gemfields 宝石红焕,品牌介绍与两个品牌二维码。
  • 了解宝石的故事

    向下浏览品牌内容与宝石影像。

    Gemfields 宝石红焕,向下浏览品牌内容与宝石影像。
  • 从屏幕走向精品店

    查看北京与澳门精品店的图片和地址。

    Gemfields 宝石红焕,查看北京与澳门精品店的图片和地址。

让品牌故事成为一段个人体验

Gemfields 宝石红焕以“一颗宝石,一个故事”为起点,把红宝石的品牌表达变成可以参与的微信小程序体验。用户从影片与品牌主视觉进入,留下名字,完成心跳互动,再探索一张属于自己的红宝石卡片。

这条路径将个人参与、宝石影像与珠宝内容串联起来,让品牌介绍之外多了一次可以亲手完成、也可以分享的体验。

从此刻的心动,到一枚红宝石

一段连贯的创作流程

从首页开始,名字输入、互动引导、倒计时和生成过渡依次衔接。我们完成了各步骤的界面、状态与导航实现,让用户能够自然地走到结果,而不是在独立页面之间反复寻找入口。

一张可以探索的个人卡片

结果页将宝石、装饰背景与名字组合成卡片。翻转之后,用户可以通过轮播、缩略图和前后按钮浏览珠宝,查看系列与产品名称。从创作到产品探索,体验保持在同一条路径中。

把卡片变成可以传递的故事

分享海报延续结果卡片的视觉,组合名字、红宝石、珠宝与对应的小程序码。分享落地页继续展示相关珠宝,并保留重新开启红宝石创作的入口,让接收到分享的人也能够参与。

我们完成了卡片翻转、珠宝切换、海报组合与分享页面的开发,也接入了原小程序中的产品详情入口。

连接品牌内容与精品店

“走进品牌”承载 Gemfields 的介绍与品牌二维码;“精品店”展示北京与澳门门店的图片、名称和地址,并提供复制地址的操作。三个底部栏目把宝石创作、品牌阅读和线下门店组织在一起,方便用户按自己的兴趣继续探索。

你的下一件小事, 也许就是一件大事。

不必准备一份完美的需求文档。 从一句「我有个想法」开始就好。