MBTI Ideal Partner

2025

MBTI Ideal Partner

An interactive WeChat Mini Program that helps users find their ideal MBTI partner.

Timeline
Feb 2025 – Jul 2025
Team
1 Artist/Developer, 2 Consultants, 1 Marketing
Role
Project Manager, Development Lead & Design Lead
Skills
Figma, WXML, WXSS, JavaScript, Adobe Illustrator

Overview

A WeChat Mini Program for finding your ideal MBTI match, reaching 1,500+ users and 500+ likes.

The program focuses on interactivity through code and art, and on keeping users engaged through the process to grow the user base. My roles and responsibilities:

  • Leadership — leading the team through research, ideation, design, development, user testing, and marketing.
  • Design — the visual design and UI/UX, including the character design and interactive elements.
  • Development — the front end, focusing on interactive CSS animation and transitions.
  • Concept & UX — shaping the core concept through ideation, user insight, and experience strategy, considering psychology and user flow.
QR code for the MBTI Ideal Partner Mini Program
Left: a walkthrough of the Mini Program (also on YouTube). Right: scan in WeChat to try it.

Visual design

Character design exploration
Character design exploration.
Final character designs
The final characters.
Visual designColour design
Visual language and colour.

Frontend design & dev

Designed and developed the front end, focusing on interactive CSS animation and transitions.

I strongly considered how to make the interaction flow more engaging and smooth for the user.

Front-end developmentMini Program screens
Left: front-end development. Right: the Mini Program's screens.

More projects

AI Brand Kit project cover

AI Brand Kit

Training AI for brand content automation by creating skills and LoRA — an AI Product Design internship at TikTok.

AIGC Video Automation project cover

AIGC Video Automation

Turning product information and cultural trends into scalable, platform-native e-commerce video ads at TikTok.