[UI/UX] AI 快速驗證的 App 設計|Badger 徽章人

Product Design / UI/UX / Web3 DID Platform

App Design — Badger Badge Collector

BadgeVibe is a consumer-facing platform that applies Web3 DID technology to the experience economy. I led the end-to-end UX and UI design for both the creator and participant flows, enabling anyone to publish and collect experience-based badges.

ROLEUI/UX Designer
TIME2025
SKILLUser Flow · UI Design · Gamification · Vibe Coding

Impact

  • 設計模組化、低門檻的挑戰創建流程
  • 打造充滿探索感的挑戰參與與徽章獲取體驗
  • 導入 AI Coding 快速驗證的設計產品

Transforming Web3 decentralized identity (DID) technology into a two-way interactive platform that enables users to initiate, participate in, and permanently commemorate "experiential challenges."

App Design — Badger Badge Collector

Project Background & My Role

BadgeVibe is a project I participated in internally at Turing Space.

The initial goal was: to apply the company's core Decentralized Identifier (DID) technology to the experience economy and community interaction in the consumer market.

Badger is not merely a badge collection tool — it is a two-way interactive platform. Anyone can launch an experiential challenge (e.g., discover hidden urban gems, complete a skill-based learning task), while other users can join the challenge and, upon completion, receive a unique digital badge as proof of achievement.

As this project approached its Beta testing phase, I served as the UI/UX Designer, responsible for planning and designing user flows and UI interfaces.


Design Goals

  • For "Initiators": Design a minimal, modular challenge-creation flow that allows anyone to easily publish a complete experience — including location, tasks, and badge rewards.
  • For "Participants": Design a challenge participation flow filled with a sense of exploration and gamification, culminating in a rewarding badge-acquisition experience upon completion.
  • For "the Platform": Build a healthy ecosystem that fosters two-way interaction and drives a positive cycle of community-generated content.

Key Experience Screens

App Design — Badger Badge Collector

Personal Badge Collection Page

App Design — Badger Badge Collector

New User Onboarding Flow

App Design — Badger Badge Collector

Alternative Live Experience Mode (In Development)

App Design — Badger Badge Collector

Project Promotion Progress

1. Currently collaborating with the "Tou Nan Feng" team

1. Continuing to seek partnership opportunities with local tourism groups and county governments