top of page
  • Medium
  • Instagram
  • X
  • LinkedIn

Result

  • Delivered a 0→1 visual and interaction system for Bailian’s outlet brand.

  • Established a luxury-inspired UI aligned with retail identity.

  • Collaborated with development for a smooth production handoff.

The project is currently in development, with the full design system now serving as the base for future consumer apps.

About Outlet App

The Qinpu Outlets app was a 0→1 consumer-facing project, designed to bring Bailian’s luxury outlet shopping experience online.
My role covered visual system creation, UI/UX design, and handoff to development, ensuring a cohesive and elegant experience aligned with the brand’s premium positioning.

Frame 14188.png

0→1 Design for a Luxury Retail Mini-Program

Defining a new mobile experience and visual identity for Bailian’s luxury outlet brand.

Macbook Mockup Front View UV.png
Macbook Mockup Front View UV.png

Bailian Group:
Designing Enterprise Dashboards and Consumer Apps for China’s Largest Retail Network

Building scalable design systems across B2B and consumer touchpoints.

Hand and iPhone 16 Pro_1x 1.png
17_2x.png

Description

Bailian Group is China’s largest commercial retail group with over 170,000 employees and millions of users across department stores and online platforms.
As a contract UI / Product Designer, I worked on two parallel projects:

  • BLOS Enterprise System (B2B): A data-heavy operations platform enabling sales teams to configure, run, and analyze marketing campaigns.

  • Qinpu Outlets Mini-Program (C-end): A 0→1 mobile app for luxury outlet shopping, defining a new visual identity and interaction flow.

Duration

November 2024 -  August 2025

Role

UX/UI Designer

Tools Used

Sketch; Lanhu

Problem & Context

The challenge was to design two interconnected products serving vastly different audiences.

  • B2B (BLOS): Existing dashboards were data-dense and difficult to interpret, slowing campaign configuration and monitoring.

  • C-end (Qinpu Outlets): The brand needed a new digital identity reflecting its luxury positioning while remaining efficient and mobile-first.

Both required a consistent visual system that could adapt across use cases, while meeting the strict rollout timeline for Bailian’s retail network.

Design Process

Discovery

Business requirements, competitor analysis

Wireframing and Visual Design

Simplifying architecture for clarity; System consistency across B2B and C-end

Collaboration

PM + Engineering handoff

Testing

Internal usability rounds

E-COMMERCE-AND-THE-IMPACT-ON-MALL-VENUES--3-.png

BLOS (B2B System)— Enterprise Dashboard Design

Making high-volume retail data readable, usable, and scalable across stores.

About BLOS

The BLOS platform is Bailian’s internal system for configuring and tracking marketing campaigns.
My role focused on refining complex information hierarchy, improving UI consistency, and building reusable components that could scale across different modules.

Frame 14186.png

Created a scalable UI library used across multiple internal tools.

System Consistency

营销工具列表新增效果分析-优惠券抽屉_1x.png

Structured dashboards for quick understanding of large data sets.

Data Readability

Frame 14191_edited.png

Partnered with PMs and engineers to align on priorities and ensure design feasibility.

Collaboration

Impact

  • Simplified campaign setup workflows.

  • Improved readability of complex data dashboards.

  • Created a scalable component system reused across multiple BLOS modules.

This project taught me how to design at enterprise scale—balancing complexity, system thinking, and real-world collaboration.

会员_2x.png
07 color_2x.png

The system uses PingFang, a widely supported typeface that balances modern elegance and technical feasibility across platforms.

02

08 Icons_2x.png

Gold and black were chosen to evoke a sense of luxury and sophistication, creating strong visual contrast and brand recognition. 

01

07 Typeface_2x.png

I designed flat black icons with subtle shadows, adding both visual detail and a feeling of thoughtful, high-touch service.

03

04_2x.png

The interactive elements use linear gradients to simulate light reflections, conveying premium tactile feedback while remaining clean.

05

06_2x_edited.jpg

A standard responsive grid was applied to ensure consistent rhythm and efficient development implementation.

04

05_2x.png

Modular cards and panels structure information clearly, maintaining a refined hierarchy and easy readability.

06

See my other projects...

#Social Impact 

#Product Design

37_edited.jpg

#Experience

Frame_1618_edited.jpg

#award winning #0-1 design

3_edited.jpg
bottom of page