已正式上线 gripclub.events/pinder GRIP Club 的一部分

Pinder

车手配对,从这里开始

参加耐力赛最难的不是摩托车,也不是预算,而是找到车队。Pinder 是我们在 GRIP Club 中打造的车手市场。车手制作自己的卡片,打开卡包,为想一起比赛的车手点“喜欢”;双方互相喜欢,就配对成功。

卡组里有五只鸭子。卡片和应用一样是西班牙语。

里面有一张车手卡
可能含有鸭子成分
点击打开

运作方式

从登录到组成完整车队,无需任何人公开手机号。

  1. 登录

    使用 Google 或电子邮箱登录。Pinder 在 GRIP Club 内有独立的专区,与车队报名分开。

  2. 制作卡片

    四个步骤:个人资料、摩托车、属性和自我介绍。每项属性都通过一句话来选择,从“我是来学习的”到“我能在赛道上拉开差距”。

  3. 打开卡包

    卡片在浏览器中生成,并通过开卡包动画揭晓。可以在本页顶部亲自试试。

  4. 浏览市场

    所有车手的卡片,在电脑上以网格显示,在手机上则是可滑动的卡组。为想一起比赛的车手点“喜欢”。

  5. 配对

    当两位车手互相喜欢时,双方都会收到一封包含对方 WhatsApp 的邮件。手机号永远不会出现在市场中。

  6. 组建车队

    车队从一次配对开始逐渐壮大:车手申请加入、车队邀请新人,或由主办方按契合度补齐空位。

一张读懂车手的卡片

六项属性(投入度、主动性、态度、机械、控制和节奏),每项 60 到 100 分。总评分是它们的平均值,一套 25 种原型的引擎为每张卡片赋予称号,从“车队队长”到“戴号码布的机械师”。

  • 两个“绿旗”优点,以及一段最多 180 字的简介
  • 无论照片或名字如何,每张卡片尺寸都一样
  • 越稀有的卡片越亮一些,在卡面和揭晓时都是如此
  • 保存为图片,可分享到 WhatsApp,也会附在配对邮件中
车手填写前的空白 Pinder 卡片

卡包,逐帧拆解

我们把应用本身的代码搬到了这个页面,因此卡包在这里的打开方式与 gripclub.events 上完全一样。

一气呵成的卡包

页面上的卡包借一段弹簧动画飞到屏幕中央,先被压扁,再越抖越厉害,最后在一阵光芒中撕开。

越稀有,越震撼

评分决定一切:更长的蓄力、更强的抖动、更多火花、绿色中夹杂暖金色,以及卡片背后更亮的光晕。

指针就是光源

卡片出来后会像弹簧一样倾斜,一道白色光泽随指针移动,就像灯下的闪卡。

手机上也流畅

在触屏设备上会去掉模糊、厚重阴影和倾斜效果,即使是普通手机也能保持流畅帧率。

无障碍

键盘焦点保持在内部,按 Esc 即可关闭,实时区域会朗读结果;开启“减弱动态效果”时则改为平缓的淡入淡出。

为分享而生

轻点一下即可调出手机的分享面板分享卡片;不支持分享时,图片会直接下载。

集齐五只鸭子吧。

一个独立的产品

一个网站,两个产品。

Pinder 与 GRIP Club 共用网站和登录,但作为一个独立产品运行:有自己的专区、自己的市场、自己的邮件和自己的上线开关。和它旁边的报名平台一样,由我们设计、开发并运营。

上线开关

Pinder 只需勾选一个选项或设定时间即可上线,无需重新部署。关闭期间,它的页面和 API 都保持关闭。

内容审核

卡片会立即出现在市场中。主办方可以隐藏或删除任何卡片,车手也可以撤回自己的卡片。

隐私始于设计

手机号永远不会进入市场:它只会出现在配对邮件中,发送给双方车手,并抄送主办方。

配对关系图

主办方可以在关系图中看到每一次喜欢和配对,并发送事先预览和测试过的召回邮件。

技术栈

与 GRIP Club 相同的无服务器架构,再加上驱动卡包的动画与图像库。

Astro 5 (SSR)Firebase AuthCloud FirestoreFirebase StorageNetlify FunctionsResendanime.jshtml-to-image

在找车队吗?

在 gripclub.events 的 Pinder 上制作你的卡片,找到你的队友。

更多定制项目

已上线

GRIP Club

为业余车手打造的 8 小时耐力赛报名与管理系统。

gripclub.events已上线
已上线

Isabel García Marín

为一位当代画家打造的作品集网站和作品目录管理后台。

isabelgarciamarin.es已上线
开发中

Atlas&You

一家销售西班牙手工首饰的网上商店。

Elixir · Fly.io开发中
我们的全部客户项目