Designing a Badge System to Boost Engagement in a B2B Recruitment App

The article outlines how 58招聘 B‑side app created a structured achievement badge system—defining types, levels, visual consistency, and thematic categories—to motivate blue‑collar users, enhance perceived value, improve retention, and encourage sharing, with detailed design guidelines and visual examples.

58UXD
58UXD
58UXD
Designing a Badge System to Boost Engagement in a B2B Recruitment App

58招聘 B‑side app recently built an achievement badge system to provide spiritual rewards, increase users' sense of accomplishment, and guide retention and sharing.

The primary users are 30‑50‑year‑old blue‑collar workers; the badge visual style is steady yet playful, with a strong sense of quality.

The system is organized around three dimensions: badge type (distinguished by base shape), badge level (expressed through color and texture), and consistency standards (defining combination forms and ratios to maintain a unified style).

Key thematic categories under the recruitment business include chat communication, certified enterprises, receiving resumes, viewing resumes, downloading resumes, late‑night recruiting, and other special scenarios.

Badge levels are set to five tiers, with a base color palette that becomes hotter and textures more pronounced as the level rises.

The core visual element is a hand shape; different hand gestures convey various badge meanings, creating a recognizable series.

To ensure visual consistency, the combination forms and proportions of badges are standardized according to the defined guidelines.

Badge system overview
Badge system overview
Badge type and level illustration
Badge type and level illustration
user engagementProduct DesignUXB2B appbadge design
58UXD
Written by

58UXD

58.com User Experience Design Center

0 followers
Reader feedback

How this landed with the community

Sign in to like

Rate this article

Was this worth your time?

Sign in to rate
Discussion

0 Comments

Thoughtful readers leave field notes, pushback, and hard-won operational detail here.