Infusing Nostalgia into B2B Mobile Apps: The Electronic Work Card Case Study

For B‑end products, stereotypes such as uniformity and efficiency‑over‑creativity often lead to restrained redesigns, yet designers seek to inject sentiment to break these molds.

The internal collaboration platform "Meishi" serves as a high‑frequency mobile app for employees, making it an ideal testbed for emotional design while maintaining low cost and high perception.

Targeting the "electronic work card"—a feature that mirrors the physical employee badge across frequent scenarios like clock‑in, gate access, payment, and printing—allowed the team to focus on a function that is both independent and widely used.

Design Principle: Familiarity

Leveraging the psychological "familiarity law," the team recognized that familiar objects (like physical work cards) generate goodwill; the badge represents identity and honor for many workers.

Design Execution – "Shape Similarity"

The visual design establishes a cognitive link between the electronic and physical cards. Key considerations include:

Adaptability: vertical layout fits phone portrait.

Carry‑ability: double‑sided display balances information and entry points.

Extensibility: plain card sleeves complement complex content.

Four detail dimensions were refined:

Texture: a soft silicone‑like frame and realistic card strap.

Details: a rotary‑lock connection prevents strap tangling; card sleeve thickness aligns with the card.

Light: consistent lighting enhances realism.

Content: the front follows existing electronic card conventions with QR scanning; the back mirrors the physical badge, displaying personal info.

Motion design mimics real‑world actions—"swing" and "flip"—to create entry and transition animations.

Design Execution – "Spirit Similarity"

Building on shape similarity, the team added emotional layers such as custom skins for company anniversaries, holidays, and outstanding employees, aligning the digital badge with employee psychology.

Design Execution – "Office Efficiency"

Beyond sentiment, efficiency remains core. The redesign improves workflow by:

Replacing a cumbersome left‑side feedback page with a lightweight overlay that can be dismissed by a downward swipe or tapping outside.

Integrating high‑frequency functions (clock‑in, printing, etc.) into the scanning flow to reduce navigation depth and cognitive load.

Extending the badge’s role to surface upcoming meetings and pending tasks, providing timely reminders and lowering memory cost.

The result is a B‑end design exploration that starts with emotional appeal and ends with tangible productivity gains, demonstrating that rational efficiency and sentimental experience can coexist and reinforce each other.